布穀月刊 2017/04
來自專欄 布穀前端
布穀月刊 2017/04
江湖傳聞
React Conf 2017 不能錯過的大起底——Day 1！ - 知乎專欄
React Conf 2017 紀要，寫技術會議紀要的標杆 @王興龍(蛋總)
前端每周清單：Next.js 2.0 發布，Vue.js 2.2 完整API 手冊，Safari 10.1 新增系列重要特性
周清單的形式和內容 月刊可以借鑒一下 內容超多 先 mark 後看 @孫新傑(機變) （很不錯的周刊）（@蛋總）
震驚！ V8 性能一下子提升接近 20%，就是因為它....
Chrome 57 開始，Ignition （位元組碼解釋器）與 TurboFan （編譯優化器）將會默認啟用，之前那些被認為是性能殺手的 JavaScript 語言特性，可以放心大膽地用了！ @馮淼森(覓森)
提醒 V 友, 防不勝防的釣魚網址 - V2EX
震驚！99%的人都發現不了這是釣魚網站！！！ @張兆翔(奇橙)
乾貨教程
HTTP 最強資料大全 - Angular 2 修仙之路 - SegmentFault
這可能是最全的 http 知識點的 整理資料了 @孫新傑(機變)
Fullstack React: 30 Days of React
react 30 天學習教程，資料已經上傳到 sm-fe 小組 @王興龍(蛋總)
How Browsers Work: Behind the scenes of modern web browsers - HTML5 Rocks
本文詳細介紹了瀏覽器的工作原理，帶你了解從輸入網址到整個頁面呈現的整個過程 @李小康(溪禪)
語義化版本 2.0.0 - Semantic Versioning
詳細解釋版本號的規則 @郭明理
Redux Testing Step by Step: A Simple Methodology for Testing Business Logic
深入淺出 redux 測試 @王興龍(蛋總)
The Inner Workings Of Virtual DOM – Medium
react/preact/vue等都實現了virtural dom, 本文詳細介紹了virtual dom的實現原理，簡明清晰 @李小康(溪禪)
移動web之滾動篇 | AlloyTeam
移動端 滾動介紹 @毛書宇(伍仁)
性能提升
吹毛求疵的追求優雅高性能JavaScript · Issue #2 · jawil/blog · GitHub
@張兆翔(奇橙)
Making touch scrolling fast by default | Web | Google Developers
passive event listeners 通過禁止在touchstart和第一次touchmove中調用preventDefault，讓觸摸滾動更流暢 @李小康(溪禪)
[聊一聊系列]聊一聊網頁的分段傳輸與渲染那些事兒 - 前端小站 - SegmentFault
優化網站響應速度的另一個方案－分段傳輸 @馮雪娜
開發體驗
How to Debug Node.js with the Best Tools Available | @RisingStack
講述了如何使用 debug 模塊、命令行 debug、chrome 開發者工具 debug，結合 vsc debug 調試 node.js 項目 @王興龍(蛋總)
liriliri/eruda: Console for mobile browsers
移動端上的 dev tool（類似 vconsole）。除了基礎的功能外還加入了瀏覽器feature檢測等許多功能 @程松(貳叄)
使用 babel 插件來打造真正的「私有」屬性 - 十年蹤跡的博客
利用 Symbol 生成唯一 key的特性，不修改業務代碼，用 babel插件自動轉換成真正的 private 屬性 @王興龍(蛋總)
效果實現
JavaScript路由功能的輕量級實現 · Clark To Do
超級簡單的一個路由的實現 @毛書宇(伍仁)
Progress Button Styles
帶有進度條的提交按鈕動效 @李小康(溪禪)
Grid Garden - A game for learning CSS grid
練習 css grid 布局的一個小遊戲 @程松(貳叄)
TodoMVC
來看看不同的框架寫一個Todo應用有什麼區別吧，todomvc 這個項目幫你寫好了。 @程松(貳叄)
GitHub - DMQ/mvvm: 剖析vue實現原理，自己動手實現mvvm
如何實現雙向數據綁定 @毛書宇(伍仁)
PHP 開發
PHP三層結構(下)——PHP實現AOP - Net.AfritXia - 博客園
面向切面編程(AOP)的思路是寫出便於維護代碼的解決方法之一 @陳志宇(越冬)
2017年PHP程序員未來路在何方 - Swoole開源項目 - SegmentFault](2017年PHP程序員未來路在何方 - Swoole開源項目 - SegmentFault)
一家之言，僅供技術體現建設的參考。與其糾結於編程語言的選擇，不如好好地深入學習使用 PHP 。 @龍海翔
詳解微信非同步隊列 MQ 2.0 的功能優化及拓展思路
主要講解了 微信團隊的 非同步隊列優化思路。可以讓大家了解 大致思路。 @莫智慧(爛葉)
大前端
如何將 npm 作為構建工具使用 | bubkoo
npm script 輕量 高效 @毛書宇(伍仁)
Create a Desktop Quiz Application Using Vue.js and Electron | Scotch
使用 vue + electron 創建一個問卷調查桌面客戶端 @王興龍(蛋總)
Ruff
Ruff 是一個 JavaScript 運行時，專為硬體開發而設計。Ruff 對硬體進行了抽象，使用了基於事件驅動、非同步 I/O 的模型，使硬體開發變得輕量而且高效。 @侯鵬(主序)
資源推薦
system-design-primer/README-zh-Hans.md at master · donnemartin/system-design-primer
系統設計入門 @王興龍(蛋總)
HTML5 accessibility
主流瀏覽器對HTML5新特性的可訪問性支持 @李小康(溪禪)
推薦閱讀：