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

## 深阅读 **PHP 7.0.0 Released** [http://php.net/archive/2015.php](http://php.net/archive/2015.php) The PHP development team announces the immediate availability of PHP 7.0.0\. This release marks the start of the new major PHP 7 series. PHP 7.0.0 comes with a new version of the Zend Engine, numerous improvements and new features. 恭喜 PHP 发布这个历史性突破的版本，附亚一程-鸟哥的： [写在PHP7发布之际的一些话](http://www.laruence.com/2015/12/04/3083.html) [让PHP7达到最高性能的几个Tips](http://www.laruence.com/2015/12/04/3086.html) 以及一篇情怀文：[开发者的孤独与伟大](http://www.liaohuqiu.net/cn/posts/roman-wasnot-built-in-a-day/) **十年来感受的前端技术变化 - by xufei** [https://github.com/xufei/blog/issues/28](https://github.com/xufei/blog/issues/28) 来自民工哥的总结，非常值得仔细品读。 **前QQ浏览器产品负责人－从0到1深度认识产品经理** [http://toutiao.com/i6223360372221411841/](http://toutiao.com/i6223360372221411841/) 产品经理，具备四种属性，他们分别是要有责任感，产品经理是产品的爹妈，是这个产品团队的第一负责人，一个产品经理如果做不到这种级别的关爱，你的产品很难发展下去。第二是追求极致，你知道这个产品有什么功能，哪个点需要做到极致，才能形成差异化的壁垒。第三个是专家，需要具备各个领域的相关知识。第四个是设计师，你要知道什么东西是美的。腾讯产品经理衡量指标表，基本上分为四个维度：基础、知识、专业能力、组织能力。值得注意的是腾讯的产品经理技能体系中有技术。 **Hadoop creator Doug Cutting on evolving and succeeding in open source** [https://medium.com/s-c-a-l-e/hadoop-creator-doug-cutting-on-evolving-and-succeeding-in-open-source-3277a42e5b6e#.1k67qmri9](https://medium.com/s-c-a-l-e/hadoop-creator-doug-cutting-on-evolving-and-succeeding-in-open-source-3277a42e5b6e#.1k67qmri9) 对 Doug Cutting 的采访，做数据的同学。 **天猫双11前端分享系列（四）：大规模 Node.js 应用** [https://github.com/tmallfe/tmallfe.github.io/issues/28](https://github.com/tmallfe/tmallfe.github.io/issues/28) 天猫前端团队使用 React 和 Node 支撑了大量运营页面的开发。 **关于启用 HTTPS 的一些经验分享** [https://imququ.com/post/sth-about-switch-to-https.html](https://imququ.com/post/sth-about-switch-to-https.html) 使用 HTTPS 的宝贵经验。 **编程的智慧** [http://www.yinwang.org/blog-cn/2015/11/21/programming-philosophy/](http://www.yinwang.org/blog-cn/2015/11/21/programming-philosophy/) 有很多有价值的编码经验，提升代码可读性。 **Debugging Node.js in Production** [http://techblog.netflix.com/2015/12/debugging-nodejs-in-production.html](http://techblog.netflix.com/2015/12/debugging-nodejs-in-production.html) 来自 Netflix 的实践经验。 **我所亲见的前端技术变革** [http://zhuanlan.zhihu.com/fangtalk/20359442](http://zhuanlan.zhihu.com/fangtalk/20359442) 挺朴实的一篇文章：站在一个带队者的角度，阐述我的团队最近几年所使用过的前端技术方案。 **Node js 探秘(二) 求异存同** [http://taobaofed.org/blog/2015/12/03/deep-into-node-2/](http://taobaofed.org/blog/2015/12/03/deep-into-node-2/) Node.js 基于 libuv 实现了 I/O 的异步操作, 通过回调函数来获得想要的结果。而在我们实际解决问题的时候，往往需要一组操作是有序的。如果使用回调的方式，会使用很多的回调嵌套，使代码变得很难看。为了解决这个问题，我们引入 Promise、yield 等概念，但今天我们不讨论这些，我们讨论下最简单的解决办法，同步执行以及 Node.js 如何在异步的架构上实现同步的方法。 **深度剖析：如何实现一个 Virtual DOM 算法** [https://github.com/livoras/blog/issues/13](https://github.com/livoras/blog/issues/13) 通过自己实现一个来学习是一种不错的学习方法。 **为什么虚拟DOM更胜一筹** [http://weibo.com/p/1001603915568079095157](http://weibo.com/p/1001603915568079095157) 司徒大侠的观点：虚拟DOM只是实现MVVM的一种方案，或者说是视图更新的一种策略。没有虚拟DOM比MVVM更好一说。 **React Virtual DOM vs Incremental DOM vs Ember’s Glimmer: Fight** [https://auth0.com/blog/2015/11/20/face-off-virtual-dom-vs-incremental-dom-vs-glimmer/](https://auth0.com/blog/2015/11/20/face-off-virtual-dom-vs-incremental-dom-vs-glimmer/) [译文] [http://www.w3ctech.com/topic/1609](http://www.w3ctech.com/topic/1609) 本文将探索3种构建动态DOM的技术，并通过一些基准测试对比3种技术的性能快慢，最后我会给出在项目中哪种技术更加适合以及为什么，介绍现在已经有许多DOM操作的框架和类库。其中 Incremental DOM 见 [https://github.com/google/incremental-dom](https://github.com/google/incremental-dom) **[http://www.smashingmagazine.com/2015/01/angularjs-internals-in-depth/](http://www.smashingmagazine.com/2015/01/angularjs-internals-in-depth/)** [译文][http://www.w3ctech.com/topic/1611](http://www.w3ctech.com/topic/1611) [http://www.w3ctech.com/topic/1612](http://www.w3ctech.com/topic/1612) 在AngularJS的代码库中呈现出了大量有趣的设计，最有趣的两个例子是scope的工作方式和directives(指令)的表现，本文详细讲解了 scope 和 directive 相关的一些技术内幕。 **How to create strongly-typed npm packages** [https://medium.com/@mweststrate/how-to-create-strongly-typed-npm-modules-1e1bda23a7f4#.p7rvlllaz](https://medium.com/@mweststrate/how-to-create-strongly-typed-npm-modules-1e1bda23a7f4#.p7rvlllaz) 介绍 TypeScript 1.6 如何更好地与 npm 配合使用。 **The Fall and Rise of SVG** [http://blog.siliconpublishing.com/2015/12/the-fall-and-rise-of-svg/](http://blog.siliconpublishing.com/2015/12/the-fall-and-rise-of-svg/) SVG 兴衰史。 **Must See JavaScript Dev Tools That Put Other Dev Tools to Shame** [https://medium.com/javascript-scene/must-see-javascript-dev-tools-that-put-other-dev-tools-to-shame-aca6d3e3d925](https://medium.com/javascript-scene/must-see-javascript-dev-tools-that-put-other-dev-tools-to-shame-aca6d3e3d925) But we’ve come a long way since then, and the tools we use now in JS make fancy IDE autocomplete look like a baby chew toy. In particular, JavaScript’s runtime tooling has no match that I’m aware of in any other language. **How to Structure a React Project** [http://reactjsnews.com/structuring-react-projects/](http://reactjsnews.com/structuring-react-projects/) There are multiple ways to structure your project. I believe it is far better to evolve the structure as you go rather than to stick with some dogma. I will go through some basic approaches next to provide some food for thought. **5 Essential Ember 2.0 Concepts You Must Understand** [http://emberigniter.com/5-essential-ember-2.0-concepts/](http://emberigniter.com/5-essential-ember-2.0-concepts/) Templates, routes, views, controllers, models, components… they’re still confusing and require clarification. What logic belongs where? What’s the relationship between them? What’s more, things have been shifting a lot recently. You find a months-old article on the Web and become skeptical of its currency as that advice may no longer be relevant. **为什么很多看起来不是很复杂的网站，比如 Facebook 需要大量顶尖高手来开发** [http://www.zhihu.com/question/20303645](http://www.zhihu.com/question/20303645) 你需要知道的是，你每天使用的互联网产品，看似简单易用，背后却凝聚着难以想象的智慧与劳动。 ## 新鲜货 **Node v5.1.1 (Stable)** [https://nodejs.org/en/blog/release/v5.1.1/](https://nodejs.org/en/blog/release/v5.1.1/) 有重大安全升级 **ECharts 3 带来了什么** [http://efe.baidu.com/blog/whats-new-in-ec3/](http://efe.baidu.com/blog/whats-new-in-ec3/) ECharts 在 github 上沉寂了数个月，想必很多小伙伴充满了各种疑问，ECharts是不是不维护了？你们以后是不是不做了？别着急，其实这几个月，我们的设计师、工程师一直厉兵秣马，加班加点，没有周末，没有女朋友地疯狂工作中。终于，ECharts 的又一个重大版本即将出炉，在 ECharts 3 正式版发行前，提前给广大用户带来 ECharts 3 的测试版。那 ECharts 3 究竟会有哪些新的特征，我们用数月究竟在颠覆着自己的什么呢？接下来让我们一一为您道来。 **Swift 开源** [https://swift.org/](https://swift.org/) [https://github.com/apple/swift/](https://github.com/apple/swift/) 除了 Mac 还支持 Linux，看来 apple 是想用在服务端呢，话说这也是 apple 第一次使用 github。 **Next Generation Eclipse IDE** [https://eclipse.org/che/](https://eclipse.org/che/) Eclipse Che: High performance developer workspaces, cloud IDE, and plug-ins. Eclipse Che provides: A browser-based IDE; RESTful workspace server; Plug-ins for languages, framework, and tools; An SDK for creating plug-ins and assemblies. **Microsoft Edge’s JavaScript engine to go open-source** [https://blogs.windows.com/msedgedev/2015/12/05/open-source-chakra-core/](https://blogs.windows.com/msedgedev/2015/12/05/open-source-chakra-core/) Chakra offers best-in-class JavaScript execution with the broadest set of ES2015 feature coverage and dependable performance, reliability, and scalability. We expect ChakraCore to be used wherever these factors are important, ranging from cloud-based services to the Internet of Things and beyond. **What Web Can Do Today** [https://whatwebcando.today/](https://whatwebcando.today/) Can I rely on the Web Platform features to build my app? An overview of the device integration HTML5 APIs **Let’s Encrypt** [https://letsencrypt.org/](https://letsencrypt.org/) 免费的 HTTPS 工具，还自带方便的部署脚本。 **Pesticide** [http://pesticide.io/](http://pesticide.io/) 方便调试 CSS 布局的小工具。 **Parker** [https://github.com/katiefenn/parker](https://github.com/katiefenn/parker) CSS 代码静态分析工具，可以统计出 CSS 代码的复杂性指标。 **Announcing TypeScript 1.7** [http://blogs.msdn.com/b/typescript/archive/2015/11/30/announcing-typescript-1-7.aspx](http://blogs.msdn.com/b/typescript/archive/2015/11/30/announcing-typescript-1-7.aspx) 支持 Async/Await 关键字，这下写异步代码及异常处理会更方便了，推荐在 Node.js v4 中使用。 **activate-power-mode** [https://atom.io/packages/activate-power-mode](https://atom.io/packages/activate-power-mode) 一个在编辑文本时显示特效的插件，没啥用，但挺有意思。 **Welcome Adobe Animate CC, a new era for Flash Professional** [http://blogs.adobe.com/flashpro/welcome-adobe-animate-cc-a-new-era-for-flash-professional/](http://blogs.adobe.com/flashpro/welcome-adobe-animate-cc-a-new-era-for-flash-professional/) Flash 编辑器改名 Animate CC，增加了对 HTML5 输出的支持。 **Matreshka.js** [https://medium.com/@finom/matreshka-js-from-simple-to-simple-a52db6884a9d#.635ns5o1g](https://medium.com/@finom/matreshka-js-from-simple-to-simple-a52db6884a9d#.635ns5o1g) 有一个前端框架，有双向绑定功能 **CSS Custom Properties for Cascading Variables** [http://www.w3.org/TR/2015/CR-css-variables-1-20151203/](http://www.w3.org/TR/2015/CR-css-variables-1-20151203/) CSS也可以自定义属性了，‘ --*’ 定义属性并以‘var()’引用该属性，主要是为了解决大型的CSS文件里命名重复率高、属性重用困难等的痛苦。规范已进入CR，Firefox已支持Chrome也将实现，Edge也有意向。 **Support for older versions of Internet Explorer ends on January 12, 2016** [https://www.microsoft.com/en-us/WindowsForBusiness/End-of-IE-support](https://www.microsoft.com/en-us/WindowsForBusiness/End-of-IE-support) Beginning January 12, 2016, only the most current version of Internet Explorer available for a supported operating system will receive technical supports and security updates. Internet Explorer 11 is the last version of Internet Explorer, and will continue to receive security updates, compatibility fixes, and technical support on Windows 7, Windows 8.1, and Windows 10. **Atmosphere: The Asynchronous WebSocket/Comet Framework** [https://github.com/atmosphere/atmosphere](https://github.com/atmosphere/atmosphere) [http://async-io.org/](http://async-io.org/) Realtime Client Server Framework for the JVM, supporting WebSockets with Cross-Browser Fallbacks **w3ctech 6周年 -12.26** [http://www.w3ctech.com/birthday/6](http://www.w3ctech.com/birthday/6) **震撼效果** [https://atom.io/packages/activate-power-mode](https://atom.io/packages/activate-power-mode) 这样写码也是醉了... **作为一个前端，如何机智地弄坏一台电脑?** [http://litten.github.io/2015/07/06/hack-in-localstorage/](http://litten.github.io/2015/07/06/hack-in-localstorage/) 关于 LocalStorage 的黑科技 **React-Native-lesson** [https://github.com/vczero/react-native-lesson](https://github.com/vczero/react-native-lesson) React-Native入门指南 **SAE Node.js平台正式公测** [http://saebbs.com/forum.php?mod=viewthread&tid=37798](http://saebbs.com/forum.php?mod=viewthread&tid=37798) [http://mp.weixin.qq.com/s?__biz=MjM5NzI0Njc2MA==&mid=400624156&idx=1&sn=4d6d8eea885654870235a08be3f645a1#rd](http://mp.weixin.qq.com/s?__biz=MjM5NzI0Njc2MA==&mid=400624156&idx=1&sn=4d6d8eea885654870235a08be3f645a1#rd) 基于Kubernetes的Node.js平台来啦！公测期间可免费体验！此外，近期我们升级了独享型MySQL服务，支持从共享型MySQL到独享型MySQL数据的一键迁移，并新增一键备份/恢复数据等功能。 **Microm - Beautiful library to convert browser microphone to mp3 in Javascript** [https://github.com/zzarcon/microm](https://github.com/zzarcon/microm) Microm it's just a wrapper of few audio converting libraries which exposes a fully Promise and Event oriented api. Microm goal it's to make trivial to play and convert audio in the browser. **React Custom Renderer using Web Workers** [http://blog.nparashuram.com/2015/12/react-web-worker-renderer.html](http://blog.nparashuram.com/2015/12/react-web-worker-renderer.html) [https://github.com/web-perf/react-worker-dom](https://github.com/web-perf/react-worker-dom) A React Custom renderer using Web Workers. All the Virtual DOM diffing happens in the Worker thread, and only node updates are sent over to the UI thread. **Labella.js - Labels should be beautiful** [https://github.com/twitter/labella.js/](https://github.com/twitter/labella.js/) If you try to place labels for points on a timeline (or any 1D space), one common problem is the labels often overlap. How about making the labels push each other. Use the force, jedi-style. **当一个颜值很高的程序员是怎样一番体验** [http://www.zhihu.com/question/37787176](http://www.zhihu.com/question/37787176) ## 产品及其它 **中國製造也能在美國市場打造品牌神話，傳奇 Amazon 賣家 Anker 給台灣廠商的啟示** [http://transbiz.com.tw/amazon-chinese-seller-anker-in-us-market/](http://transbiz.com.tw/amazon-chinese-seller-anker-in-us-market/) 如何打造热销商品。 **豆瓣十年，一个典型精英社区的起伏兴衰** [http://36kr.com/p/5040404.html](http://36kr.com/p/5040404.html) 回顾豆瓣的发展历史，如何兴盛和衰落的。另附衰落文：滴滴游戏中心已死，HTML5游戏还有未来吗 [http://www.gameres.com/473465.html](http://www.gameres.com/473465.html) **底层用户生态：性的需求和能量** [http://mp.weixin.qq.com/s?__biz=MzA3NTcwOTIwNg==&mid=403812127&idx=1&sn=3916178c62f5f7fd96738fef1819bd18](http://mp.weixin.qq.com/s?__biz=MzA3NTcwOTIwNg==&mid=403812127&idx=1&sn=3916178c62f5f7fd96738fef1819bd18) TOMsInsight在互联网黑市系列深度报告后，开始推送「互联网底层用户生态」深度分析系列。「底层」的意思并不是级别低，而是和很多互联网创新公司那些高大上的「臆想需求」相对，真实客观的一线互联网消费者。 **吴军解读硅谷之谜** [http://mp.weixin.qq.com/s?__biz=MzA3Mjc3NTQxMQ==&mid=400776160&idx=1&sn=668e2f4aac76d105ecbdeaab88faea20](http://mp.weixin.qq.com/s?__biz=MzA3Mjc3NTQxMQ==&mid=400776160&idx=1&sn=668e2f4aac76d105ecbdeaab88faea20) 硅谷它奇异的地方在于不断创造出伟大的公司，一个伟大的公司之所以称之为伟大，就是在于世界上有它和没有它的时候是不一样。硅谷的成功在于：对叛逆行为的宽容、对失败的宽容、多元文化、工程师文化、分配制度、追求卓越 **大咖级教程！乱斗西游的游戏LOGO是如何诞生的？（附设计方法）** [http://www.uisdc.com/journey-to-west-logo](http://www.uisdc.com/journey-to-west-logo) 详细介绍了这个 Logo 是如何设计出来的。 **硝烟往事：缔造Instagram的这五年** [http://zhuanlan.zhihu.com/qinchao/20310747](http://zhuanlan.zhihu.com/qinchao/20310747) 介绍了 Instagram 在发展过程中的技术变革。 **成为一名强大优秀的全栈设计师吧** [http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401039038&idx=1&sn=a09d09fe363c184d9b486c8650d5d869&scene=0#wechat_redirect](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401039038&idx=1&sn=a09d09fe363c184d9b486c8650d5d869&scene=0#wechat_redirect) 和全栈工程师对应的还有全栈设计师这个说法，跨界是可以让我们有更多的可能性，而且在做方案的时候也能帮助我们从不同的角度区思考！