易浮的小窝

不管怎么说，我还是把自己的 Github Page 搭建了起来，顺带整理了之前云笔记里的东西，既然如此，纪念一下也是可以的

最近做完了 DDYQ 这个项目，这是一个基于手机微信端端 APP 应用（也通过套壳端方式运行在 Android 上），为了节省可怜端服务器资源以及回应运营吐槽打开速度慢，我跟后端一起针对性能做了不少优化，有了新的认识，虽然缺乏详细数据的支持（并没有做性能监听），我们主要基于资源压缩和网络延迟考量（白屏时间和首屏时间）。再加上之前针对访问量比较多的大客户店铺的性能优化经验，由于本人并不参与后端开发，因此纯后端的性能优化并没有深刻的认识，按下不谈，主要还是针对前端开发做一个总结。

下半部分，主要考量了全新的异步模式 Promise 和 Generator 以及它们的语法糖 async。当然，还有超级好用的的模块实现，以及让人头大的的类，这里建议配合《你不知道的JavaScript（中）》的第二部分反复阅读，理解 JavaScript 强大的异步实现

入门ES6最佳选择，读完收获颇多。但关注点主要还是放在一些新的编程模式，比如 Promise 和 Generator 带来的对前端编程逻辑的巨大改变（甚至我认为， ES6中 Promise和 Generator 才是主菜，其他不过是饭前甜点罢了）。除此以外，很多以前在 ES5 中蛋疼的实现有了更优雅的实现，比如块作用域和变量提升，函数中万变的 this 等。很多东西碍于实现，在前端中可能并不会全部用上，但是至少，配合 polyfill 和打包工具，让我们在工程化中有了更进一步的统一

最近完成了一个关于店铺的评论插件，由于插件的特殊性质（见下图），在开发的过程中，或多或少地接触到了一些必要的安全防御手段。本来我对 web 的安全其实没有太多的研究，不过随着第二期迭代的完成，也确实意识到了自己在这方面的薄弱部分。好在项目有相当有经验的同事担当，因此开发中确实学到了很多，记录一下前端实际开发中遇到的安全问题和我个人的理解

跨域问题一直是困扰很多人的一个现实，我其实对这方面的很多细节也不了解，很多具体的实现仍然停留在前端的范畴内，至于后端的同学到底怎么配置的，一无所知。不得不说即便是前端开发，我觉得还是一样需要有那么一段时间接触一下后端实践，比如抽个一年半年的时间从事全职的后端开发，这对整个 Web 开发的体系会有一个更深层次的理解和延展。

但是事实也是，我毕竟还是致力于成为专业的前端开发，从前端的角度入手理解一下跨域的问题也是极好的。

移动端的兴起才导致前端开发行业的大热，但是也带来了不少新的挑战。

最近我们新做了一个微商城的移动主题，主打移动体验，设计稿借鉴了一些知名的移动商城。但是最后做出来的时候，发现一个很奇怪的地方：我们的成品网站不如其他商城看起来清新。此话怎么说呢，我们当时对比的是基于有赞的一个卖书的店铺，发现他们的商品陈列，中间的分割线看起来更舒服一些，尤其是在 iPhone 上。于是设计找我撕逼，说你这根线给我再细一些，我果断反击说这已经是1像素的最小的线了。设计不服，于是拿出有赞这个店铺跟我做的成品对比，不比不知道，果然，同样是 iPhone6，人家的看起来确实更清新，更细的样子。我当时还以为是视觉的原因，但是都是同样的配色，理论上不应该有如此大的视觉差。于是就有了关于这篇文章的探索。

Chrome 浏览器作为目前最受欢迎的浏览器之一，实在是又快又安全（又耗电又费内存），然而我在开发我们的店铺系统的时候，无意间发现有一个小 bug（其他浏览器均不会出现这种情况）

最近对于代码的组织和优化思考了很多，也看完了知名的“蝴蝶书”，本着思考了还是总结一下的原则，还是记录一下自己的认识方便后面嘲讽自己有多么菜

继续阅读，这里是客户端JavaScript实现的部分