npm v5.0.0
npm@5 takes npm a pretty big step forward, significantly improving its performance in almost all common situations, fixing a bunch of old errors due to the architecture, and just generally making it more robust and fault-tolerant. It comes with changes to make life easier for people doing monorepos, for users who want consistency/security guarantees, and brings semver support to git dependencies.

The Architect Elevator — Visiting the upper floors
Traditionally, architects were considered to be those folks who make major design decisions on a project, draw architecture diagrams, and direct developers. Those tasks are in fact better handled by the development team and modern tooling than by a single person. Many modern companies therefore eschew software architect as a separate job title, even though they highly value software architecture. The good news is that many new tasks await architects in large organizations. And they are far more interesting and impactful than drawing class diagrams. However, they require architects to engage at the upper floors of their organization.

A Roadmap to the Programmable World
The emergence of millions of remotely programmable devices in our surroundings will pose significant challenges for software developers. A roadmap from today’s cloud-centric, data-centric Internet of Things systems to the Programmable World highlights those challenges that haven’t received enough attention.

The state of JavaScript modules
In the following post, I will explain and summarize the current state of implementations and why I think that the transition to ES modules (ESM) will not harm the Node.js ecosystem. In the end, I will outline what these changes will mean for webpack users and module authors.

V8, Advanced JavaScript, & the Next Performance Frontier
This talk will help developers write performant JavaScript, use new language constructs (ES2015+, async/await, etc.), and learn about the latest developments in modern benchmarking. We’ll also demo DevTools asynchronous debugging features and new JavaScript code coverage tools.

Pix2code - Generating Code from a Graphical User Interface Screenshot
Transforming a graphical user interface screenshot created by a designer into computer code is a typical task conducted by a developer in order to build customized software, websites and mobile applications. In this paper, we show that Deep Learning techniques can be leveraged to automatically generate code given a graphical user interface screenshot as input. Our model is able to generate code targeting three different platforms (i.e. iOS, Android and web-based technologies) from a single input image with over 77% of accuracy.

What is the Future of Front End Web Development?
这是一个值得每个 Web 开发者思考的问题,这篇文章的观点挺值得参考的:State is the big concept; We’re not building pages, we’re building systems; The line between native and web is blurring; CSS preprocessing will slowly fade away…

A Unified Styling Language
In the past few years we’ve seen the rise of CSS-in-JS, emerging primarily from within the React community. This, of course, hasn’t been without its controversies. Many people, particularly those already intimately familiar with CSS, have looked on in disbelief. “Why would anyone want to write CSS in JS? Surely this is a terrible idea! If only they’d learn CSS!” If this was your reaction, then read on. We’re going to take a look at why writing your styles in JavaScript isn’t such a terrible idea after all, and why I think you should be keeping an eye on this rapidly evolving space.

Chrome won
前 Mozilla CTO 对浏览器发展的分析:Chrome is eating the browser market, and everyone else except Safari is getting obliterated. Does this mean Google owns the Web if they own Chrome? No. Absolutely not. Browsers are what the Web looked like in the first decades of the Internet. Mobile disrupted the Web, but the Web embraced mobile and at the heart of most apps beats a lot of JavaScript and HTTPS and REST these days. The future Web will look yet again completely different. Much will survive, and some parts of it will get disrupted.

IBM, Google and Lyft give microservices a ride on the Istio Service Mesh
IBM and Google announced the launch of Istio, an open technology that provides a way for developers to seamlessly connect, manage and secure networks of different microservices—regardless of platform, source or vendor. 另附:Enough with the microservicesMicroservices made easy with Node.js

Node.js Streams: Everything you need to know
Node.js streams have a reputation for being hard to work with, and even harder to understand. Well I’ve got good news for you — that’s no longer the case. Over the years, developers created lots of packages out there with the sole purpose of making working with streams easier. But in this article, I’m going to focus on the native Node.js stream API.

The Roadmap for React: Fiber and Beyond
Andrew Clark, an engineer on the React team at Facebook, shares what’s in the pipeline for React 16 and beyond.

React vs Angular: Two Sides of JavaScript
Bringing our knowledge together, we decided to shed some light on React vs Angular question and share some thoughts with you. Thus, in this article, we are going to transform our front-end development experience into something that will help you to determine the technology that fits you better.

Rebuilding Slack’s Emoji Picker in React
We determined that the best way to introduce React would be to rebuild an existing product feature — that way, we could compare the development process and end result to a known quantity. We wanted a component that was interactive, self-contained, and demanding enough to prove our assumption that React could improve performance. It didn’t take long to find a perfect candidate — the highly used and surprisingly complex Emoji Picker.

Why is Marko Fast?
Instead of focusing on benchmarks in this article, I want to focus on the details of optimizations that we have applied to Marko.

Server-Sent Events 教程
服务器向浏览器推送信息,除了 WebSocket,还有一种方法:Server-Sent Events(以下简称 SSE)。本文介绍它的用法。

Node.js cluster 踩坑小结
如果你要一个 common 的中规中矩的 LB 推荐用 nginx,如果你要比较好的均衡推荐用 HAproxy(不过不能像 nginx 那样处理静态文件),如果你要 LB 不差缓存比 nginx 好一点的可以用 Varnish(当然资源缓存最好用 CDN)。

对之前《Optimising the front end for the browser》一文的翻译,通过浏览器加载过程来介绍

Hyperloop 是服务于美团点评客户端的组件发版、持续集成、App 打包构建、资源调度等各个环节的发布调度系统。名称起源于美国 Elon Musk 构想的 Hyperloop 超级高铁,象征着现代、简洁、高效。Hyperloop 提供了一站式的平台,管理着美团点评 iOS 业务的超过 300 个组件和包括美团 iOS 客户端在内的4个App。


Solving the Last Item Problem for a Circular Distribution with Partially Overlapping Items
介绍通过CSS3 3D变换的方法来实现卡片环绕分布的效果,最后又给出几个结合animation的动画效果的demo

You might not need to transpile your JavaScript
This post is not as wild as, say, YouMightNotNeedJS.com, but it does elaborate on transpilation, and explains why it may not be as necessary in the near future.

Kill Google AMP before it KILLS the web
In my view, don’t go far enough in stating the problem and I feel this needs to be said very clearly: Google’s AMP is bad – bad in a potentially web-destroying way. Google AMP is bad news for how the web is built, it’s bad news for publishers of credible online content, and it’s bad news for consumers of that content. 另附:What Google AMP means for the JavaScript community.

HTTPS on Stack Overflow: The End of a Long Road
We deployed HTTPS by default on Stack Overflow. All traffic is now redirected to https:// and Google links will change over the next few weeks. The activation of this is quite literally flipping a switch (feature flag), but getting to that point has taken years of work. As of now, HTTPS is the default on all Q&A websites. We’ve been rolling it out across the Stack Exchange network for the past 2 months. Stack Overflow is the last site, and by far the largest. This is a huge milestone for us, but by no means the end. There’s still more work to do, which we’ll get to.

View Counting at Reddit
Vote score and number of comments were the main indicators of activity on a given post. We wanted to build a system that could capture this activity by counting the number of views a post received. This number is then shown to content creators and moderators to provide them better insight into the activity on specific posts. In this post, we’re going to talk about how we implemented counting at scale.

Automation as a Service — Introducing Scriptflask
In our previous post, we spoke about building a common set of utilities — shell/python scripts that would communicate with each microservice in the netflix service ecosystem — which gave us an easy way to fetch data and make data assertions on any part of the data service pipeline. However, we began to hit the limits of our model much faster than we expected. In the following section, we talk about some of the obstacles we faced and how we developed a solution to overcome this.

Writing a Really, Really Fast JSON Parser
I used to think JSON parsing was not something you ever wanted in your application’s critical path. It’s certainly not the kind of algorithm that modern computers love (read byte, branch, read byte, branch). That said, this problem has been beaten to death. We now have multiple parsers that can parse data at hundreds of megabytes per second — around the same rate as SHA-256! If we relaxed some of the constraints on sajson, it could even go faster.

Best Practices for Long Scrolling
Long scrolling can create a completely immersive browsing experience. If users like a UI and find it intuitive, then they won’t really mind the length of the scrolling. Thus, focus on their goals and make things more convenient for your users.


Introducing GitHub Marketplace and more tools to customize your workflow
GitHub Marketplace is a new way to discover and purchase tools that extend your workflow. Find apps to use across your development process, from continuous integration to project management and code review. Then start using them without setting up multiple accounts or payment methods. More than a dozen integrators have apps in GitHub Marketplace today, including Travis CI, Appveyor, Waffle, ZenHub, Sentry, and Codacy—with more coming soon.

Node.js 8.0 RC1
另附:A List of Major Commits Made for Node 8.0

全球最大的 Git Repo 诞生了
微软 24 日宣布,当前该公司几乎所有工程师都已经 选择 Git 来开发 Windows 操作系统。Windows Git 资源库中已包含 350 万文件,总大小达到了 300GB 左右。Git 本身并不是为了管理如此大型的项目而开发的,因此微软特地推出了 Git 虚拟文件系统 -GVFS

Stack Overflow: Helping One Million Developers Exit Vim
In the five years since this question was asked, there have been over a million other developers who got stuck in Vim and couldn’t escape without a bit of help. In honor of this milestone, we decided to take a look at the data surrounding this question. In particular, we’ll try measuring who is most likely to get stuck in Vim as opposed to using it intentionally, and examining how that balance varies by country and by programming language.

Kotlin is like TypeScript
方便熟悉 TypeScript 的人学习 Kotlin。另附:王垠 - Kotlin 和 Checked Exception译 - 为什么 Kotlin 比你们用的那些语言都好

Your next Preact PWA starts in 30 seconds.

Blockstack is a new decentralized internet where you own your data and your apps run locally without remote servers. Blockstack provides decentralized services for naming/DNS, identity, authentication and storage. Developers can use JavaScript libraries to build serverless apps and they don’t need to worry about managing infrastructure. Blockstack replaces the current client/server model; users control their data, apps run client-side, and the open Blockstack network replaces server-side functionality.

ORY Editor
The ORY Editor is a smart, extensible and modern editor (“WYSIWYG”) for the web written in React. If you are fed up with the limitations of contenteditable, you are in the right place. The ORY Editor is used at Germany’s largest (~800k uniques per month) E-Learning Website www.serlo.org to improve the wiki experience.

Moon - A minimal, blazing fast UI library
仿照 VUE 的 api,但体积只有 6k,而且号称性能更好

Create server-rendered universal JavaScript applications with no configuration

Use Vue2 components in Angular 1.x


GetImageColors: Get Colors From Your Images

Waterdroplet WebGL Shader
模拟雨滴在窗户上滑落的场景,通过JS实现雨滴的模拟并用WebGL shader来完成雨滴粘黏和下滴的效果。

4 CSS Filters For Adjusting Color

The Top 9 Animation Libraries for UI Designers in 2017

Linux Inside
A book-in-progress about the linux kernel and its insides. The goal is simple - to share my modest knowledge about the insides of the linux kernel and help people who are interested in linux kernel insides, and other low-level subject matter.



从员工出走仅剩 5 人,到一支打胜仗的铁军
讲京东的企业文化与组织效能,这几个观点挺有意思的:对创业公司而言,一定要以结果为导向,以效率为导向,要有公平意识,但是不能以公平为导向;卓越领导力的三个原型——内在力量:温柔、勇敢、顽皮;从来没有什么救世主,更没有所谓的专家,不能 All in 的外部顾问和专家都是耍流氓;没有任何人能够被管理,人只能管理自己,每个人都是自己的上帝,不能成为别人的上帝,人们可以被领导,但不能被强制,人们只服从自己的意愿。


- 百度数据可视化
- 百度智能建站