深阅读
React Fiber Architecture
github.com/acdlite/rea…
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
martinfowler.com/articles/se…
Martin Fowler 的 Serverless 架构又新增了内容。
JavaScript and Functional Programming
bethallchurch.github.io/JavaScript-…
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.
京东单品页前端开发那些不得不说的事儿
keelii.github.io/2016/07/31/…
介绍了重构一个老系统的过程，不过竟在用 seajs ，并没用上 ES6 + webpack 的模式。另附：京东-三级列表页持续架构优化 。最近有不少京东的技术文章，看来是正在进行大规模的前端架构升级和系统重构。
入门 Webpack，看这篇就够了
segmentfault.com/a/119000000…
如果你以前没怎么接触过Webpack，如果你对webpack感兴趣，本文中有一个贯穿始终的例子，如果你能把这个例子自己动手写一次，写完以后你会发现你已明明白白的走进了Webpack的大门。
最全前端资源汇集
www.jeffjade.com/2016/03/30/…
这小伙整理的资料挺全面的。还有一个类似的东西：[web前端知识体系大全(www.phpxs.com/post/5266/)，比较体系化。 附带推荐github.com/dypsilon/fr… www.frontendhandbook.com/developers.google.com/web/fundame…
Building Ambitious Web Applications with Ember.js
www.danielgynn.com/building-em…
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
blog.mozilla.org/futurerelea…
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
www.youtube.com/watch?v=wCf…
In this Node.js Live presentation, Josh looks at how to mitigate risks when it comes to npm packages.
The case for JS++
sdtimes.com/the-case-fo…
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
patternhatch.com/2016/08/02/…
patternhatch.com/2016/07/06/…
非常全面的 React 参考资料
Why our website is faster than yours
www.voorhoede.nl/en/blog/why…
网站性能优化的建议
Android开发人员不得不收集的代码
github.com/Blankj/Andr…
作者收集了很多 Android 开发人员常用的代码片段，包含了对设备信息、网络信息、界面 UI 等常用基本操作
High Performance SVGscss-tricks.com/high-perfor… 文中介绍了几种优化SVG的方法，宗旨还是在于减少不必要的点线
Writing Secure Node.js Code
www.youtube.com/watch?v=wCf…
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
blog.risingstack.com/writing-a-j…
Explain the different ways of executing asynchronous code in the browser.
Don’t just let Node.js take the blame
apmblog.dynatrace.com/2016/07/26/…
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 微服务的编写和部署
segmentfault.com/a/119000000…
异步、异常处理、Docker 部署等
Introducing EdgeHTML 14 with the Windows 10 Anniversary Update
blogs.windows.com/msedgedev/2…
把其它浏览器都拿来对比了一下，号称很多方面都领先
React Native at SoundCloud
developers.soundcloud.com/blog/react-…
SoundCloud 的尝试，结论是效果不错打算深入使用
专治时间长—5分钟测试Android覆盖安装
tmq.qq.com/2016/07/spe…
如何解决测试版本多的问题
10 Rules For Efficient Form Design
babich.biz/10-rules-fo…
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
www.smashingmagazine.com/2016/08/use…
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
github.com/esdoc/esdoc
esdoc.org/
ESDoc - Good Documentation for JavaScript(ES2015)
Visual Studio Code 1.4
code.visualstudio.com/updates
版本控们可以更新了。
Netflix -Vizceral Open Source
techblog.netflix.com/2016/08/viz…
github.com/Netflix/viz…
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 Componentsgithub.com/Wildhoney/I… 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
design.yyuap.com/
由用友提供的前端集成解决方案，专注于企业级应用开发。聚焦前端开发，提供前端开发全链路生态，包含设计指导、前端框架集、前端开发工具集、组件库、模板库等一系列技术产品。
lightgallery.js
github.com/sachinchool…
Full featured JavaScript lightbox gallery. No dependencies.
Embedding JavaScript into Python
blog.sqreen.io/embedding-j…
github.com/sqreen/PyMi…
PyMiniRacer brings a compiled V8 interpreter and a simple interface to the Python community
YouTube’s road to HTTPS
youtube-eng.blogspot.jp/2016/08/you…
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
github.com/uber/image-…
Create image differential between two images
The Headless Web
medium.com/dev-channel…
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
ishadeed.com/article/css…
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!
about.gitlab.com/2016/08/04/…
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!
百度天工物联网平台上线时序数据库服务
weibo.com/ttarticle/p…
cloud.baidu.com/product/tsd…
时间序列数据——是在不同时间点上收集的数据，反映事物随时间变化而变化的过程。某个锅炉过去24小时内每分钟的温度就是典型的时间序列数据，它的特点是每一个时间戳对应一个数值（在上面的例子里，这个数值就是温度）。在不同的应用场景中，这个数值可以是电流、电压、转速、浓度、分贝、频率，无论是哪种度量，每一个数值都对应一个具体的采集时间戳。
产品及其它
How to Read a Book
pne.people.si.umich.edu/PDF/howtore…
How can you learn the most from a book, or any other piece of writing. 我们每天会微信、微博、论坛等各种渠道传播的各种技术文章所包围，但很多文章其实只需要知道即可，看书（尤其是经典书籍）+看源码+实践才是提升技术的应有之道。这份来着密歇根大学信息学院的读书指南非常值得参考。另附胡适的：怎样读书。希望大家多花点时间在读书上。
360的十年，周鸿祎的蜕变与蛰伏
youcan.baijia.baidu.com/article/569…
红衣教主其实是一个非常不错的产品经理+斗士，简介促进了安全、搜索、浏览器等领域的产品进化。
一个五年 Android 开发者百度、阿里、聚美、映客的面试心经
www.codeceo.com/article/and…
真的可以当小说看，挺有趣的一个文章，可以围观下各公司的面试风格。
