FEX 技术周刊-2015/09/07 · FEX 技术周刊

## 深阅读 **Mobile TCP optimization - lessons learned in production** [https://www.snellman.net/blog/archive/2015-08-25-tcp-optimization-in-mobile-networks/](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/jayli/jayli.github.com/issues/18) 拔赤的一篇好文，结合淘宝目前业务体系对前端开发方式的思考，另附阿里无线的一位同学对前端工程的思考[https://github.com/amfe/article/issues/3](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](https://www.linkedin.com/pulse/javascript-from-alert-machine-learning-joe-minichino) 介绍了 JavaScript 在各个领域的使用。 **Action-Domain-Responder** [http://pmjones.io/adr/](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](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/](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](http://segmentfault.com/a/1190000003642057) 感觉是黑科技，看看即可。真需要跨域提交或获取数据，jsonp、xhr2http2 或者后端代理才是正道。 **用自然语言的角度理解JavaScript中的this关键字** [http://blog.leapoahead.com/2015/08/31/understanding-js-this-keyword/](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/](http://blog.leapoahead.com/2015/09/03/prevent-node-require-dot-hell/) - 谈如何管理Web应用的环境常量 [http://blog.leapoahead.com/2015/09/04/managing-env-constants/](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](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/](https://cssanimation.rocks/spheres/) 译文：[http://www.w3cplus.com/css3/spheres.html](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](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](http://blog.csdn.net/jiangwei0910410003/article/details/48104581) 插件开发的原理就是：动态加载技术。这篇文章从三个方面去解读Android中插件开发原理。 **Mobile Frameworks Comparison Chart** [http://mobile-frameworks-comparison-chart.com/](http://mobile-frameworks-comparison-chart.com/) 移动端技术选型可以参考。 **Golang在京东列表页实践总结** [http://mp.weixin.qq.com/s?__biz=MjM5OTcxMzE0MQ==&mid=206835939&idx=1&sn=c4cbabc4fccdba123d1c49524b0f40d6&scene=1#rd](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](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](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](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](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](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](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://v.youku.com/v_show/id_XMjQyMDAyMTUy.html) [http://www.zhihu.com/question/26998618](http://www.zhihu.com/question/26998618) 科普了芯片的知识。 **JS Perf - Popular test cases** [https://jsperf.com/popular](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/](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](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/](https://clippings.github.io/layout-grid/) **Typeset - An html pre-processor for web typography** [https://github.com/davidmerfield/typeset](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://googleblog.blogspot.jp/2015/09/google-update.html) [http://wengengmiao.baijia.baidu.com/article/155283](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](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://chrome.blogspot.com/2015/09/chrome-improvements-for-faster-and-more.html) [http://36kr.com/p/5037074.html](http://36kr.com/p/5037074.html) **Hack － A typeface designed for source code** [http://sourcefoundry.org/hack/](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/chrissimpkins/codeface) - [https://github.com/nathco/office-code-pro](https://github.com/nathco/office-code-pro) **OOSMOS The Object-Oriented State Machine Operating System** [http://oosmos.com/](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/](http://f2er.club/) 堪称前端 hao123，赞这位工程师的悉心整理。 **Github Protected branches and required status checks** [https://github.com/blog/2051-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/](http://pakastin.github.io/deck-of-cards/) 扑克牌相关一个类库，洗牌、发牌、效果挺酷的。 **TiDB is a distributed SQL database** [https://github.com/pingcap/tidb](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/](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](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](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](http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=208891164&idx=1&sn=893d43e516f576917dcb99cfa421a226&scene=0#rd) 如果你带领的团队必须完成某个任务，任务现在面临困境，你愿意：优先考虑任务；优先考虑人；平衡人和任务；逃避；上述无一可选择。文章貌似来自《成为技术领导者》这本书，推荐大家看原著。 **你碰到过的最难调的 Bug 是什么样的？** [http://www.zhihu.com/question/34787444](http://www.zhihu.com/question/34787444) 见识一下一些奇葩 bug **让你最痛苦的技术文档是如何制造出来的** [http://mp.weixin.qq.com/s?__biz=MzAxMzMxNDIyOA==&mid=214370853&idx=1&sn=1cc574a1c2e6abf98a09e12d9ef88006&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MzAxMzMxNDIyOA==&mid=214370853&idx=1&sn=1cc574a1c2e6abf98a09e12d9ef88006&scene=0#rd) 文档怎么写值得每个码农思考。