个人收集的前端知识点、面试题和答案，参考答案仅代表个人观点，方便复习。
利用 HTML5 performance，可以对前端页面加载性能进行分析，如首屏加载性能这个重要的分析。
Performance目前支持浏览器：IE9+，Chrome11+，Firefox7+。Safari并不在列，亲测手机QQ浏览器iOS版，确实没有支持这个API。
performance 在window下的方法：window.performance，里边包含若干性能相关的数据，timing 详细记录了加载各个过程的时间点信息，对比可以分析出当前页面的打开性能数据。 查看全文
在制作移动页面的时候常会考虑页面在不同手机分辨率下的显示效果，通过一些布局技巧使页面从最小的iphone4 兼容至 较大的iphone6 plus及其他android手机。
然而却常常忽略了一个小细节：用户在使用时有时会切换横/竖屏，而制作页面的时候很少考虑用户切换后的效果。
先来看一下如果没有经过考虑横/竖屏切换后的效果（竖版设计为例）。 查看全文
常用npm模块一览
| 模块名 | 作者 | 简介 |
| async | caolan | 异步操作管理 |
| bl | rvagg | 二进制数据解析 |
| bluebird | petkaantonov | 异步操作管理 |
| browserify | substack | 发布浏览器可用的包 |
| bunyan | trentm | 日志（logging）管理 |
| chai | jakeluer | 断言 |
| chalk | sindresorhus | 命令行彩色输出 |
| co | tjholowaychuk | 异步流程管理 |
| colors | marak | 命令行彩色输出 |
| commander | tjholowaychuk | 命令行工具 |
| debug | tjholowaychuk | Debug输出器 |
| dockerode | apocas | Docker管理 |
| duplexify | mafintosh | Stream流操作工具 |
| event-stream | dominictarr | Stream流操作工具 |
| express | tjholowaychuk | Server服务器框架 |
| glob | isaacs | 文件名匹配 |
| grunt | cowboy | 构建工具 |
| gulp | contra | 构建工具 |
| hapi | hueniverse | Server服务器框架 |
| hyperquest | substack | 轻量级HTTP客户端 |
| istanbul | gotwarlost | 测试用例覆盖率分析 |
| JSONStream | dominictarr | Stream流管理工具 |
| koa | tjholowaychuk | Server服务器框架 |
| levelup | rvagg | LevelDB |
| lodash | jdalton | 函数式编程工具 |
| log4js | nomiddlename | 日志（logging）管理工具 |
| minimatch | isaacs | 文件名匹配 |
| minimist | substack | 命令行操作 |
| mocha | tjholowaychuk | 单元测试 |
| moment | timrwood | 日期时间输出 |
| mongodb | christkv | MongoDB |
| mysql | felixge | MySQL |
| nconf | indexzero | 配置工具 |
| needle | tomas | 轻量级HTTP客户端 |
| node-fetch | bitinn | Fetch API |
| nodemailer | andris9 | Email客户端 |
| passport | jaredhanson | 登录和认证 |
| pg | brianc | Postgres |
| pump | mafintosh | Stream流管理工具 |
| redis | mjr | Redis |
| request | mikeal | HTTP客户端 |
| restify | mcavage | REST API搭建 |
| socket.io | rauchg | WebSocket实时通信 |
| split2 | matteo.collina | Stream流管理工具 |
| tape | substack | 单元测试 |
| through2 | rvagg | Stream流管理工具 |
| underscore | jashkenas | 函数式编程工具 |
| ws | einaros | Websockets |
| xml2js | leonidas | XML转换为JavaScript |
现在来为大家播报一些前端FE近期所发现的技巧。厌倦了陈旧的理论描述，来看看又有什么新技巧吧，绝对新颖。很多点是关于调试神器Chrome的。
Chrome Canary 带来全新的取色器，更加直观的不透明度显示，以及 HEX，RGBA，HSLA 三种模式快速切换。
