三个月前换了工作，刚接手新公司的代码时，瞬间有种从天堂到地狱的感觉，目录结构混乱不堪，代码质量堪忧，中间夹杂着大大小小的坑，上线的代码也是没有经过仔细优化，在此基础上开发简直如履薄冰，痛苦不堪，刚开发完一个需求，就已经完全受不了这种开发模式，于是立马着手建立一套完善的前端开发流程。

~: JS 中按位取反的一元操作符。在实际工作中，遇到的 JS 的位操作并不是很多，但 ~ 有些妙用。

今天看见一个题目

1

alert(1&&2)

初始觉得结果可能是true吧，任务逻辑运算符的返回值都是 true 或 false ，但结果是 2。

正则式表达式是每个工程师都应该熟练掌握的工具，特别是前端包含着很多的数据表单的验证。正则表达式虽然功能强大，但其灵活多变，两个正则表达式匹配相同的文本并不意味着他们具有相同的速度，粗浅地编写正则表达式是造成性能瓶颈的主要原因。
《高性能JavaScript编程》中，介绍了正则表达式的优化，非常值得仔细学习。

第二章 Data Access
嵌套层次越深，读取数据负担越重，因此 JavaScript 中，直接量和局部变量的访问速度要快于数组项和对象成员的访问速度。
这节介绍了一个 JavaScript 中非常重要的概念–作用域。

断断续续的读完了 《高性能JavaScript》，一半看得英文，一半看得中文，算是粗读了一番。不过收获还是巨大的，对 Nicholas C.Zakas 的崇拜又增加许多。书里讲了很多细节的东西，有大量的数据进行展示，隐含的编程思想和良好的编码习惯非常受用，简直相见恨晚，唯一遗憾的是时间有点久，很多数据无法提供最新版本。

对于 js 的性能问题，其实从工作到现在，一直没有系统的去了解，学习，实践和总结。想起了 PHP 大牛鸟哥关于性能优化的演讲时说的一句话，”优秀的程序员，应该在写代码时就有性能优化的意识”，

其实书中每章的 summary 总结的非常好，这里我只记录觉得很有用，平时也没注意的内容，外加一些自己的实践体会。

在一个新项目上使用 ES6 语法有一段时间了，自己在学习 React 时，也尝试了不少 ES6 的语法。这里记录一下学习实践的经验。

201505杂记

学习一下CSS结构性伪类选择器

前言

专职前端一年半了，经历了项目结构的一次一次升级，也逐渐加深了对前端工程化的认识。从最初的jQuery + grunt 的1.0版本，到2.0 引入 MVVM 框架 avalon，CSS 预处理工具 Less，HTML 模板引擎 Jade 以及前端模块化框架 seajs ，再到 gulp + browserify 和 静态资源的 md5 后缀以加强缓存机制。通过不断的改进项目结构，建立一个完善的多页面多模块的 Web 应用，形成了自己的一套前端工程化流程。

当然这套工作流离不开一个强大的构建工具–gulp