FEX 技术周刊-2015/09/07

hefangshi | 07 Sep 2015

微信搜索“FEX”关注我们的公众号，及时获得最新资讯。

深阅读

Mobile TCP optimization - lessons learned in production
https://www.snellman.net/blog/archive/2015-08-25-tcp-optimization-in-mobile-networks/
通过自己重写协议栈和网卡驱动来实现的，比较高端。

前端技术的开放和封闭
https://github.com/jayli/jayli.github.com/issues/18
拔赤的一篇好文，结合淘宝目前业务体系对前端开发方式的思考，另附阿里无线的一位同学对前端工程的思考 https://github.com/amfe/article/issues/3
两篇老文，但仍值得看。前端是一个需要持续思考和探索的行业，在大家的努力下一定会越来越好。

JavaScript: from alert() to Machine Learning
https://www.linkedin.com/pulse/javascript-from-alert-machine-learning-joe-minichino
介绍了 JavaScript 在各个领域的使用。

Action-Domain-Responder
http://pmjones.io/adr/
A web-specific refinement of Model-View-Controller. The term MVC has experienced some semantic diffusion from its original meaning, especially in a web context. (See this video from Stefan Priebsch for a more extensive discussion.) To resolve this diffusion, the Action-Domain-Responder pattern description is offered as a web-specific refinement of the MVC user interface pattern.

不懂《提问的智慧》的人不会从初级程序员水平毕业
https://ruby-china.org/topics/24325
这是一篇长文，看完需要十几分钟的时间。但如果你之前没有认真看过并且思考过，这十几分钟会改变你的职业生涯。这文章可能会出现一些让人不适的词语或者过时的例子，但我认为这不会影响它要表达的内容，而你需要好好琢磨作者希望传达的思想。偶尔看到一些注册2、3年的帐号，依然还在问些无趣的问题，透支着“新手问题”节点给予的包容，这样下去永远也无法从初级程序员水平毕业，而且更严重的是：这些人在拉低社区的讨论水准。

6 Gulp Best Practices You Can Use Today to Radically Improve Your Development Experience
http://blog.rangle.io/angular-gulp-bestpractices/
Gulp has established itself as an important piece of most modern front end projects. As early adopters of this life changing technology at Rangle, we’ve encountered our share of pitfalls which guided us to valuable lessons about sublteties that can make a world of difference.

「JavaScript」四种跨域方式详解
http://segmentfault.com/a/1190000003642057
感觉是黑科技，看看即可。真需要跨域提交或获取数据，jsonp、xhr2http2 或者后端代理才是正道。

用自然语言的角度理解JavaScript中的this关键字
http://blog.leapoahead.com/2015/08/31/understanding-js-this-keyword/
在JavaScript中this的用法的确是千奇百怪，但是如果利用自然语言的方式来理解，一切就顺理成章了。可以借鉴来介绍 this 给初学者。这位同学挺高产的，还有两篇 node 的 blog ：

在Node应用中避免“Dot Hell” http://blog.leapoahead.com/2015/09/03/prevent-node-require-dot-hell/
谈如何管理Web应用的环境常量 http://blog.leapoahead.com/2015/09/04/managing-env-constants/

React, Flux, RethinkDB and SageMathCloud
http://sagemath.blogspot.jp/2015/08/react-flux-rethinkdb-and-sagemathcloud.html
I’ve been using databases and doing web development for over 20 years, and I’ve never really loved any database before and definitely didn’t love any web development frameworks either. That all changed for me this summer…

CSS3制作球体
原文：https://cssanimation.rocks/spheres/
译文：http://www.w3cplus.com/css3/spheres.html
通过CSS3 的 border-radius 和 gradients 属性来实现眼球、气泡等效果。

How to write a great error message
https://medium.com/@thomasfuchs/how-to-write-an-error-message-883718173322
通过一些 case 说明了如何给用户错误提示，几个可参考的观点：

The best error message is the one that never shows up
Use a friendly, non-technical, non-threatening tone of voice.
Don’t just assume people know about the context of a message.

Android中插件开发篇总结和概述
http://blog.csdn.net/jiangwei0910410003/article/details/48104581
插件开发的原理就是：动态加载技术。这篇文章从三个方面去解读Android中插件开发原理。

Mobile Frameworks Comparison Chart
http://mobile-frameworks-comparison-chart.com/
移动端技术选型可以参考。

Golang在京东列表页实践总结
http://mp.weixin.qq.com/s?__biz=MjM5OTcxMzE0MQ==&mid=206835939&idx=1&sn=c4cbabc4fccdba123d1c49524b0f40d6&scene=1#rd
京东的实践，包括技术选型考虑、系统结构、开发中遇到的问题。

360的容器化之路
http://www.stuq.org/ppt/show/324/4e888db24ebbe09ed789794aa32b4305
Docker 的实践。

新鲜货

New React Developer Tools
http://facebook.github.io/react/blog/2015/09/02/new-react-developer-tools.html
A month ago, we posted a beta of the new React developer tools. Today, we’re releasing the first stable version of the new devtools. We’re calling it version 0.14, but it’s a full rewrite so we think of it more like a 2.0 release.

微软开源项目： Office-UI-Fabric
https://github.com/OfficeDev/Office-UI-Fabric
Fabric is a responsive, mobile-first, front-end framework, designed to make it quick and simple for you to create web experiences using the Office Design Language. It’s easy to get up and running with Fabric—whether you’re creating a new Office experience from scratch or adding new features to an existing one.

GitLab Mail Receiver
https://github.com/huacnlee/gitlab-mail-receiver
Help your GitLab support Email receive and parse content to create Issue replies, like GitHub.
The way of allow your GitLab support Email receive and parse the email content, and find Issue/MergeRequest to create reply.

nuophoto - A JavaScript/HTML5 canvas image editor
https://github.com/aurbano/nuophoto
Nuophoto is basically a web interface that aims to show the capabilities of JavaScript as a photo editing software. The photo editing part is done with the library PhotoJShop.

Eight Terminal Utilities Every OS X Command Line User Should Know
http://www.mitchchn.me/2014/os-x-terminal/?x
OS X comes with a number of its own text-based utilities not found on any other operating system. Learning about these Mac-only programs can make you more productive on the command line and help you bridge the gap between UNIX and your Mac.

从沙子到芯片，Intel英特尔处理器制作过程
http://v.youku.com/v_show/id_XMjQyMDAyMTUy.html
http://www.zhihu.com/question/26998618 科普了芯片的知识。

JS Perf - Popular test cases
https://jsperf.com/popular
汇集了一些最流行的性能测试 case，间接说明开发者在性能问题上关注的一些点。

Alliance for Open Media Established to Deliver Next-Generation Open Media Formats
http://aomedia.org/press-release/alliance-to-deliver-next-generation-open-media-formats/
Amazon, Cisco, Google, Intel Corporation, Microsoft, Mozilla and Netflix 开始联合制定下一代开放的高清媒体格式。

The future of layout with CSS: Grid Layouts
https://medium.com/@patrickbrosset/css-grid-layout-6c9cba6e8a5a
In this article we’ll take a look at the wonderful world of the CSS Grid Layout, a relatively new W3C specification that has partially started to see the day in some browsers. 另附一个 css grid 的类库： Layout Grid https://clippings.github.io/layout-grid/

Typeset - An html pre-processor for web typography
https://github.com/davidmerfield/typeset
Typeset is an html pre-processor for web typography. It uses no client-side JavaScript but gives you hanging punctuation, soft hyphen insertion, optical margin outdents, small-caps conversion and punctuation substitution.

Google’s look, evolved
http://googleblog.blogspot.jp/2015/09/google-update.html
http://wengengmiao.baijia.baidu.com/article/155283
厉害的是这个 logo 只有305字节 http://mp.weixin.qq.com/s?__biz=MzA3MzYwNjQ3NA==&mid=207858150&idx=1&sn=d3723a8481f9c092054fdd560b8f1b82&scene=0#rd

Chrome 45 发布，内存管理机制升级
http://chrome.blogspot.com/2015/09/chrome-improvements-for-faster-and-more.html
http://36kr.com/p/5037074.html

Hack － A typeface designed for source code
http://sourcefoundry.org/hack/
Hack is hand groomed and optically balanced to be your go-to code face.相关字体：

https://github.com/chrissimpkins/codeface
https://github.com/nathco/office-code-pro

OOSMOS The Object-Oriented State Machine Operating System
http://oosmos.com/
OOSMOS stands for Object-Oriented State Machine Operating System. It is a new type of operating system where the fundamental contextual unit is the object, not the thread as it is in traditional operating systems.

前端资源汇总
http://f2er.club/
堪称前端 hao123，赞这位工程师的悉心整理。

Github Protected branches and required status checks
https://github.com/blog/2051-protected-branches-and-required-status-checks
大家大概都会有不小心force push到错误分支的经验，导致其他人的修改被覆盖。为了解决这个问题，我们将在接下来的几周逐步部署受保护分支的功能，可以让管理员设置禁止向指定的分支进行force push操作。

HTML5 Deck of Cards
http://pakastin.github.io/deck-of-cards/
扑克牌相关一个类库，洗牌、发牌、效果挺酷的。

TiDB is a distributed SQL database
https://github.com/pingcap/tidb
TiDB is a distributed SQL database. Inspired by the design of Google F1, TiDB supports the best features of both traditional RDBMS and NoSQL. Go 语言比较容易懂，可以去看代码学习存储技术。

产品及其它

Madoko - Write Beautiful Documents
https://www.madoko.net/
Madoko is a fast markdown processor for writing professional articles, books, manuals, webpages and presentations, with a focus on simplicity and plain text readability. 竟然能支持写论文，不得不说：万能的 md。

Airbnb创始人讲述从穷光蛋到估值255亿美金秘密
http://www.iheima.com/news/2015/0903/151811.shtml
美国创业新秀Airbnb创立于2008年，现今已经过7轮融资，估值高达255亿美元。其火箭般高速发展背后有哪些不为人知的故事？这句话最赞：分享时代 - 给普通人新希望的时代

垂直构成：那些隐秘沉寂的生态
http://mp.weixin.qq.com/s?__biz=MzA3NTcwOTIwNg==&mid=208694094&idx=1&sn=03d7eb3a19c3c5e1aa975f2c6e900037&scene=0#rd
小人物，大历史。不论历史多么壮阔，我们大多数人却是注定的凡俗。反过来，却是凡俗的我们组成了这个世界的波澜，时间维度酝酿着一切不确定，逐步的雕刻出来了沧桑、不朽、伟大、或者平凡。今天我们就来讲述几个行业内真实小人物的故事，来洞察分析互联网行业垂直构成和那些隐秘沉寂的生态细节。

成功技术领导者10条经验锤炼
http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=208891164&idx=1&sn=893d43e516f576917dcb99cfa421a226&scene=0#rd
如果你带领的团队必须完成某个任务，任务现在面临困境，你愿意：优先考虑任务；优先考虑人；平衡人和任务；逃避；上述无一可选择。文章貌似来自《成为技术领导者》这本书，推荐大家看原著。

你碰到过的最难调的 Bug 是什么样的？
http://www.zhihu.com/question/34787444
见识一下一些奇葩 bug

让你最痛苦的技术文档是如何制造出来的
http://mp.weixin.qq.com/s?__biz=MzAxMzMxNDIyOA==&mid=214370853&idx=1&sn=1cc574a1c2e6abf98a09e12d9ef88006&scene=0#rd
文档怎么写值得每个码农思考。