FEX 技术周刊 - 2015/12/21

jopen 8年前

原文 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.html5cn.org/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 中的语法结构数据的网络爬虫,其地位甚至高于雅虎的许多其他的核心应用。