FEX 技术周刊 – 2015/11/09
最后更新于：2022-04-01 00:04:57
## 业界会议
**[报名]D2前端技术论坛-2015**
[http://d2forum.alibaba-inc.com/](http://d2forum.alibaba-inc.com/)
D2前端技术论坛(Designer & Developer Frontend Technology Forum)，简称D2。为国内前端开发者和网站设计师提供一个交流的机会，一起分享技术的乐趣，探讨行业的发展，以技术会友。它是中国所有前端开发者的节日，包括前端设计师，前端开发工程师，和所有对前端技术感兴趣的人。经历了近10年的发展，前端岗位从刀耕火种走到了今天的百花齐放，各领域全面发展，进入盛况时期。2015年第10届D2的主题即为“融合”！
**2015 腾讯WE大会 - 11.08**
[http://we.tencent.com/](http://we.tencent.com/)
[http://tech.qq.com/zt2015/we2015/index.htm](http://tech.qq.com/zt2015/we2015/index.htm)
WE大会关注协作创新,分享互联网和科技界最前沿的思想和技术，展示未来的革新力量。WE大会邀请全球多位互联网思想家、前沿创新项目团队进行现场互动和分享。我们希望启发人们去创造、创新、探索改变未来的一切可能性。可以围观一下高科技。
**[报名]2015重庆前端交流会**
[http://2015.yufe.org/](http://2015.yufe.org/)
由重庆地区的土豪公司 @猪八戒网 举办
**[报名]360与Facebook工程师畅聊大前端 - 交流会**
[http://www.huodongxing.com/event/3307503611100](http://www.huodongxing.com/event/3307503611100)
Facebook 的工程师及大前端的话题比较吸引人。
**UPYUN•架构与运维大会 - 11.28**
[http://www.huodongxing.com/event/3303212982600](http://www.huodongxing.com/event/3303212982600)
UPYUN 架构与运维大会 (Arch&Ops Conf) 是面向运维和架构从业人员者所举办的大型技术会议，致力于推动各项运维技术、产品架构等在互联网和移动互联网的研发和应用。
## 深阅读
**揭密 Google 秒开技术：如何让网站瞬间加载完毕?**
[http://www.leiphone.com/news/201511/0EQQdrIAhtw2MYGv.html](http://www.leiphone.com/news/201511/0EQQdrIAhtw2MYGv.html)
详细介绍了 AMP
**前端MVC变形记**
[http://efe.baidu.com/blog/mvc-deformation/](http://efe.baidu.com/blog/mvc-deformation/)
介绍了 MVC 发展的历史及 MV* 框架
**caoz谈能力成长 - 取舍之道**
[http://mp.weixin.qq.com/s?__biz=MzI0MjA1Mjg2Ng==&mid=400320941&idx=1&sn=b3883278d2d58b760e3dadbfef225a95](http://mp.weixin.qq.com/s?__biz=MzI0MjA1Mjg2Ng==&mid=400320941&idx=1&sn=b3883278d2d58b760e3dadbfef225a95)
取舍是永恒的话题，懂得取舍和选择是成熟、自信的重要标志。这问文章对做技术和做产品都非常有参考意义，大家认真看看。
**Immutable 详解及 React 中实践**
[https://github.com/camsong/blog/issues/3](https://github.com/camsong/blog/issues/3)
Shared mutable state is the root of all evil（共享的可变状态是万恶之源）-- Pete Hunt.
有人说 Immutable 可以给 React 应用带来数十倍的提升，也有人说 Immutable 的引入是近期 JavaScript 中伟大的发明，因为同期 React 太火，它的光芒被掩盖了。这些至少说明 Immutable 是很有价值的，下面我们来一探究竟。
**移动端图片格式调研**
[http://blog.ibireme.com/2015/11/02/mobile_image_benchmark/](http://blog.ibireme.com/2015/11/02/mobile_image_benchmark/)
图片通常是移动端流量耗费最多的部分，并且占据着重要的视觉空间。合理的图片格式选用和优化可以为你节省带宽、提升视觉效果。在这篇文章里我会分析一下目前主流和新兴的几种图片格式的特点、性能分析、参数调优，以及相关开源库的选择。
**当我们谈论 cluster 时我们在谈论什么**
[http://taobaofed.org/blog/2015/11/03/nodejs-cluster/](http://taobaofed.org/blog/2015/11/03/nodejs-cluster/)
Node Cluster 科普文
**被误解的 MVC 和被神化的 MVVM**
[http://blog.devtang.com/blog/2015/11/02/mvc-and-mvvm/](http://blog.devtang.com/blog/2015/11/02/mvc-and-mvvm/)
MVC，全称是 Model View Controller，是模型 (model)－视图 (view)－控制器 (controller) 的缩写。表示的是一种常见的客户端软件开发框架。MVVM 最早于 2005 年被微软的WPF和Silverlight的架构师John Gossman提出，并且应用在微软的软件开发中。
**Facebook’s code quality problem**
[http://www.darkcoding.net/software/facebooks-code-quality-problem/](http://www.darkcoding.net/software/facebooks-code-quality-problem/)
Facebook is very successful, manifestly has some great engineers, unlimited money, and yet seems to have big issues with software quality. I take two lessons from this: - Culture matters. The “Hack” and “Move fast and break things” culture must make it very hard for developers to focus on quality. - Quality matters. We all know that if you don’t focus on quality it will come back to bite you.
**Why Static Website Generators Are The Next Big Thing**
[http://www.smashingmagazine.com/2015/11/modern-static-website-generators-next-big-thing/](http://www.smashingmagazine.com/2015/11/modern-static-website-generators-next-big-thing/)
At StaticGen, our open-source directory of static website generators, we’ve kept track of more than a hundred generators for more than a year now, and we’ve seen both the volume and popularity of these projects take off incredibly on GitHub during that time, going from just 50 to more than 100 generators and a total of more than 100,000 stars for static website generator repositories.
**jQuery’s Relevancy – There and Back Again**
[http://developer.telerik.com/featured/jquerys-relevancy-there-and-back-again/](http://developer.telerik.com/featured/jquerys-relevancy-there-and-back-again/)
In this article, I’m going to remind everyone what exactly jQuery is, because I believe that jQuery is as relevant today as it was when it was first written. The question relevancy should be tied to the original intent of the solution (i.e. the jQuery API itself) and not browser bugs or missing features.
**TypeScript 和 JSX 搞基的事**
[https://github.com/techird/blog/issues/3](https://github.com/techird/blog/issues/3)
对 JSX 的支持已经在 TypeScript 官方落地了！非常感谢 Ryan Cavanaugh 和 François de Campredon 的大力推动。在这篇文章中，笔者打算跟大家探索一下如何把 JSX 和 TypeScript 的第一特性——静态类型检查完美结合使用。
**[译]Service Worker 入门**
[http://www.w3ctech.com/topic/866](http://www.w3ctech.com/topic/866)
一个 service worker 是一段运行在浏览器后台进程里的脚本，它独立于当前页面，提供了那些不需要与web页面交互的功能在网页背后悄悄执行的能力。在将来，基于它可以实现消息推送，静默更新以及地理围栏等服务，但是目前它首先要具备的功能是拦截和处理网络请求，包括可编程的响应缓存管理。
**Redux 中文文档**
[http://camsong.github.io/redux-in-chinese/](http://camsong.github.io/redux-in-chinese/)
Redux 的文档写的蛮清晰的。
**东京大学：交互式计算机图形学**
[https://www.coursera.org/learn/interactive-computer-graphics](https://www.coursera.org/learn/interactive-computer-graphics)
计算机图形是支撑可视化问题求解的强大工具。这门课将介绍计算机图形研究领域的多种交互工具，以及它们的原理和算法。例子涵盖图形化用户界面(GUI)的增强，2D绘画及3D动画的创作工具，和交互式计算机辅助设计(CAD)系统。
**七牛CEO许式伟：服务端开发那些事儿**
[http://www.csdn.net/article/2015-11-06/2826139](http://www.csdn.net/article/2015-11-06/2826139)
服务器开发的基础知识，主要谈的是用 Go 实现。
**朱冠胤：百度大规模数据处理架构之“不平凡之路”**
[http://www.csdn.net/article/2015-11-06/2826137](http://www.csdn.net/article/2015-11-06/2826137)
介绍了百度内部 Hadoop 平台的发展及实现。
**Docker 工程师必读论文：Google Borg**
[http://mp.weixin.qq.com/s?__biz=MzA4MzQ1NjQ5Nw==&mid=400243103&idx=1&sn=c76e7acfbf73649190277a7cbe3b0191](http://mp.weixin.qq.com/s?__biz=MzA4MzQ1NjQ5Nw==&mid=400243103&idx=1&sn=c76e7acfbf73649190277a7cbe3b0191)
Borg 是在传说中流传已久的 Google 内部集群管理系统，现在火热的 Mesos 和 Kubnetes 都是源自于 Borg。
**谷歌第二代深度学习系统TensorFlow首次解密**
[http://mp.weixin.qq.com/s?__biz=MzI3MTA0MTk1MA==&mid=400301663&idx=1&sn=c83c92328c9c936b1fb39cece6e852f6](http://mp.weixin.qq.com/s?__biz=MzI3MTA0MTk1MA==&mid=400301663&idx=1&sn=c83c92328c9c936b1fb39cece6e852f6)
Google资深系统专家Jeff Dean在最近的湾区机器学习大会做了 Large-Scale Deep Learning for Inelligent Computer Systems 的演讲。在大会上，Jeff Dean 解密了谷歌未曾在论文上发表过的第二代深度学习系统TensorFlow。
**[译]使用HTTP/2提升性能的7个建议**
[http://www.w3ctech.com/topic/1563](http://www.w3ctech.com/topic/1563)
大约有三分之二的浏览器已经支持HTTP/2，而且这个比例每月都在增加。你需要决定是否迁移到HTTP/2，而其中关键是知道如何最大限度地利用它。这篇文章会带你了解从性能角度考虑为什么要做这个决定，以及如何实现。接下来我们要逐一讨论关于HTTP/2性能的7个小建议。
**阿里云破纪录的背后：377秒是如何炼成的**
[http://www.csdn.net/article/2015-11-05/2826124](http://www.csdn.net/article/2015-11-05/2826124)
10月28日，Sort Benchmark官方宣布，阿里云用377秒完成了100TB的数据排序，打破了此前Apache Spark创造的1406秒纪录。在含金量最高的GraySort和MinuteSort两个评测系统中，阿里云分别在通用和专用目的排序类别中创造了4项世界纪录。
## 新鲜货
**百度前端代码风格检查套件 FECS**
[http://efe.baidu.com/blog/fecs/](http://efe.baidu.com/blog/fecs/)
fecs 是百度前端代码规范的检查工具。
**百度 iCafe**
[http://cafe.baidu.com/](http://cafe.baidu.com/)
「iCafe」是百度推出的一款轻量级团队协作工具，面向的人群较为广泛，适用于开发者、设计师、创业团队、测试团队、开源团队等。其功能特点包括：工作量估时、需求可进行无限拆分、数据实时展现、按人跟踪进度等。目前已超过 5000 个团队正在使用。 icafe 在百度已经经历 N 次升级了，总算迈出了开放这一步，不过似乎和内部给工程师用的有差别。
**Flutter – Cross-platform mobile framework from Google**
[http://flutter.io/](http://flutter.io/)
[https://github.com/flutter/flutter](https://github.com/flutter/flutter)
Flutter is a new way to build high-performance, cross-platform mobile apps. Flutter is optimized for today's, and tomorrow's, mobile devices. We are focused on low-latency input and high frame rates on Android and iOS.
**Ant Design of Vue**
[http://okoala.github.io/vue-antd/#!/components](http://okoala.github.io/vue-antd/#!/components)
这里是 Ant Design 的 Vue 实现，开发和服务于企业级后台产品。不知道 AntD 的同学请移步： [http://ant.design/](http://ant.design/)
**A high-level browser automation library**
[https://github.com/segmentio/nightmare](https://github.com/segmentio/nightmare)
The goal is to expose just a few simple methods, and have an API that feels synchronous for each block of scripting, rather than deeply nested callbacks. It's designed for automating tasks across sites that don't have APIs. Under the covers it uses Electron, which is similar to PhantomJS but faster and more modern.
**An update on Object.observe - Being Withdrawn As A TC39 Proposal**
[https://mail.mozilla.org/pipermail/es-discuss/2015-November/044684.html](https://mail.mozilla.org/pipermail/es-discuss/2015-November/044684.html)
After much discussion with the parties involved, I plan to withdraw the Object.observe proposal from TC39 (where it currently sits at stage 2 in the ES spec process), and hope to remove support from V8 by the end of the year (the feature is used on 0.0169% of Chrome pageviews, according to chromestatus.com).
**React Cheat Sheet v0.14.1**
[http://reactcheatsheet.com/](http://reactcheatsheet.com/)
**IntelliJ IDEA 15**
[https://www.jetbrains.com/idea/whatsnew/](https://www.jetbrains.com/idea/whatsnew/)
IntelliJ IDEA 15 brings better user interface, more built-in tools and integrations, further improved coding assistance, and out-of-the-box support for Kotlin.
**Nova.js - 一个小巧的Web Component框架**
[http://novajs.com/](http://novajs.com/)
旨在帮助开发者方便快速地开发组件。作者起初希望在一个移动端项目中使用Polymer进行开发，但发现Polymer的代码对于移动端小型项目过于庞大、且只支持到Android4.4。因此借鉴了Polymer的部分组件开发的思想，实现了Nova.js。
**GitLab 的安装配置**
[http://www.360doc.com/content/15/1104/14/22505981_510681759.shtml](http://www.360doc.com/content/15/1104/14/22505981_510681759.shtml)
想自己搭 GitLab 的可以参考。
**Git Town 支持高级别工作流开源 Git 插件**
[https://github.com/Originate/git-town](https://github.com/Originate/git-town)
[http://www.oschina.net/p/git-town](http://www.oschina.net/p/git-town)
Git Town makes software development teams who use Git even more productive and happy. It adds additional Git commands that support GitHub Flow, Git Flow, the Nvie model, GitLab Flow, and other workflows more directly, and it allows you to perform many common Git operations faster and easier.
**Stash is now called Bitbucket Server**
[https://www.atlassian.com/software/bitbucket/server](https://www.atlassian.com/software/bitbucket/server)
Bitbucket makes it easy for teams to build great software. Deliver at speed without sacrificing quality.
**Scooter**
[http://dropbox.github.io/scooter/](http://dropbox.github.io/scooter/)
Dropbox 开源的 SCSS 样式组件。
**Announcing Docker 1.9: Production-ready Swarm and Multi-host Networking**
[http://blog.docker.com/2015/11/docker-1-9-production-ready-swarm-multi-host-networking/](http://blog.docker.com/2015/11/docker-1-9-production-ready-swarm-multi-host-networking/)
多主机网络和 Swarm 集群系统已经达到生产水平了。
**React Toolbox**
[http://react-toolbox.com/#/](http://react-toolbox.com/#/)
Material Design 风格的 React 组件。
**微软与Red Hat宣布合作**
[http://blogs.microsoft.com/blog/2015/11/04/microsoft-and-red-hat-partner-to-deliver-more-flexibility-and-choice/](http://blogs.microsoft.com/blog/2015/11/04/microsoft-and-red-hat-partner-to-deliver-more-flexibility-and-choice/)
今年流行联合。在遥远的过去，微软视Linux为敌人，曾诅咒它是“癌症”。但过去一年，微软在新CEO的带领下改变了对待Linux和开源的态度，它甚至公开宣称“爱Linux”。
**React For Beginners**
[https://reactforbeginners.com/](https://reactforbeginners.com/)
A premium step-by-step training course to get you building real world React.js + Firebase apps and website components.
**Javascript quiz. ES6 edition.**
[http://perfectionkills.com/javascript-quiz-es6/](http://perfectionkills.com/javascript-quiz-es6/)
Remember that crazy Javascript quiz from 6 years ago? Craving to solve another set of mind-bending snippets no sensible developer would ever use in their code? Looking for a new installment of the most ridiculous Javascript interview questions? Look no further! The "ECMAScript Two Thousand Fifteen" installment of good old Javascript Quiz is finally here.
**Five Open-Source Slack Alternatives**
[https://blog.okturtles.com/2015/11/five-open-source-slack-alternatives/](https://blog.okturtles.com/2015/11/five-open-source-slack-alternatives/)
**A 27 Minute Tour of Next Gen Front End Dev with Scala.js**
[https://www.youtube.com/watch?v=n1GgVWOThhY](https://www.youtube.com/watch?v=n1GgVWOThhY)
A great introductory talk on Scala.js which compiles Scala code to JavaScript. It’s not commercially supported by Typesafe but is production ready.
## 产品及其它
**Hello, World of Programming Languages**
[http://mp.weixin.qq.com/s?__biz=MzAxMzMxNDIyOA==&mid=401571407&idx=1&sn=384ee1acf8d2165a46ac90d51719affa](http://mp.weixin.qq.com/s?__biz=MzAxMzMxNDIyOA==&mid=401571407&idx=1&sn=384ee1acf8d2165a46ac90d51719affa)
竟然还可以这么来看编程语言，长见识了，期待后续。
**如何才能成为一个好的技术领导者？**
[http://mp.weixin.qq.com/s?__biz=MzA4NTU2MTg3MQ==&mid=400644089&idx=1&sn=1cf732f5529c64ee8d3fa9e55dbd84db](http://mp.weixin.qq.com/s?__biz=MzA4NTU2MTg3MQ==&mid=400644089&idx=1&sn=1cf732f5529c64ee8d3fa9e55dbd84db)
这个话题是码农职业生涯必须面对的，可以看看大家总结出来的经验。另附：唱吧CEO-创业四年，我积累的7点管理经验
[http://mp.weixin.qq.com/s?__biz=MTA3NDM1MzUwMQ==&mid=400390613&idx=1&sn=2f67c1fb74d18cf1d939790a9b3cf992](http://mp.weixin.qq.com/s?__biz=MTA3NDM1MzUwMQ==&mid=400390613&idx=1&sn=2f67c1fb74d18cf1d939790a9b3cf992)
**在实际工作中评估你的工程师伙伴**
[http://gulu-dev.com/post/2015-11-05-tips-for-non-programmers](http://gulu-dev.com/post/2015-11-05-tips-for-non-programmers)
在日常工作中，对于一些非技术向的小伙伴们，由于对工程师文化了解并不多，要么难以寻找到合适的技术伙伴，要么在工作中与工程师难以保持稳定的沟通节奏，对于这些小伙伴，俺愿意把俺知道的分享出来，肤浅也好，片面也罢，总之是多了一点参考，希望能有所帮助。
**[译]辞去工作，以开发首个 app**
[http://www.labazhou.net/2015/11/how-i-quit-my-job-and-built-my-first-app/](http://www.labazhou.net/2015/11/how-i-quit-my-job-and-built-my-first-app/)
本故事可追溯到 2009 年夏天。我刚刚入手了第一台 iPhone 3GS，当时非常可心。可想而知，当时《愤怒的小鸟》还没有成为 App Store 上的黑马。Apple 在 2008 年上线了 App Store，就在同一年，我卖掉了之前的创业公司。我在一家大型软件公司做全职工作，但不是凭直觉进入的。我对移动领域感到极度狂热，开始着手开发 app。
**别人都读《重新定义公司》而你没时间？那先来看这最重要的13句话**
[http://mp.weixin.qq.com/s?__biz=MjM5NjMyOTMzNA==&mid=400303668&idx=1&sn=3888d25d43f0fc9833ccae841a7a914e](http://mp.weixin.qq.com/s?__biz=MjM5NjMyOTMzNA==&mid=400303668&idx=1&sn=3888d25d43f0fc9833ccae841a7a914e)
谷歌何以成为这样重要的存在？它的成长、运转能给中国公司哪些启示？谷歌掌门人施密特的这本《重新定义公司》确实是一份很良心的答卷。
**如何写一本技术类的书**
[http://mp.weixin.qq.com/s?__biz=MzA4Nzg5Nzc5OA==&mid=400254392&idx=1&sn=17198b3ecb12a0a6def632ba03ea1b9e](http://mp.weixin.qq.com/s?__biz=MzA4Nzg5Nzc5OA==&mid=400254392&idx=1&sn=17198b3ecb12a0a6def632ba03ea1b9e)
另附一篇同类文章 : [http://icodeit.org/2015/08/how-to-write-a-book/](http://icodeit.org/2015/08/how-to-write-a-book/)