FEX 技術周刊 - 2015/12/21

jopen 9年前發布 | 36K 次閱讀 FEX

原文 http://fex.baidu.com/blog/2015/12/fex-weekly-21/

微信搜索『FEX』關注我們的公眾號，及時獲得最新資訊。

業界會議

D2-第十屆D2前端技術論壇-2015.12.18

http://d2forum.alibaba-inc.com/

前端盛會，話題質量很高。這里有參會記錄： http://www.zhihu.com/question/38637676

ArchSummit全球架構師峰會-2015.12.18

http://bj2015.archsummit.com/

ArchSummit秉承“實踐第一、案例為主”的原則，展示新技術在行業應用中的最新實踐，技術在企業轉型中的加速作用，幫助企業技術管理者、CTO、架構師做好技術選型、技術團隊組建與管理，并確立技術對于產品和業務的關鍵作用。附：推ter的技術坎坷之路 http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=401833711&idx=1&sn=51a34dee436fc2ff3536cc69ee3057db

[資料]幕課網技術沙龍-前端專場

http://www.imooc.com/activity/salon20151210/index

有 Node、性能優化、HTML5多人實時在線游戲、AngularJS 的分享

深閱讀

Move Fast and Fix Things

http://githubengineering.com/move-fast/

Anyone who has worked on a large enough codebase knows that technical debt is an inescapable reality: The more rapidly an application grows in size and complexity, the more technical debt is accrued. With GitHub's growth over the last 7 years, we have found plenty of nooks and crannies in our codebase that are inevitably below our very best engineering standards. But we've also found effective and efficient ways of paying down that technical debt, even in the most active parts of our systems.

ReactNative的架構設計

http://segmentfault.com/a/1190000004161358

介紹了作者對目前react的開源架構框架如Flux，Reflux，Redux等的理解。

Forget the Click Bait. Here’s What the JavaScript Job Market Really Looks Like in 2016.

https://medium.com/javascript-scene/forget-the-click-bait-here-s-what-the-javascript-job-market-really-looks-like-in-2016-ddfe0d39b467

Eric Elliott(the author of “Programming JavaScript Applications”) shares some advice on what it takes to get ahead as a professional JavaScript developer and what the market’s like.

微信瀏覽器webview調試

http://segmentfault.com/a/1190000004138415

如何不裝 QQ 瀏覽器也能調試微信 WebView

Using React is a Business Decision, Not a Technology Choice

https://blog.formidable.com/using-react-is-a-business-decision-not-a-technology-choice-63c4641c5f7#.fume1d1vh

React 的非技術層面軟文

HTML5, NodeJS and Neural Networks: The tech behind MySam, an open source Siri

http://www.devbattles.com/en/sand/post-1986-HTML5_NodeJS_and_Neural_Networks_The_tech_behind_MySam_an_open_source_Siri

一個基于 Node 的 Web 版 Siri 實現原理介紹

How I Hacked.info

http://howihacked.info/?hn#/stories

收集各種 Hack 記錄的文章

如何評價 Angular 2 發布 Beta 版本

http://www.zhihu.com/question/38571416/answer/77067217

http://angularjs.blogspot.com/2015/12/angular-2-beta.html

Angular2是一個重量級前端框架，明顯比Vue重，作為全業務解決方案來說，大致和React整合了一堆東西之后在一個數量級。這么重的一個東西給誰用呢？兩種場景：基于Web的企業應用，混合應用（包括桌面端和移動端）。

從網易與淘寶的font-size思考前端設計稿與工作流

http://www.原網站已經失效/article-9159-1.html

本文結合自己對網易與淘寶移動端首頁html元素上的font-size這個屬性的思考與學習，討論html5設計稿尺寸以及前端與設計之間協作流程的問題。

[譯]ANGULAR VS. EMBER VS. REACT 如何選擇前端框架

http://www.w3ctech.com/topic/1621

Angular， Ember 或 React 是比較安全的選擇，因為他們背后都有長期有效的技術支持和活躍的開發者社區支持。那么哪一個才是最適合你的呢？讓我們一起來看一看他們各自的最新版本都帶來了些什么更好的新特性。

[譯]iOS 9，為前端世界都帶來了些什么

http://huangxuan.me/2015/12/15/ios9-safari-web/

3D Touch、分屏視圖與響應式設計、Safari View Controller 與 Content Blocker 、新的 ES6/HTML5/CSS4 與 JS API...

偽隨機數的妙用

http://div.io/topic/1510

大部分計算機上的偽隨機數，并不是真正的隨機數，只是重復的周期比較大的數列，是按一定的「算法」和「種子值」生成的。如果「隨機數生成器」的「算法」和「種子值」相同，那么生成的「隨機數序列」則是相同的，這就是「偽隨機」的規律。

Deep Speech 2: End-to-End Speech Recognition in English and Mandarin

http://arxiv.org/abs/1512.02595

百度硅谷研究院在語言識別方面的最新論文。

說說下載劫持那些事兒

http://mp.weixin.qq.com/s?__biz=MjM5ODg1NDI4OA==&mid=401692427&idx=1&sn=3bd3c717f2f6dc9b9d28fd83fd83cdd6&3rd=MzA3MDU4NTYzMw==&scene=6#rd

比較形象的介紹了DNS劫持和運營商劫持是怎么一回事

百度網頁搜索，規模大幅膨脹下的架構優化實踐

http://www.infoq.com/cn/presentations/baidu-web-search-architecture-optimization-practice

分享了百度搜索架構中的經驗

[譯]如何百倍加速 Lo-Dash？引入惰性計算

http://www.jianshu.com/p/bf38666f6fea

我一直以為像 Lo-Dash 這樣的庫已經不能再快了，畢竟它們已經足夠快了。Lo-Dash 幾乎完全混合了各種 JavaScript 奇技淫巧來壓榨出最好的性能。惰性計算。但似乎我錯了 - 其實 Lo-Dash 可以運行的更快。你需要做的是，停止思考那些細微的優化，并開始找出更加適用的算法。

當討論分布式系統時，我們都會討論些什么

http://dockone.io/article/898

分布式系統是一個龐大的議題，每個子領域都有大量的研究。學習分布式系統知識，如果不分主次地隨看隨學，效果不會好。本文介紹了分布式系統的主要概念，適合作為分布式系統的入門指南。

Should we decouple Drupal with a client-side framework?

http://buytaert.net/should-we-decouple-drupal-with-a-client-side-framework

繼Wordpress.com 遷移到nodejs之后，Drupal 也有想法前后端都用JS實現。

[swift-evolution] Proposal: Universal dynamic dispatch for method calls

https://lists.swift.org/pipermail/swift-evolution/Week-of-Mon-20151207/001948.html

Chris 大神親自回帖，講述 Swift 的設計哲學，以及與 C，C++，JavaScript，Java，Go 等語言的對比，主要是從 Dynamic 和 Static 進行對比

從 Nginx 默認不壓縮 HTTP/1.0 說起

https://imququ.com/post/why-nginx-disable-gzip-in-http10.html

由于 HTTP/1.0 沒有類似 HTTP/1.1 中新增的 Transfer-Encoding，于是如果默認開啟gzip 的話則無法知道 Content-Length，這樣便需要斷開持久連接，即 gzip與keep-alive無法共存，因此針對HTTP/1.0，則還是得根據資源類型來決定是選擇gzip還是keep-alive來減少流量。

玩轉 React Transition

http://segmentfault.com/a/1190000004150178

文章通過分析ReactTransitionGroup的實現邏輯以及使用的一個demo來講述如何玩轉React Transition。

Python 作為一門教學語言，應該退休了

http://www.ituring.com.cn/article/209564#jtss-tsina

在過去十年里，如果有人正在為初學者尋找一種編程語言的話，我的標準建議是 Python。但是現在，我的這個想法已經發生了變化。

My favourite design articles 2015

https://medium.com/@sjors/my-favourite-design-articles-2015-55c55dbccaa5#.foqxzqdyx

設計領域的文章推薦

新鮮貨

ThoughtWorks讀書雷達（2016）

http://insights.thoughtworkers.org/reading-radar-2016/

另附：極客邦教育StuQ推出的技能圖譜 https://github.com/TeamStuQ/skill-map

明哥 JS - 驚現江湖

https://github.com/drduan/minggeJS

繼優秀作品shearphoto截圖插件，本人又再推出國產山寨JQUERY，為什么我要開發一個山寨JQUERY？...我給了他一個霸氣的名字：MingGeJs。贊作者的情懷。

Primer: The CSS Toolkit and Guidelines that Power GitHub

https://github.com/primer/primer

Primer is the CSS toolkit that powers GitHub's front-end design

An Automatically Playing 3D Snake Game using WebGL

http://mhluska.com/projects/snakeception/

一款基于 WebGL 的3D版貪吃蛇

Single Element Pure CSS MacBook Pro

http://codepen.io/anon/pen/eJJLVp

一個用純CSS制作的 iMac 圖案，因此很多使用iMac的PNG圖片的地方都可以用它來代替。

node-letsencrypt

https://github.com/Daplie/node-letsencrypt

Node 版本的 Let's Encrypt

Wetty - Terminal over HTTP and HTTPS

https://github.com/krishnasrinivas/wetty

Wetty is an alternative to ajaxterm/anyterm but much better than them because wetty uses ChromeOS' terminal emulator (hterm) which is a full fledged implementation of terminal emulation written entirely in Javascript. Also it uses websockets instead of Ajax and hence better response time. 另附幾個相關資源：

- JQuery Terminal Emulator http://terminal.jcubic.pl/

- https://github.com/rabchev/web-terminal

- https://github.com/chjj/tty.js

Reality Editor

http://www.realityeditor.org/

MIT 出的設備控制器，需要是基于 Open Hybrid 的設備

Extended Memory Semantics

https://github.com/syntheticsemantics/ems

讓 Node 支持采用共享內存的多線程編程模型，從而提升并行處理能力

treed

https://github.com/jaredly/treed

樹形編輯器，不過功能和我們的腦圖還有不少差距 https://github.com/fex-team/kityminder-core

Kinto

http://kinto.readthedocs.org/en/latest/index.html

一個 JSON 同步服務，不過它在解決沖突上做得還比較簡單

Subresource Integrity

http://www.w3.org/TR/2015/CR-SRI-20151112/#goals

Subresource Integrity 的支持，通過MD5 Hash 的方式來判斷在DNS中自己請求的靜態資源是否被修改或者替換，從而實現防止DNS劫持等效果。

Angular 2 Beta

http://angularjs.blogspot.com/

Angular 2 雖然看起來清晰很多，但目前第三方庫還很欠缺，不建議使用。

jsweet

http://www.jsweet.org/

將 Java 編譯為 JavaScript/TypeScript 的工具，號稱比 GWT 功能多

gridly

https://github.com/IonicaBizau/gridly

一款超輕量級的網格布局的樣式庫，支持自適應。

Top 9 Animation Libraries to Use in 2016

http://www.sitepoint.com/top-9-animation-libraries-use-2016

9款用于Animation的不錯的CSS或JS庫，良心干貨。

免費可商用！幫你在線快速生成音樂素材的Jukedeck

http://www.uisdc.com/online-music-asset-jukedeck

本文要介紹的 Jukedeck 是一個由音樂家與工程師組成的團隊開發，讓創作者能夠更簡單獲取他們用于影片或其他項目上的背景音樂，特別的是 Jukedeck 并不是一個音樂素材庫，而是透過人工智能（Artificial Intelligence, AI）技術，在短時間內建立出獨特且可免費使用、無版權限制的音樂音效。

gridster.js

http://gridster.net/

一款用于搭建簡單的可拖拽網格化布局的jQuery插件。

http2講解

http://http2-explained.haxx.se/content/zh/

一篇詳細講解HTTP/2的文檔，主要內容包括該協議的背景、思想、協議本身的內容、對一些現有實現的探討與對協議未來的展望。

Ninja - web framework

https://github.com/ninjaframework/ninja

Ninja is a full stack web framework for Java. Rock solid, fast and super productive.

雅虎宣布將 Web 爬蟲工具 Anthelion 開源

https://github.com/yahoo/anthelion

雅虎宣布開源了自家的網頁爬蟲工具 —— Anthelion,Anthelion 是雅虎用來爬取 HTML 中的語法結構數據的網絡爬蟲,其地位甚至高于雅虎的許多其他的核心應用。