FEX 技术周刊 - 2016/08/08

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

深阅读

React Fiber Architecture

https://github.com/acdlite/react-fiber-architecture

React Fiber is an ongoing reimplementation of React’s core algorithm. It is the culmination of over two years of research by the React team. The goal of React Fiber is to increase its suitability for areas like animation, layout, and gestures. Its headline feature is incremental rendering: the ability to split rendering work into chunks and spread it out over multiple frames.

Future of Serverless Architectures

http://martinfowler.com/articles/serverless.html#future

Martin Fowler 的 Serverless 架构又新增了内容。

JavaScript and Functional Programming

https://bethallchurch.github.io/JavaScript-and-Functional-Programming/

Although there are tensions between object-oriented and functional approaches, they are not mutually exclusive. JavaScript has the tools to support both paradigms. Even without using it exclusively as a functional language, there are concepts and best practices from the functional approach that we can use to make our own code cleaner, more readable, and easier to reason about.

京东单品页前端开发那些不得不说的事儿

https://keelii.github.io/2016/07/31/something-have-to-say-with-JD-item/

介绍了重构一个老系统的过程，不过竟在用 seajs ，并没用上 ES6 + webpack 的模式。另附： 京东-三级列表页持续架构优化 。最近有不少京东的技术文章，看来是正在进行大规模的前端架构升级和系统重构。

滴滴-如何打造公司级公共前端团队

http://mp.weixin.qq.com/s?__biz=MzIwNjQwMzUwMQ==&mid=2247484052&idx=1&sn=36ee56c0f5ca78451558c5fdfeba743b

作为公司级的公共前端团队，应该如何对团队进行定位，在实践过程中应注意哪些问题，如何打造这样的团队？本文对滴滴公共前端团队的实践进行了总结，希望能带给读者一些启发。

QQ空间面向移动时代Hybrid架构设计

http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=2650993637&idx=1&sn=8a2673272575abbef4b0f6dbc25e0186

介绍QQ空间Hybrid架构，包括如何提高H5页的加载速度以及稳定性，以及使用React Native如何提高体验，改善性能。

入门 Webpack，看这篇就够了

https://segmentfault.com/a/1190000006178770

如果你以前没怎么接触过Webpack，如果你对webpack感兴趣，本文中有一个贯穿始终的例子，如果你能把这个例子自己动手写一次，写完以后你会发现你已明明白白的走进了Webpack的大门。

最全前端资源汇集

http://www.jeffjade.com/2016/03/30/104-front-end-tutorial/

这小伙整理的资料挺全面的。还有一个类似的东西：[web前端知识体系大全(]http://www.phpxs.com/post/5266/)，比较体系化。 附带推荐 https://github.com/dypsilon/frontend-dev-bookmarks http://www.frontendhandbook.com/ https://developers.google.com/web/fundamentals/

Building Ambitious Web Applications with Ember.js

http://www.danielgynn.com/building-ember-apps/

In this blog post, I’ll talk about the core concepts of the Ember framework and give a demo of how to build an Ember application using a simple book management app as an example.

What’s Next for Multi-process Firefox

https://blog.mozilla.org/futurereleases/2016/08/02/whats-next-for-multi-process-firefox/

Electrolysis is the project name for Mozilla’s efforts to split Firefox into multiple processes to improve responsiveness, stability, and security. The first phase of this work was to split Firefox into a UI process and a content process.

Writing Secure Node.js Code

https://www.youtube.com/watch?v=wCfE-9bhY2Y

In this Node.js Live presentation, Josh looks at how to mitigate risks when it comes to npm packages.

The case for JS++

http://sdtimes.com/the-case-for-js-plus-plus/

JS++ is a superset of JavaScript. (In fact, it was the first superset of JavaScript when it initially went into alpha in October 2011.) What this means is that all valid JavaScript programs are valid JS++ programs.

A Primer on the React Ecosystem

http://patternhatch.com/2016/08/02/a-primer-on-the-react-ecosystem-part-2-of-3/

http://patternhatch.com/2016/07/06/a-primer-on-the-react-ecosystem-part-1-of-3/

非常全面的 React 参考资料

Why our website is faster than yours

https://www.voorhoede.nl/en/blog/why-our-website-is-faster-than-yours/

网站性能优化的建议

Android开发人员不得不收集的代码

https://github.com/Blankj/AndroidUtilCode

作者收集了很多 Android 开发人员常用的代码片段，包含了对设备信息、网络信息、界面 UI 等常用基本操作

High Performance SVGs https://css-tricks.com/high-performance-svgs/ 文中介绍了几种优化SVG的方法，宗旨还是在于减少不必要的点线

Writing Secure Node.js Code

https://www.youtube.com/watch?v=wCfE-9bhY2Y

In this Node.js Live presentation, Josh looks at how to mitigate risks when it comes to npm packages.

Writing a JavaScript framework - Execution timing, beyond setTimeout

https://blog.risingstack.com/writing-a-javascript-framework-execution-timing-beyond-settimeout/

Explain the different ways of executing asynchronous code in the browser.

Don’t just let Node.js take the blame

http://apmblog.dynatrace.com/2016/07/26/dont-let-just-node-js-take-the-blame/

No matter how well-built your applications are, countless issues can cause performance problems, putting the platforms they are running on under scrutiny. If you’ve moved to Node.js to power your applications, you may be at risk of these issues calling your choice into question. How do you identify vulnerabilities and mitigate risk to take the focus off troubleshooting the technology and back where it belongs, on innovation?

高质量 Node.js 微服务的编写和部署

https://segmentfault.com/a/1190000006166385

异步、异常处理、Docker 部署等

Introducing EdgeHTML 14 with the Windows 10 Anniversary Update

https://blogs.windows.com/msedgedev/2016/08/04/introducing-edgehtml-14/

把其它浏览器都拿来对比了一下，号称很多方面都领先

React Native at SoundCloud

https://developers.soundcloud.com/blog/react-native-at-soundcloud

SoundCloud 的尝试，结论是效果不错打算深入使用

JSPatch成长之路

http://mp.weixin.qq.com/s?__biz=MzA3NTYzODYzMg==&mid=2653577579&idx=2&sn=e30c0415e6f3b5eb18ddbe7c0589d833&scene=4#wechat_redirect

介绍了实现原理及和 React Native/Weex 的对比

专治时间长—5分钟测试Android覆盖安装

http://tmq.qq.com/2016/07/specialist-in-a-long-time-5-minutes-test-android-cover-installation/

如何解决测试版本多的问题

炒了8年的概念，到底该如何理解DevOps这个词

http://mp.weixin.qq.com/s?__biz=MzA5Nzc4OTA1Mw==&mid=2659597867&idx=1&sn=10f7c2f5907f26563cc9682e474fed11

如何实施DevOps成为众多企业迫切面临的问题，本文作者刘相，有10多年的从业经验，他结合自身企业实施DevOps的经验，梳理出DevOps在企业的组织、技术、流程等方面的最佳实践与价值，以及如何搭建DevOps平台来支撑DevOps的落地工作。

10 Rules For Efficient Form Design

http://babich.biz/10-rules-for-efficient-form-design/

In this article, you’ll see practical recommendations that have been crafted from usability testing, field testing, eye tracking and actual complaints made by disgruntled users. Use these recommendations as a starting point for your form design.

User Memory Design: How To Design For Experiences That Last

https://www.smashingmagazine.com/2016/08/user-memory-design-how-to-design-for-experiences-that-last/

Experience and the memory of experience are related but systematically different. Each of us has two selves, the experiencing self and the remembering self, but the remembering self does the learning, judging and deciding. Memory is a collection of snapshots that gives extra weight to the most intense moment and the final moment of an experience. Designing for experience is still important, but we should strive to also think like user memory designers.

新鲜货

ESDoc

https://github.com/esdoc/esdoc

https://esdoc.org/

ESDoc - Good Documentation for JavaScript(ES2015)

Visual Studio Code 1.4

https://code.visualstudio.com/updates

版本控们可以更新了。

Netflix -Vizceral Open Source

http://techblog.netflix.com/2016/08/vizceral-open-source.html

https://github.com/Netflix/vizceral

vizceral is a component for displaying traffic data on a webgl canvas. If a graph of nodes and edges with data about traffic volume is provided, it will render a traffic graph animating the connection volume between nodes.

React Interpose: Using CSS Variables in React Componentshttps://github.com/Wildhoney/Interpose Apply stylesheet variables to your React components for use in your stylesheets. Interpose reduces the clutter of React components by bridging the gap between JS and CSS without resorting to complicating your components with CSS logic

iuap design

http://design.yyuap.com/

由用友提供的前端集成解决方案，专注于企业级应用开发。聚焦前端开发，提供前端开发全链路生态，包含设计指导、前端框架集、前端开发工具集、组件库、模板库等一系列技术产品。

lightgallery.js

https://github.com/sachinchoolur/lightgallery.js

Full featured JavaScript lightbox gallery. No dependencies.

Embedding JavaScript into Python

https://blog.sqreen.io/embedding-javascript-into-python/

https://github.com/sqreen/PyMiniRacer

PyMiniRacer brings a compiled V8 interpreter and a simple interface to the Python community

YouTube’s road to HTTPS

https://youtube-eng.blogspot.jp/2016/08/youtubes-road-to-https.html

Today we added YouTube to Google’s HTTPS transparency report. We’re proud to announce that in the last two years, we steadily rolled out encryption using HTTPS to 97 percent of YouTube’s traffic.

uber - image-diff

https://github.com/uber/image-diff

Create image differential between two images

The Headless Web

https://medium.com/dev-channel/the-headless-web-de81ab21651f#.xky6vjmm6

The Headless Web I posited was a web where the user only lightly ever interacts with a web page in a web browser. Instead, the user experience is still expressed in HTML and executed with JavaScript but you might just visit a web page once to build a long term relationship with it. You might never actually ever visit the site directly.

CSS Writing Mode

https://ishadeed.com/article/css-writing-mode/

The writing-mode property defines whether lines of text are laid out horizontally or vertically and the direction in which blocks progress.

Moving to GitLab! Yes, it’s worth it!

https://about.gitlab.com/2016/08/04/moving-to-gitlab-yes-its-worth-it/

This post is a customer story on the benefits of migrating from GitHub to GitLab. 作者的结论是：You will be surprised how easy your company can do it too and save a couple thousand dollars in the process, while having fun doing it!

百度天工物联网平台上线时序数据库服务

http://weibo.com/ttarticle/p/show?id=2309404004742396307122

https://cloud.baidu.com/product/tsdb.html

时间序列数据——是在不同时间点上收集的数据，反映事物随时间变化而变化的过程。某个锅炉过去24小时内每分钟的温度就是典型的时间序列数据，它的特点是每一个时间戳对应一个数值（在上面的例子里，这个数值就是温度）。在不同的应用场景中，这个数值可以是电流、电压、转速、浓度、分贝、频率，无论是哪种度量，每一个数值都对应一个具体的采集时间戳。

产品及其它

How to Read a Book

http://pne.people.si.umich.edu/PDF/howtoread.pdf

How can you learn the most from a book, or any other piece of writing. 我们每天会微信、微博、论坛等各种渠道传播的各种技术文章所包围，但很多文章其实只需要知道即可，看书（尤其是经典书籍）+看源码+实践才是提升技术的应有之道。这份来着密歇根大学信息学院的读书指南非常值得参考。另附胡适的： 怎样读书 。希望大家多花点时间在读书上。

IBM发明世界首个人造神经元，人工智能的底层硬件基石已完成

http://mp.weixin.qq.com/s?__biz=MzA3NTIyODUzNA==&mid=2649524399&idx=1&sn=3607a1114d069c569ee65df2c7f0bbe6

IBM苏黎世研究中心制成了世界上第一个人造纳米尺度随机相变神经元。IBM已经构建了由500个该神经元组成的阵列，并让该阵列以模拟人类大脑的工作方式进行信号处理。另附： Nature封面论文-全球首台可编程量子计算机

滴滴是这样子干掉30家竞争公司的

http://mp.weixin.qq.com/s?__biz=MzA5NzAzMjIxMw==&mid=2650924779&idx=2&sn=dba21d20160199207d6e7b455daeb077

竟然有这么多故事，不容易呀，真实版的创“业维艰”。赞文末的：“其实创业的道路上有爬不完的坑，犯不完的错，关键是，你能否及时发现自己的不足，并且从来不放弃努力”

360的十年，周鸿祎的蜕变与蛰伏

http://youcan.baijia.baidu.com/article/569949

红衣教主其实是一个非常不错的产品经理+斗士，简介促进了安全、搜索、浏览器等领域的产品进化。

一个五年 Android 开发者百度、阿里、聚美、映客的面试心经

http://www.codeceo.com/article/android-5-years-interviews.html

真的可以当小说看，挺有趣的一个文章，可以围观下各公司的面试风格。