作为前端开发工程师，盲目追逐框架似乎有点舍本逐末，要知道基本功才是硬核。JavaScript 的语法这几年一直在更新，不管我们是框架的核心开发者还是业务重塑者，学习下最新的 JavaScript 语法和能力是非常有好处的。下面我们通过几个小示例来看下新语法的强大之处：

通常我们有使用 Github、Gitlab，当 Github 或 Gitlab 下有多个账号，你会发现你的 ssh key 不够用了，因为站点会给你个提示：

如果觉得 Mongodb 语句不太好理解，可以和 SQL 语句进行对比，学起来要容易很多。 1. 查询(find) 查询所有结果 {代码...} 指定返回哪些键 {代码...} where条件 {代码...} and条件 {代码...} or条件 {代码...} 比较条件 {代码...} {代码...} {代码...} in条件 {代码...} like {代码...} count {代码...} 不等于 {代码...}...

最近在开发一个新应用，有一天在gitlab上clone代码的时候发现我的应用竟然有170+M，明明是一个全新的应用，代码都没有几行呢，为什么会有这么大呢？

大家都说前端写页面较多，几乎用不到算法。本文愿从弹幕设计这个场景来描述算法在前端中的应用，我们先来看下实现效果： {代码...} 开场之前我们先来描述弹幕开发的难度，再集中精力描述算法设计的思路。 如何保证不同字号的弹幕不碰撞 弹幕的位置计算 弹幕的速度控制及动画实现 弹幕与视频的同步 如何保证不同字号的弹...

前端同学要使用 HTML5 播放器视频，必然会使用 video 标签，不过大多数同学只是使用了较简单的功能，其实它本身拥有不凡之力有待我们发现。

因babel的版本从5升级到6有很多改动，比如babel本身不再提供任何transform的工作，都需要借助插件来完成，本文的所有讨论都是建立在babel 6之上的。如果只想看结论，直接跳到文章最后。 ---写在前面

{代码...}

面试题：css中的单位都有哪些？可以取百分数的单位有哪些？这些百分比是如何计算的？ css中的单位 绝对单位 in-英寸；cm；mm；pt-磅；pc-pica 相对单位 em-与元素字号挂钩；ex-与元素字体的“x高度”挂钩；rem-与根元素字号挂钩；px-与CSS像素挂钩；%-另一属性值的百分比 css中可以取百分比的属性 定位：top,right,bottom,...

Siege是一款开源的压力测试工具，设计用于评估WEB应用在压力下的承受能力。可以根据配置对一个WEB站点进行多用户的并发访问，记录每个用户所有请求过程的相应时间，并在一定数量的并发访问下重复进行。siege可以从您选择的预置列表中请求随机的URL。所以siege可用于仿真用户请求负载，而ab则不能。但不要使用siege来执行...

跨站脚本攻击(Cross Site Scripting)，为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆，故将跨站脚本攻击缩写为XSS。恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页之时，嵌入其中Web里面的Script代码会被执行，从而达到恶意攻击用户的目的。

video.js 源码分析（JavaScript） 组织结构 继承关系 运行机制 插件的运行机制 插件的定义 插件的运行 控制条是如何运行的 UI与JavaScript对象的衔接 类的挂载方式 存储 获取 组织结构 以下是video.js的源码组织结构关系，涉及控制条、菜单、浮层、进度条、滑动块、多媒体、音轨字幕、辅助函数集合等等。 {代码...} vide...

起源 该技术在1998年前后得到了应用。允许客户端脚本发送HTTP请求（XMLHTTP）的第一个组件由Outlook Web Access小组写成。该组件原属于微软Exchange Server，并且迅速地成为了Internet Explorer 4.0的一部分。部分观察家认为，Outlook Web Access是第一个应用了Ajax技术的成功的商业应用程序，并成为包括Oddpost的网络邮...

第三方合作 {代码...} 如果这段代码放在前端处理，不使用后端模板，用document.write可以轻松实现，当然实现的方式很多种，这里只是说明document.write可以胜任。 {代码...}

Web客户端广告分发及数据统计 在Web业务开发中经常遇到广告加载及管理的问题，举例如下： 页面中具有多个广告位，而且每家广告的代码风格和内容不尽相同 一个广告位需要投放多家广告，如何在客户端开启A/B测试及动态加载广告代码 如何对每个广告进行准确的数据统计（PV、UV、Reffer） 如何在引入引用的页面上摒弃杂乱的...