17年的总结来的更晚一点，其实是一直在犹豫要不要写，主要感觉去年一年折腾的有点凶残，连续换工作以及地点，一路走来有纠结，有痛苦，有快乐，有兴奋，有迷茫，有得有失，所以想了很久，还是来记录下这一年的关键点。

年前去阿里面试，过程中说道了fastclick解决iPhone机器上300ms点击延迟的问题，然后就被问到了zepto的“点击穿透”的现象以及产生这个具体原因，当时回答的不是很好，主要是没有特别深入的去研究这个原因，只是知道有这个现象和问题，大概怎么解决，面试完了之后有一天突然想起来了，就决定仔细的研究下。

在15年末的时候，加入到罗辑思维，刚过来就接手了一个微信朋友圈要传播的活动页面，效果页面大概和当时锤子手机的活动页面漂亮的不像实力派类似，不过不同的是，采用了Vuejs来写，单页面，也踩了不少的坑。填坑日记在此html5 上传本地图片处理各种问题。

这个问题引发了我对前端领域发展的思考，所以我来梳理下前端领域的发展过程，顺便小小的预测下2017年的趋势。不想看回忆的，可以直接跳到后面看展望。

压缩js和css代码，使用gzip，利用CDN（也可以算http层面上），避免CSS表达式，优化和裁剪图片之类的，都可以算作为静态资源上的优化，其实和Http很多有交集的。

最近由于公司业务上的需求，我们需要一个自己的编辑器来编写我们得到APP里面的订阅文章，为什么需要自己的编辑器，主要是因为用第三方的编辑器很难完成公司定制化的需求，比如：排版上我们想要更好看点，统一，因为各个订阅专栏编辑的人不一样，容易造成各种不同的审美差异，解决方案有2种：

Webpack dev server 是一个轻量的node.js express服务器，实现了 webpack 编译代码实时输出更新。在前后端分离的前端项目开发中经常用到。不过这篇文章应该不会讲到它。

前面2期都讲得是浏览器端的东西比较多，包括Webpack，虽然是Node处理的，但是还是浏览器端用的多，对于现在的前端开发来说，不懂一点服务端的东西，简直没办法活，一般的招聘要求都会加上要懂一门服务端的语言，例如：PHP，Java之类的啦。如图所示：

上一篇文章介绍了目前前端比较流行的各种编辑器，以及各种流行的打包方式，最后给了一个Gulp的例子，这个例子还是14年的时候写的，还有一些可以优化的空间，就不讨论了，这篇文章主要讲目前火热的打包构建方式--Webpack的使用方式。

最近几年，前端发展越来越迅速，各种萌新加入了前端这个大家庭，大有赶IOS、超Android的趋势呀！同时，萌新们提出了各种前端工作问题，除了最基础的html、css、js三板斧之外，最让人头疼的应该是关于环境的配置问题，所以以环境作为切入点，开始一系列的前端开发环境配置文章。

年前年后有点忙，又是追加功能，修改富文本编辑器，又是切我们的整体架构，好久没有更新了，最近同事发现了个有意思的文章，如下，是讲 DNS Prsfetching的。预加载-有赞-DNS

上期跟大家试了试Vue-cli这个构建工具，这个让我想起了很多其他的前端工具，其中一个就是Yeoman（上次就剧透了的）,所以这期跟大家先简单介绍下这个脚手架工具，然后慢慢一步步深入下去。

最近， 尤大在和人对喷的时候，悄然放出了一个大招，于是为了追赶他的步伐，赶紧试验了下，并且把原文给大家翻译下。 原文地址：Announcing vue-cli 译文源地址： Vuejs自己的构建工具 先上原文翻译： 最近有很多大量关于React项目的构建工具讨论帖子，幸运的是，对于Vue.js来说，如果你想要快速开始，那么你只需要在你...

这是最近给公司写一个项目，项目要求大概是这样子：1.上传手机本地图片，然后裁剪（后加的需求）2.能够旋转图片，用于裁剪（后面加的需求）3.填写各种文字，选择颜色，之后把文字和2个相关的图片，水印到裁剪的图片上，上传服务器生成一个图片地址，返回，分享出去。

Angular的世界里，templateURL 或者 ng-include 允许使用者在运行时动态的加载远程模板文件，这个看起来很方便，作为一个自带功能，但是让我们来重新审视下这个功能。

原文链接：乖小鬼的简书 为什么想到写这么一篇文章呢，来源在于回答一个 SG上面的问题。那么问题是这样子的。 {代码...} 以上代码，执行的结果是什么？？ 如果你回答是2，那么对了多少？ 只能说对了一半，为什么呢？ 其实是题主的问法有问题，他没有规定环境，所以答案很多，直接在浏览器里面如下写法执行 {代码...} 确...

上次为大家介绍了package.json的内容，文件在nodejs是非常有用的，发布npm是必须使用的，那么这次给大家说说如何给github的亲儿子编辑器Atom发布一个package，以便于共享你的好工具，造福大家。