写博客的这几个月，获益良多

1.前言

也将近过年了，看了那么多人搞了年会总结。自己活跃社区这几个月，改变了不少，收获也不少。就想写下这段时间写文章的一些总结，统计下‘成绩’，说下感想，就写了这篇文章。这次总结的关键词就是：2。（公众号粉丝超200，前端群人数超200，单篇文章阅读数超20000，两个社区的文章被收藏总数超20000，单社区的文章阅读总数超200000。发完这篇文章，就收拾行李出发了，去厦门逛逛，第二次坐飞机，第二次出省。球衣号码也是2，我的年纪也是20多，最重要的是，我人也有点2。）看了这些数据，这感觉就是如同自己达到里程碑一样。开心，兴奋。

数据统计截至2018-1-24 21:00:00

2.社区数据

先说下社区的数据。

2-1.segmentfault

2017年6月，注册segmentfault，6月15号发布第一篇专栏文章。截至目前，在segmentfault发布了36篇文章，34篇是专栏文章。这些文章的阅读次数超过110000，被收藏了9582次，获得了1417个赞（由于segmentfault的显示机制，这些数据是手动统计的）。主页的高分内容全是文章。关注人数1177，专栏关注人数439。

这篇文章的收藏次数，点赞次数，阅读数都高于我在segmentfault发布的其它文章。当属MVP。（也是有点不好意思说，因为这篇是集成分享类的文章，不是技术文）

2-2.掘金

掘金情况比较特殊，没记错的话，我是7月就注册了掘金的账号，直到9月18号才在掘金发了第一篇专栏文章。掘金上，获得了5260个关注。专栏文章发布24篇，分享文章1篇，获得喜欢（收藏或者赞）14532次，被阅读221042次。其中一篇文章的阅读次数超过20000。

除了文章之外，在掘金也听了几次课，拿了几次邀请函，图片就不贴了。

2-3.文章概况

这些文章的链接我就不贴了，需要看的移步到我的主页！

技术型22篇
项目总结型6篇
资源分享型1篇
杂谈型5篇

涉及的技术：html5,css3,javascript,vue.js,es6,webpack等

技术方面：包括项目的搭建，写做技巧，语言总结，实例开发等。

因为写了这些文章，因此在社区也拿了不少的周边。周边可以说是我写文章的另外收获，每次收到周边也很开心。对这些有纪念意义的周边也很珍惜，也觉得周边就是社区对我的一种支持，鼓励，认可。

写了这些文章，收获不少，最大的收获自己可以总结，提升，可以和更多的开发者交流学习，这样的收获比以前不写文章的时候多得多。每次看到自己的文章被点赞，收藏，评论的时候，都很开心。文章前面写了我社区的‘成绩单’，也是这个原因。

这一篇文章之后。我写作的重心会有所转变，可能会更多的把精力放在写系列文章，或者写深入，进阶一点的文章上面。也希望自己的写作水平也得到提升。能把文章写得深入浅出，写得精炼，通俗易懂，结构清晰。

3.公众号和微信群

公众号这个是忽然间的想法，就是想有一个，感觉就像一张名片一样！公众号，现在申请了应该有一个月了吧，粉丝刚在不久前超过200。欢迎关注，如果有什么好的运营建议，也希望大家能够指点。

在发布两年经验总结的那篇文章的时候，为了认识更多的同行，有更多的学习交流，就在文章的末尾放了微信二维码。到现在为止加了超过200个开发者。也组建了一个前端群，方便大家交流。到目前为止，群里超过200人，而且群还是很活跃，这很让我开心。如果大家需要进群，可以联系我！

4.资源附录

4-1.资源分享

说完了自己的文章情况，是时候分享一些文章了，因为资源分享的文章之前已经发过一次了，这次分享的文章就是这段时间看的一些资源，觉得还不错的资源。分享给大家，希望大家喜欢。

css(3)

【整理】CSS布局方案
也许vue+css3做交互特效更简单
CSS 写作建议和性能优化小结
css：默认的checkbox、input、radio太丑了？我来教你改变使用纯css3改写的带动画的默认样式
20个实用的CSS技巧代码
CSS性能分析，如何优化CSS提高性能
CSS 黑魔法小技巧，让你少写不必要的JS，代码更优雅
渐进式动画解决方案
CSS新特性
CSS Animation性能优化
【转载】高性能的动画
奇妙的 CSS shapes(CSS图形)

javascript

反击爬虫，前端工程师的脑洞可以有多大？（前端反爬虫的文章，只有想不到，没有做不到）
这些的JavaScript编程黑科技，装逼指南，高逼格代码，让你惊叹不已
如何写出好的 JavaScript —— 浅谈 API 设计
JavaScript 设计模式 ① 正确使用面向对象编程的姿势
如何优雅的编写 JavaScript 代码
个人小结--javascript实用技巧和写法建议
纯前端实现人脸识别-提取-合成
最全正则表达式总结：验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等
99%的人都理解错了HTTP中GET与POST的区别
JavaScript练习网站收集
javascript打怪升级--把业务逻辑当练习题做

es6,es7,es8

10个最佳ES6特性
实例感受-es6的常用语法和优越性
聊聊ES7与ES8特性
Async/Await替代Promise的6个理由
10分钟学会ES7+ES8
import、require、export、module.exports 混合使用详解

vue

深入浅出基于“依赖收集”的响应式原理
Vue全家桶实践项目总结
vuex入门实例(1/3)（这个是一个系列的文章，看完建议也把这个系列的文章都看下）
原创《vue2.0进阶系列》教程目录大全
另辟蹊径：vue单页面，多路由，前进刷新，后退不刷新
vuejsexamples（vue的各种demo，可能会有需要的需求）

parcel

宣布 Parcel：一个快速，零配置的 Web 应用打包工具
前端构建工具吐槽与parcel极简入门
折腾记：Hello Parcel
从 webpack 到全面拥抱 Parcel #1 探索 Parcel（这篇应该会用后续内容，大家可以跟着学）

书籍推荐

《javascript框架设计》（第二版）-司徒正美
《指尖上行 移动前端开发进阶之路》

杂谈

关于IT培训机构的个人看法
不吹不黑聊聊前端框架--尤雨溪Live整理
web前端--10个妨碍进步的学习方式
为什么一些公司招前端不想要培训班出来的人？
前端新人不容易
现在Web前端是不是已经饱和了?
2017前端技术发展回顾
2018前端值得关注的技术
前端入行两年--教会了我这些道理

4-2.沧海遗珠

有些文章，我看着写得不错，质量很好，但是人气比较少。原因方面，个人觉得大多是曲高和寡，其次是社区的显示机制，导致文章石沉大海，最后就是文章的知识点过于单一，能学到的很少。

之所以把这一块收集并且贴出来，主要是因为几个原因：

1.一篇文章，写作不易，让更多人看到，就是对劳动成果的敬佩。如果是质量高的文章，更不应该石沉大海，应该让更多人看到。

2.为了说明，一篇高人气的文章，基本上就是一篇好文章；但是一篇低人气的文章，未必就是不好的文章。

3.我很敬佩这些作者。真的能做到：即使没有读者，也坚持写文章。刚开始写文章的时候，我也是没人气，现在回看在社区发布的前两篇文章，即使是我，也不觉得那算是文章，算是笔记，但是我没有删除这两篇文章，因为觉得那个是我的一个开端，挺有历史意义的。第一个被收藏，第一个赞是从第三篇文章开始。

4.这块本来打算单独发文章的，但是收集到的文章也不多，当附录在这里贴了！因为确实难收集，要满足：人气少，我看过，我看得懂，我觉得好。

1.下文提及的文章，都是原创文章，如果是转载或者是翻译文章，在下文不会提及。之所以只贴原创的，并不是排斥转载或者翻译，而是转载或者翻译可能已经有很多人转载翻译了，人气应该不低，我不想再转载一次！
2.下面的文章，是我自己看过的一些质量很高，人气却很少的文章，仅仅只代表我个人意见。不代表其他！

从 JavaScript 到 TypeScript - 模块化和构建
从 JavaScript 到 TypeScript - 声明类型
从 JavaScript 到 TypeScript - 泛型
从 JavaScript 到 TypeScript - 接口（上面几篇，是边城大神写的文章，虽然不能说是特别详细的教程，但是写得真不错，可以作为理解的一个入口）
理解JavaScript的prototype和__proto__
JS中的call、apply、bind方法详解
JS之正则表达式详解
加深对 JavaScript This 的理解
八段代码彻底掌握Promise
vue插件编写与实战（这篇文章表面看着，人气不低，但是应该更高，可以作为一篇练习的教程）
【教学向】再加150行代码教你实现一个低配版的web component库（1） —设计篇（这个系列的文章，可以作为认识MVVM组件库的入门教程，但是这两篇的文章真的是人气比较少）
不可思议的CSS之clip-path
所有用CSS3写的3D特效，都离不开这些知识
proto 和 prototype 会出现在什么地方？它们之间是什么关系？实现继承依赖什么？
JavaScript 语法解析、AST、V8、JIT
LeanCloud带图形校验码的短信发送Vue组件开发
忍者级别的JavaScript函数操作
【GitHub】超实用技巧，看这一篇就够了！
Google LOGO的CSS Sprite
web调试优化-chrome开发者工具不完全指南（这篇文章，我感觉自己写得不错，但就是浏览量很低，在segmentfault的一个未解之谜）

5.个人感慨

之前跟有几个开发者问我：为什么写文章。关于这个问题，如果在写第一篇文章的时候问我，我会回答：就是抱着尝试下的态度去写，那个时候觉得写文章可以总结并整理自己的知识，提升自己的技术水平，可以和更多的开发者进行交流学习。如果现在问我，我只回答：此中有真意，欲辩已忘言。现在我感觉写文章就是一个比较神奇的事情，有什么可以写的，我就想写。

坚持写文章，感觉就像有股力气推着自己去观察，探究，思考。如下：

1.如果想写文章，必须要有内容写，如果老是发很类似的文章，作者和读者都不耐烦，学到的知识也有限。这就促进了作者去观察，探究，思考。从而发现新知识，才有内容可写。

2.一篇文章，要想受欢迎，除了第一点所说的要有合适的内容自之外。文章的结构也要清晰和通俗易懂。如果作者想要文章结构清晰，通俗易懂，那作者在写文章就得多加整理，在整理的过程中，也整理了脑海知识和思想，就是思维和表达的实战训练，可以起到一个很好的强化知识的作用。文章发布出来了，相当于就是已经整理好的知识的备忘录。

3.文章就像是一个沟通的媒介，每一篇文章就是和其他开发者交流的机会，可能是赞美，可能是批评，可能是建议。比如别人看了我的文章，觉得哪里写得不好，写错了，给出建议。我和他交流过程中，可能会遇到不懂的，或者自己哪些方面有欠缺的，如果我想弄懂或者改进，也就是促进探究，思考的始点。

4.除了这些学习方面的收获，写博客也有一些连锁的收获，比如：提高自己的知名度，提高写作水平，记录自己的成长等等。

有时候写文章就像写日记，甚至想写微博，发朋友圈一般。给自己的生活留下一点痕迹。看着自己写的文章，感慨万千啊。

6.小结

看了这些数据，对于我而言，就如开头所说，让我开心，兴奋。但不会让我膨胀，因为我知道，这些数据只是一个参考的作用，如同人气低的文章，质量可能很高。活跃社区的作者，技术可能很一般（比如像我这样，尴尬十秒）。而且，现在我做的事情，大家都可以做到，这并不是值得吹的过人之处。只是看着自己的努力让我有达到里程碑的感觉而已。看了这些数据，想必大家也知道了，写文章就和学习一样，提升在于点滴积累，而不是一步登天。

在这段时间，非常感谢大家的支持和鼓励。在以后，随着学习，可能写文章的重心会跟着改变，但是不变的就是我仍然会继续的写文章。如果大家有什么好的建议，或者想和我交流的，可以通过各个途径联系我，期待与你的更多交流，学习。