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) 主要偏向產品設計的介紹，要是能多點技術細節就好了