FEX 技术周刊 - 2016/01/04 · FEX 技术周刊

## 业界会议 **Node 地下铁沙龙 - 生产环境中的 Node.js** [http://nodejs.club/](http://nodejs.club/) 在北京的同学感兴趣的话可以去参加。 **百度技术沙龙：纵谈前端接入技术、SEO和安全运维-2016.01.16** [http://form.mikecrm.com/f.php?t=LQNUpG](http://form.mikecrm.com/f.php?t=LQNUpG) Golang在Baidu-FrontEnd的应用、百度搜索速度优化、百度HTTPS接入安全，几个话题相当不错，感兴趣的同学可以参加。 ## 深阅读 **前端论战-vue、react和angular 2.x谁是2016年的主流** [https://www.zhihu.com/question/38989845](https://www.zhihu.com/question/38989845) 其实最关键的是：你的业务场景以及团队适合用什么。相关话题: * 关于『真阿当』对目前流行前端技术的批判 [https://www.zhihu.com/question/38924821](https://www.zhihu.com/question/38924821) * Winter - 我眼中的前端框架jQuery，Angular，React，Vue——以及我看前端架构[http://weibo.com/p/1001603924826640228007](http://weibo.com/p/1001603924826640228007) * 关于前端工具变化过快的讨论 [https://www.zhihu.com/question/34449620](https://www.zhihu.com/question/34449620) * 我感觉到的前端变化 [http://bbear.me/wo-suo-gan-jue-dao-de-qian-duan-bian-hua/](http://bbear.me/wo-suo-gan-jue-dao-de-qian-duan-bian-hua/) **近几年前端技术盘点以及 2016 年技术发展方向** [http://www.barretlee.com/blog/2015/12/10/after-framework-we-gonna-to-hug-data/](http://www.barretlee.com/blog/2015/12/10/after-framework-we-gonna-to-hug-data/) 从 12 年底开始接触前端，12 年之前的前端发展情况只能从上一辈的笔触中领会。本文会盘点从 09 年开始到 15 年间前端技术的革新，同时也会从多个角度，解读近几年前端技术发展的潜在因素，其中穿插了若干对前端演进的拙见，难免会有错误和疏漏，望读者可以补充和斧正。 **技术工程师成长之其中一道** [http://www.baidufe.com/item/c48cdd8e24e5ace8cef2.html](http://www.baidufe.com/item/c48cdd8e24e5ace8cef2.html) 近来有业内朋友与我讨论一些工作方法，聊得碎了些，今天闲来无事，索性再用文字的方式，简单描述一下我的工作方法（Alien style）。当然，每个工程师都有自己的独特的成长之道，所以，本文标题拟为其中之一道。非常实在的一篇文章，从如何做工程师 -> 如何做技术 Leader 结合自身经历分享了过往经验。 **成功团队的秘密** [http://mp.weixin.qq.com/s?__biz=MzA5NDY0ODkxNA==&mid=401145082&idx=1&sn=435b3d2329e328c10bb9cd854bdca9ac#rd](http://mp.weixin.qq.com/s?__biz=MzA5NDY0ODkxNA==&mid=401145082&idx=1&sn=435b3d2329e328c10bb9cd854bdca9ac#rd) 一支高效的团队有以下 5 个核心特征： 1. 心理安全感：能否让大家在团队中感到安全及不尴尬。 2. 工作信赖度：是否能依靠其他人「准时高质」的工作。 3. 工作结构化与目标明确：目标、个体角色及执行计划清晰。 4. 工作的意义：个人工作对团队彼此的意义。 5. 工作影响力：从内心中相信工作的价值。 **12 resolutions for programmers** [http://matt.might.net/articles/programmers-resolutions/](http://matt.might.net/articles/programmers-resolutions/) It's important for programmers to challenge themselves. Creative and technical stagnation is the only alternative. In the spirit of the new year, I've compiled twelve month-sized resolutions. Each month is an annually renewable technical or personal challenge. **解读2015** 前端篇：工业时代野蛮发展 [http://www.infoq.com/cn/articles/2015-review-frontend](http://www.infoq.com/cn/articles/2015-review-frontend) Android篇：横向扩张、平稳发展 [http://www.infoq.com/cn/articles/2015-review-android](http://www.infoq.com/cn/articles/2015-review-android) **我的创业应该是场舒心的长跑** [http://weibo.com/p/1001603926308043250338](http://weibo.com/p/1001603926308043250338) 一年半了，我离开阿里，加入最时髦的创业大军。经历一次次如过山车一般的高潮和低谷。最后融资烧完，项目黄了。就像信心满满地去健身中心半了卡，却并没有炼成一身傲人的肌肉。创业真实经理，非常实在，值得已在已经正在创业之路的兄弟们参考。 **[译]前端们，2016你有啥目标** [http://www.w3ctech.com/topic/1660](http://www.w3ctech.com/topic/1660) 马上就2016年了，现在是为新年计划新目标的最好时候。我们问了一圈周围的Web开发大牛，今天就在这里分享一下他们的新年目标。 **[译]MySQL Backup in Facebook** [http://cenalulu.github.io/mysql/how-we-do-mysql-backup-in-facebook/](http://cenalulu.github.io/mysql/how-we-do-mysql-backup-in-facebook/) Facebook的MySQL备份形式可能会让你感到有些许惊讶。我们所有的Production MySQL数据都使用mysqldump进行逻辑备份。另附：[Facebook是如何做自动化测试的](http://mp.weixin.qq.com/s?__biz=MjM5MzA0OTkwMA==&mid=401738982&idx=1&sn=63a76276c00a5f499aaeb8e5b4b5411e) **Which Programming Languages Are Functional?** [http://blog.jenkster.com/2015/12/which-programming-languages-are-functional.html](http://blog.jenkster.com/2015/12/which-programming-languages-are-functional.html) In part one of this post, I defined functional programming not from an academic perspective, or a marketing one, but in a way that will make sense to a jobbing programmer. More importantly, I hope, I defined what side-effects are in a way that makes it easy for a jobbing programmer to spot them before they spiral out of control. **The future of bundling JavaScript modules** [http://www.2ality.com/2015/12/bundling-modules-future.html](http://www.2ality.com/2015/12/bundling-modules-future.html) This blog post examines how the bundling of modules is affected by two future developments: HTTP/2 and native modules. **2016 will be the year of concurrency on the web** [https://medium.com/@cramforce/2016-will-be-the-year-of-concurrency-on-the-web-c39b1e99b30f](https://medium.com/@cramforce/2016-will-be-the-year-of-concurrency-on-the-web-c39b1e99b30f) Since 2009 JavaScript programming on the web has a way to write concurrent programs using shared-nothing threads: Web Workers. But beyond some specialized use cases (e.g. Google Photos uses them for running some filters that need a lot of CPU) they haven’t seen any mainstream adoption. This will change in 2016. **Start your own JavaScript library using webpack and ES6** [http://krasimirtsonev.com/blog/article/javascript-library-starter-using-webpack-es6](http://krasimirtsonev.com/blog/article/javascript-library-starter-using-webpack-es6) Two months ago I published a starter pack for React based on webpack. Today I found out that I need almost the same thing but without the React bit. This simplifies the setup but there are still some tricky parts. So, I made a brand new repository webpack-library-starter and placed all the stuff that we need for creating a JavaScript library. **[译] Git 学习圣经《Pro Git 2nd》** [http://git-scm.com/book/zh/v2](http://git-scm.com/book/zh/v2) **CSS Still Sucks 2015** [http://huangxuan.me/css-sucks-2015/#/](http://huangxuan.me/css-sucks-2015/#/) 都 2015 年了，CSS 怎么还是这么糟糕？)，一起聊聊 CSS 比 JS 还蛋疼的工程化历程... **Simple (Yet Powerful) JavaScript Tips** [http://javascriptissexy.com/12-simple-yet-powerful-javascript-tips/](http://javascriptissexy.com/12-simple-yet-powerful-javascript-tips/) I provide you with 12 simple, yet powerful, JavaScript tips and detailed explanation of each. These are techniques that all JavaScript programmers can use now; you needn’t be an advanced JavaScript developer to benefit from these tips. After you read all of the detailed explanations of how each technique works and when to use it, you will have become a more enlightened JavaScript developer, if you aren’t already one. **Starters and Maintainers** [http://jlongster.com/Starters-and-Maintainers](http://jlongster.com/Starters-and-Maintainers) 作者做开源项目的一些心得。 **TOMsInsight - 在改变中坚持的我们** [http://mp.weixin.qq.com/s?__biz=MzA3NTcwOTIwNg==&mid=404888948&idx=1&sn=d24c7c70c5b75c2be464e82cf56fbeeb](http://mp.weixin.qq.com/s?__biz=MzA3NTcwOTIwNg==&mid=404888948&idx=1&sn=d24c7c70c5b75c2be464e82cf56fbeeb) 让我们怀着一颗敬畏的心，回归成最终的互联网用户，和那些几亿名普普通通的网民站在一起。对最普通的互联网用户来说，2015年，又有什么是最重要的改变呢，我们接下来去分析洞察。 **一种基于动态插件系统的移动测试黑科技** [http://mp.weixin.qq.com/s?__biz=MzAwNTI4NzIxMQ==&mid=401273258&idx=1&sn=3fcb88a9681f55209fc240064965c5bc](http://mp.weixin.qq.com/s?__biz=MzAwNTI4NzIxMQ==&mid=401273258&idx=1&sn=3fcb88a9681f55209fc240064965c5bc) 移动APP插件化是平台化产品解决系统限制(65535)、模块解耦和多团队协作的利器。它的最大特点是模块动态下发，给产品带来的收益显而易见。但是，在百度，这套系统给移动端测试技术带来了一种移动端线上问题定位的新思路。 **How to deploy your node app on Linux, 2016 edition** [https://certsimple.com/blog/deploy-node-on-linux](https://certsimple.com/blog/deploy-node-on-linux) 在 Linux 上部署 node 应用的最佳实践 **WebSockets, caution required!** [https://samsaffron.com/archive/2015/12/29/websockets-caution-required](https://samsaffron.com/archive/2015/12/29/websockets-caution-required) 吐槽 WebSockets 的各种问题，值得参考 **孤独的航海家：章亦春的OpenResty和它的贡献者们** [http://www.pingwest.com/openresty/](http://www.pingwest.com/openresty/) ## 新鲜货 **JavaScript Weekly 2015 年度最佳文章** [http://javascriptweekly.com/issues/264](http://javascriptweekly.com/issues/264) **码农增刊·硅谷之火** [http://www.ituring.com.cn/book/1788](http://www.ituring.com.cn/book/1788) 美国硅谷，这是一个有故事的地方。个人计算机、扎克伯格、风险资本…… 讲述百年硅谷的发展史，为你解说 **ParparVM** [https://github.com/codenameone/CodenameOne/tree/master/vm](https://github.com/codenameone/CodenameOne/tree/master/vm) 又一个能在 iOS 上运行 Java 的虚拟机。 **nearley** [http://nearley.js.org/](http://nearley.js.org/) 基于 Node 实现文本解析的库。 **octopi.js** [http://eugene-eeo.github.io/octopi/](http://eugene-eeo.github.io/octopi/) 自动完成 **jumpserver** [https://github.com/ibuler/jumpserver](https://github.com/ibuler/jumpserver) 开源跳板机 **OS.js** [http://os.js.org/](http://os.js.org/) [https://github.com/andersevenrud/OS.js-v2](https://github.com/andersevenrud/OS.js-v2) JavaScript 写的桌面，居然这年头还有人写这个 **node-os - the first operating system powered by npm** [https://node-os.com/](https://node-os.com/) [https://github.com/nodeos/nodeos](https://github.com/nodeos/nodeos) [http://os.ctocio.com.cn/279/13655279.shtml](http://os.ctocio.com.cn/279/13655279.shtml) NodeOS is an operating system build entirely in Javascript and managed by npm. Any package in npm is a NodeOS package, which at last count was 206,609 packages. The goal of NodeOS is to provide just enough to let npm provide the rest. Since anyone can contribute to npm, anyone can create NodeOS packages. **madoko** [https://www.madoko.net/](https://www.madoko.net/) 微软出的 Markdown 编辑器和渲染库，做了很多扩展，有更好的支持引用、公式、图片等，表达能力非常强，很适合用来写论文等专业文档 **Linux 竟然还能这么玩** [http://mp.weixin.qq.com/s?__biz=MzA3NDM1NjUwMQ==&mid=401188104&idx=2&sn=e24b44a84c76c59cb9cc9c44855c883a](http://mp.weixin.qq.com/s?__biz=MzA3NDM1NjUwMQ==&mid=401188104&idx=2&sn=e24b44a84c76c59cb9cc9c44855c883a) 原来 linux 还可以这么好玩，长见识了。 **酒后谈IT，那些术语大妈都能秒懂** [http://mp.weixin.qq.com/s?__biz=MjM5NzA1MTcyMA==&mid=401155270&idx=1&sn=d03e5619a5ffde3f07c6f6a414bed42d](http://mp.weixin.qq.com/s?__biz=MjM5NzA1MTcyMA==&mid=401155270&idx=1&sn=d03e5619a5ffde3f07c6f6a414bed42d) 果然能做到秒懂，以后可以用做向不懂技术的合作伙伴这样去类比。 **深入浅出ES6** [http://www.infoq.com/cn/minibooks/ES6-in-Depth](http://www.infoq.com/cn/minibooks/ES6-in-Depth) 只是想说：在 2016 年，ES 已经是必备技能了，还不熟的同学赶紧恶补并实践吧。 **React.js Boilerplate** [https://github.com/mxstbr/react-boilerplate](https://github.com/mxstbr/react-boilerplate) Quick setup for new performance orientated, offline–first React.js applications featuring Redux, hot–reloading, PostCSS, react-router, ServiceWorker, AppCache, FontFaceObserver and Mocha. **Emmet LiveStyle** [http://livestyle.io/](http://livestyle.io/) LiveStyle. The first bi-directional real-time edit tool for CSS, LESS and SCSS. **Favorite hacks of 2015** [https://code.facebook.com/posts/1002919753099339/favorite-hacks-of-2015/](https://code.facebook.com/posts/1002919753099339/favorite-hacks-of-2015/) 2015 年 Facebook hackathons 上有意思的项目 **Fabricator** [https://fbrctr.github.io/](https://fbrctr.github.io/) 创建自己 UI 规范的 HTML 模板 **不可错过的javascript迷你库** [http://yanhaijing.com/js/2015/12/29/mini-js-lib/](http://yanhaijing.com/js/2015/12/29/mini-js-lib/) ## 产品及其它 **李彦宏：梦想与命运** [http://mp.weixin.qq.com/s?__biz=MjM5MjE5ODA4MA==&mid=402183793&idx=1&sn=2d45c43f3b6ac0bc17ee7f67d9c36e3a](http://mp.weixin.qq.com/s?__biz=MjM5MjE5ODA4MA==&mid=402183793&idx=1&sn=2d45c43f3b6ac0bc17ee7f67d9c36e3a) 对：性格与命运、梦想与命运、眼界与命运的解读相当精辟。每个人都应该心中有梦，有胸怀祖国的大志向，找到自己的梦想，认准了就去做，不跟风不动摇。同时，我们不仅仅要自己有梦想，你还应该用自己的梦想去感染和影响别人，因为成功者一定是用自己的梦想去点燃别人的梦想，是时刻播种梦想的人。 **理想的程序员** [http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401453296&idx=1&sn=bb19d2cb20a35525b87069752fa57b8f](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401453296&idx=1&sn=bb19d2cb20a35525b87069752fa57b8f) 理想的程序员与平庸的程序员只有一墙之隔：专注眼下、思考力与推动力、Never Say No、投资未来、善用工具、管理时间 **中科院昆明植物研究所标本馆 Kingdonia 数据中心·标本子库正式公测** [http://db.kun.ac.cn/](http://db.kun.ac.cn/) 本次入库的第一批数据，包含 KUN 馆藏的种子植物、苔藓植物标本 801148 份。页面挺高大上的，赞一个。 **在 PPTV 摸爬滚打了十年，终于学会怎么做一个好的产品经理** [http://36kr.com/p/5041591.html](http://36kr.com/p/5041591.html) PPTV 创始团队成员的个人心得 **逐梦时代，魅族M8背后的那三年** [http://weibo.com/p/1001603926154653362825](http://weibo.com/p/1001603926154653362825) 魅族转型做手机背后的故事，写得不错 **说说 Facebook Mentions 和实时直播背后的故事** [http://36kr.com/p/5041682.html](http://36kr.com/p/5041682.html) 主要偏向产品设计的介绍，要是能多点技术细节就好了