在知乎和我在平常工作中，常常会看到一个问题： 前端现在还火吗？ 这个我只想说： 隔岸观火的人永远无法明白起火的原因，只有置身风暴，才能找到风眼之所在 ——『秦时明月』 你 TM 看都不看前端现在的发展，怎么去评判前端火不火，我该不该尝试一下其他方面的内容呢？本人为啥为这么热衷于新的技术呢？主要原因在于，生怕...

面试季又到了，各位小鲜肉也在着手准备基本的面试、实习。但是，有小鲜肉的思想我确实有点不敢苟同。面试无非就是问一些问题，你能答出来就行，答不出来就 pass。那如果我知道你要问哪些问题，这不就行了吗？感觉这不就是做一场考试吗？

上一篇文章简单阐述了，在 H5 中，做直播需要哪些技术知识点，有哪些直播流协议和技术。通过对比，本篇主要聚焦于 RTMP 直播协议的相关内容，也就是说，本篇将会直接进行实际操作 Buffer 的练习和相关的学习。

TL;DR 本文主要是讲解关于 SVG 的一些高级动画特效，比如 SVG 动画标签，图形渐变，路径动画，线条动画，SVG 裁剪等。 例如：路径动画 图形渐变： 线条动画： 以及，相关的动画的矩阵知识，这个也是现在 CSS 动画里面最重要，同时也是最为欠缺的知识点： 文章会先从基本语法入手，然后，慢慢深入。介绍一些动画基本原理...

Web 进制操作是一个比较底层的话题，因为平常做业务的时候根本用不到太多，或者说，根本用不到。 老铁，没毛病 那什么情况会用到呢？ canvas websocket file fetch webgl ... 上面只是列了部分内容。现在比较流行的就是音视频的处理，怎么说呢？ 如果，有涉及直播的话，那么这应该就是一个非常！非常！非常！重要的一块...

前几天，在翻译 WebGL Fundation 的时候，遇到很多审核方面的问题，首要的就是，中英文段落同步问题。后来，想出的办法就是将英文段落复制到中文翻译里，进行同步审核。但这样，又会多出一个问题，即，文章过长，导致后面删除工作做的很繁琐。所以，为了解放生产力，决定以工具的形式，写了一个自动库remove_en，来完成...

市面上现在流行两种沙箱模式,一种是使用iframe,还有一种是直接在页面上使用new Function + eval进行执行. 殊途同归,主要还是防止一些Hacker们 吃饱了没事干,收别人钱来 Hack 你的网站. 一般情况, 我们的代码量有60%业务+40%安全. 剩下的就看天意了.接下来,我们来一步一步分析,如果做到在前端的沙箱.文末 看俺有没有心情...

括号的匹配,无论是在web 计算器, 还是在文本输入中, 都占很大的比例. 有时候正则用多了, 在谈到括号匹配的相关内容时, 可能会剑走偏锋. 导致走上不归路. 一个很简单的方法就是使用 stack 的方法. 来实现, 括号的匹配.

首先郑重声明:nodeJS 是一门单线程!异步!非阻塞语言!nodeJS 是一门单线程!异步!非阻塞语言!nodeJS 是一门单线程!异步!非阻塞语言!

某大咖说: "iframe是能耗最高的一个元素，请尽量减少使用"某大牛说: "iframe安全性太差，请尽量减少使用"...wtf, 你们知不知道你们这样浇灭了多少孩纸学习iframe的热情和决心。 虽然，你们这样说的我竟无法反驳，但是iframe强大功能是不容忽视的。 可以看看各大邮箱网站是否还在使用iframe，查查知乎iframe. iframe不死...

其实缓存就像办健身卡，我第一次花了699办了一年的卡之后，接下来的一年我都可以免费锻炼。 在web 中， 我们交的不是钱，而是空间，我们耗费一定的空间之后，能够获得网页打开速度质的飞跃。 当我们第一次访问一个页面时，我们需要交纳一定的空间， 将下载的css,js,html已经img等相关资源保存在本地。 在第二次，第三次...

如果答案是 yes. 那么，bingo, 这里我们将深入讲解，这样写代码到底有没有IQ。 如果答案是 No. 那么，2333333, 你也可以看一下。 万一哪天用上了呢？可能会有童鞋反问，那么，我改怎么写呢？没错，这里就是说的就是这个。 使用过jquery的童鞋，应该知道有一个叫做ready的方法.即:

优化DOM的本质其实就是减少DOM树的重流与重绘。对于重流和重绘的理解，详见《前端知识普及之HTML》优化DOM的结构，无非就是引用保存，动画优化，节点保存，更新节点等基本操作。曾记得，以前在网上翻阅HTML的时候，很多人都会不约而同(儿童)的说道，获取到DOM节点后一定要记得保存。否则，下场很难看的。为什么~为什么~...

在js引擎部分，我们可以了解到，当渲染引擎解析到script标签时，会将控制权给JS引擎，如果script加载的是外部资源，则需要等待下载完后才能执行。 所以，在这里，我们可以对其进行很多优化工作。

前面两篇已经把，js测试的模式，框架，断言库基本介绍了一遍。这里，我们要上升到整体测试架构上来.首先，单元测试的对象是模块，这里我们就要将自己测试目标调整到对模块测试上来。所以，这里我们需要使用CommonJS或者es6的模块的写法了。另外需要了解,mocha框架测试的一些基本原理。 通过建立清晰的工程目录，才能让你...

前一篇文章，我们已经简单的阐述了BDD,TDD以及mocha测试框架,chai断言库. 这里我们将进一步深入，比较全部的了解测试的API。前文，我们已经知道了，BDD本身可以比拟为文章的骨架，而chai断言库就是骨架里面的血管和肌肉(脂肪). 两者结合才能写出一片完美的测试文章。 这里，我们先看一下脂肪是怎么炼成的。

有一定水平的js童鞋，应该会经常看到一些书上，在介绍项目的时候，会不由自主说道测试。 比如，单元测试，函数测试，或是TDD,BDD等测试模式。没错，这也是我们需要进行掌握的。 当然，如果你的项目仅仅是写的几个demo，而去写测试的话，这样会有点浪费时间，但是本人非常鼓励这样做，因为你在测试时，会发现自己的代码覆...

前端的进阶其实和如何使用规范是完全相关的。 {代码...} 总结起来整个流程就是：无规范 -> 有规范 -> 无规范。 所以，这里我们来谈一谈规范在前端的意义吧。由于，本人纯属小白，所以，咱不装逼，我们谈谈有规范的那一块。%>_<% 其实前端规范，就这几个，命名，分隔符，缩进等。 分号 这个应该算是我们最常...

幻灯片学名又叫 轮播。应该算是一种最常用的页面展示信息。以前由于ie6/7的拖累，导致我们只能使用，很古老的方式去兼容。(我最爱的css3啊~~~)。不过今年真的是前端的幸福年，各种 polyfill 和 shim，而且现在各大公司已经对ie6/7不予理睬，直接给他一个提醒页面(老子让你用ie6/7)。而且IE的爸爸，ms已经表态了，我当初...

以前看了许许多多的正则教程，收货并不多，往往都是蜻蜓点水，一点就过。事实上，正则用处真的超级大，比如匹配innerHTML的内容，以及表单验证，也是非他莫属。这里，我结合js，对正则进行一个简单的介绍吧。 如有纰漏欢迎指出，希望大家多多包涵。

瀑布流也应该算是流行几年了吧。首先是由Pinterest掀起的浪潮，然后国内设计如雨后春笋般，冒出很多瀑布流的例子，比如，蘑菇街，Mark之(不过最近涉黄，好像被喝茶了),还有淘宝的 “哇哦”. 这些都是很棒的例子， 今天我想重新谈起瀑布流，一是想满足我自己的愿望，写一个详细的介绍(不敢自名为教程),二是，给大家一份参考...

开放-封闭原则应该算是这几个原则里面最容易理解的一个。它的宗旨就是:如果你想扩展或者改变一个程序的功能，可以增加代码，但是不能改变程序的源码。如果，是对于那些码农来说，最快捷的办法就是改变源码，但是我们面向的是更复杂的项目，我们的目的不是当码农，而是要做一名代码艺术家，想完成一件艺术品一样去完成我...

最少知识原则的终极目标的是实现完全傻瓜式的程序。 举个例子吧， 就比如 美图神器， 你上传一张凤姐的照片后，你可以选择 自然磨皮，高度磨皮 -> 瘦脸，瘦腿模式 -> 美瞳-> 手动丰胸等等。 当然， 你也可以直接使用一键美化，瞬间angelababy. 你完全不用关心，这些软件是怎样实现这些功能的，让你变美变美变的...

在设计模式中，有着几条视为黄金原则，设计模式都是围绕黄金原则，对代码或者说是架构设计做出一些相应的调整，久而久之，GoF 4人组，发现其实有些设计思想可以称为模式，能实现代码复用的好处，从而设计模式出世。其实，这些模式的基石就是黄金原则，所以，接下来会对这些原则进行详细的解析。今天说一下，单一职责原则。

这个模式应该算是除了单例模式以外最简单的一个模式，没有多余的类，这个模式只有一个职责，就是转换的你接口参数，归一化接口调用函数，同意参数格式。 说人话~其实就是，将不同东西，加上同一个包装。而这个模式，我们应该早熟悉了。在命令模式的中，有这样一段代码:

首先声明一点，这个模式是我目前见过最好用(本人观点)，但是也是最难理解的一个(本人观点)。 所以大家需要做好心理准备，如果，对这个模式没有特别强烈的需求，比如： 我有一个Button,我按次数点击它，他会触发不同的状态 等等这样的，可以学习一下其他的模式。但是!!! 如果你看了我这篇文章，被我前面说的话吓到了，那...

装饰者，英文名叫decorator. 所谓的"装饰",从字面可以很容易的理解出，就是给 土肥圆，化个妆，华丽的转身为白富美，但本体还是土肥圆。

俗话说，一个模式三个坑。 中介者模式应该算最坑的一个模式，坑不在于他的原理。而在于他的名字和其他模式的使用，真尼玛像。首先，“中介者“ 好像是一切模式里面都有的一个东西，比如，享元模式中-元对象，订阅发布模式中-全局监听Event... 但是，这个模式偏偏又叫做中介者模式（哎，曾经说模式的时候，感觉什么都是中介...

职责链模式其实很好理解，由于一个链字出卖了它的灵魂。我们可以从这个字得到很大的提示。首先这个模式一定有传递性，而且，节点是可以重复拼接的，并且每个节点都具有一定的过滤功能，一定的职责。

所谓的模板就是一个重用一万次都不会觉得有问题的代码。 在es6中，提出了一个 "``"反引号的书写方式--又叫做模板字符串.他最大的功能就是用来书写模板html的.通常在js中使用模板是