2017-06-07 前端日报

程序员英语提升指南
深入理解 Node Stream 内部机制
ES6 modules 即将到来，现在该考虑新的打包方案了嘛？
JS 冻结对象的《人间词话》 完美实现究竟有几层境界？
关于响应式的另一种思考
Best websites a programmer should visit
An intro to web components with otters
WebKit has a full WebAssembly implementation now

未发布的

英文

Creating Yin and Yang Loaders On the Web
Breaking out with CSS Grid explained
JavaScript Decorators: What They Are and When to Use Them — SitePoint
Announcing WebVR on Mac via Firefox Nightly ★ Mozilla Hacks – the Web developer blog
Object rest and spread properties  |  Web  |  Google Developers
The State Of Advanced Website Builders – Smashing Magazine
JavaScript: What the heck is an Immediately-Invoked Function Expression?
Intelligent Tracking Prevention
Assembling WebAssembly
An intro to web components with otters – Monica Dinculescu
How the minmax() Function Works
Classes, Complexity, and Functional Programming – Kent C. Dodds – Medium
How to Build a Facebook Bot App Using Node.js – Hacker Noon
Safari 11.0
From Idea to 4M Page Views in 4 Weeks – Hacker Noon
What Writers Can Teach Programmers – Hacker Noon
JavaScript: What the heck is an Immediately-Invoked Function Expression?
The New Chrome DevTool Feature You Want to Know About
What Comes After SaaS? – Hacker Noon
Storm To Perform: The 4 Stages Of Team Productivity
Ways in Which Machines Learn – Hacker Noon
Adding AI to Your Mobile App – Hacker Noon
Giving Your Software AI Superpowers – Hacker Noon
sdmg15/Best-websites-a-programmer-should-visit: Some useful websites for programmers.
english-level-up-tips-for-chinese-programmers-and-designers/1-understanding.md at master · byoungd/english-level-up-tips-for-chinese-programmers-and-designers
New data on the types of ads internet users hate the most
Node.js + MySQL Example: Handling 100's of GigaBytes of Data
Building a Color Picker Component
Javascript variables; should you use let, var or const?
Modern javascript. All front-end libraries. No server/build.
WebAssembly 101: a developer's first steps

中文

征服 JavaScript 面试: 什么是 Promise？ - 众成翻译
JavaScript模块的现状 - 众成翻译
漫谈前端开发未来-CSS-Tricks - 众成翻译
JavaScript 起步：“new” 运算符 - Hacker Noon - 众成翻译
[译] 如何从一个业余爱好者成长成为专业开发者 - 掘金
Vue 2.0 浅谈--生命周期和钩子函数 - 小慢车 - SegmentFault
向zepto.js学习如何手动(trigger)触发DOM事件 - 掘金
Viewport 等比适配始末 - 掘金
读书笔记 - 你不知道的 JavaScript(上) - 掘金
JS 冻结对象的《人间词话》 完美实现究竟有几层境界？ - 掘金
基于react的影院购票应用 - 掘金
Vue2.0 全家桶仿腾讯体育 APP（Web 版） - 掘金
【第958期】理解Node事件驱动架构

2017-06-12 前端日报

精选

V8发布6.0版
理解 JavaScript 作用域
Angular4 实战开发 - 腾讯Web前端
编写模块化的CSS（第二部分）—命名空间
前端与SQL – 人人网FED
编程热情的维系 - Phodal
Seva Zaikov - Server Side Rendering with Prefetch
订阅前端日报

中文

Angular单元测试系列-如何使用Jasmine进行Angular单元测试 - Angular Dev. - SegmentFault
Cirru 演进历程: 2012 ~ 2016 - 题叶 - SegmentFault
gulp入门 - 掘金
JavaScript: 箭头函数(初学者) – Hacker Noon - 众成翻译
nativeShare 移动端浏览器调用原生分享插件 - 不打麻将玩什么前端 - SegmentFault
Vue.js轻松实现页面后退时，还原滚动位置 - 掘金
初识 weex 系列（前端视角） - 基础完结 - 掘金
前端跨域请求原理及实践
十行HTML实现增强现实 - WEB前端 - 伯乐在线
原来你是这样的 jsonp(原理与具体实现细节) - 掘金
用 Node + MySQL 处理 100G 数据 - 众成翻译
读 Zepto 源码之样式操作 - 对角另一面 - SegmentFault
这 3 个 JS 性能基础，让 Bluebird 更快速 - WEB前端 - 伯乐在线
遇见未知的 CSS - WEB前端 - 伯乐在线

英文

A Little Example of Data Massaging
Google Chrome might have broken your tests without you even knowing about it
How I made a food recognizing bot for Telegram and why it doesn’t have a future (yet)

2017-06-22 前端日报

精选

CSS 新的长度单位 fr 你知道么？
高阶函数一点通
png的故事：隔行扫描算法
JavaScript专题之数组去重 · Issue #27 · mqyqingfeng/Blog
[vue全家桶]每个人都能做的网易云音乐 - 腾讯Web前端 IMWeb 团队社区
async/await is just the do-notation of the Promise monad
Building a realtime dashboard powered by Laravel and Vue (2017 edition) - murze.be

中文

【前端推荐第18天】听说你缺少一个顺手的图床? - 知乎专栏
【译】怎样创建定制表单组件 - Levon碎语 - SegmentFault
Dropdown.js - 掘金
JavaScript 函数式编程到底是个啥 - 相学长怼前端 - SegmentFault
JavaScript 异常的防范与监控 - 知乎专栏
JavaScript：为什么3+true=4?_JavaScript 教程_w3cplus
Top 10 JavaScript编辑器，你在用哪个？
TypeScript 简介 - Angular 4.x 修仙之路 - SegmentFault
WebAssembly 101: 开发者入门 - 众成翻译
一次 Chrome 缓存锁的有趣探索 - CodeSky 代码之空
与国内外六位前端专家周末相约，共讨前端技术难点与创新实践 - w3ctech - **最大的前端技术社区
在网页上使用JPG、PNG和SVG：新手指南
展开运算符的 6 种绝妙用法 - 众成翻译
技巧 - 如何写好一个 Git 提交信息及几种不同的规范 - 知乎专栏
测试你的前端代码 – part3（端到端测试）

英文

An Introduction to the Redux-First Routing Model – freeCodeCamp
Demystifying ES6 Iterables & Iterators – freeCodeCamp
Designing for performance: A data-informed approach for Quantum development ★ Mozilla Hacks – the Web developer blog
How to Create Interactive JavaScript Charts from Custom Data Sets — SitePoint
Javascript Classes vs. Closures (3/3) – Engineering@Livestream – Medium
JavaScript for Microcontrollers and IoT: Part 1
JavaScript: What Are Pure Functions And Why Use Them?
Learning React? Start Small.
Let’s explore ES6 Generators – freeCodeCamp
Making a Zombie Horde in JavaScript Using ES6 Generators
Naming Things is Only Getting Harder
Reactive UI's with VanillaJS - Part 2: Class Based Components
Toolbars, keyboards, and the viewports - QuirksBlog
Top Ten New Development Tools of the Month, June 2017 — SitePoint
What is Javascript's new keyword doing under the hood?

FEX技术周刊
JS与面向对象
Vue 的单元测试探索
浅谈2017技术趋势【英】
【前端之巅】前端每周清单
从零开始用 proxy 实现 Mobx
JavaScript中的递归、PTC、TCO和STC
实现一个属于我们自己的简易MVVM库
【MDN】Concurrency model and Event Loop

2017 Web开发技术路线图
是时候使用CSS自定义属性了
在工作的前三年里快速成长（练习篇）
React Native应用如何实现60帧/秒的流畅动画
ES6 中的 this & super：babel 和 typescript 都错了
React Forms: Using Refs
What I’ve learned from React Europe 2017【墙】

2017-06-13 前端日报

精选

ESLint v4.0.0 released - ESLint - Pluggable JavaScript linter
前端团队 Gulp & Webpack 工作流 迁移记
【译】JS新语法：私有属性 - 知乎专栏
前端每周清单：大前端技术生命周期模型；WWDC 发布 Safari 11；面向生产环境的前端性能优化
Async 模块实现入门浅析 - 知乎专栏
A Complete Guide To Switching From HTTP To HTTPS – Smashing Magazine
Why I Chose React Over Vue – Steven Poulton – Medium

中文

一个 WebAssembly 线下沙龙 PPT - w3ctech - **最大的前端技术社区
【单页面博客从前端到后端】基于 Passport 和 Koa@2 的权限验证与 DVA 的 Model 设计 - 前端小学生 - SegmentFault
【第964期】百度外卖运营平台前端组件化升级之路
7种编程语言的学习曲线
ELSE 技术周刊(2017.06.12期) - 知乎专栏
FEX 技术周刊 - 2017/06/12
JS 的平凡之路 -- 单例模式的各种实现方式 - 掘金
Node.js 实现 Hot Reload - 知乎专栏
Tim Cook 的 MIT 演讲：你将如何造福人类？ - 知乎专栏
Vue.js 实现用户登录退出和 e2e 测试 - 掘金
webpack-dev-server 中 inline 和 HMR 的区别 - 掘金
为什么所有的 Web 应用都将被重写？——Web 应用的生命周期 - 全栈增长工程师 - SegmentFault
从前端小白到技术专家，这里有3点可执行的建议
前端周刊第59期：选 Flow 还是 TypeScript？ - 知乎专栏
前端高手教你高效管理数据：将JSON API和Redux结合使用
喜欢用 Git 做的一些小事 - 知乎专栏
比较详细的采访 Vue 作者尤雨溪 - 众成翻译
用 ClojureScript 语法运行 React - 题叶 - SegmentFault
高性能迷你React框架anu在低版本IE的实践 - 个人文章 - SegmentFault

英文

Alex Jover
An Introduction to the fr CSS unit
Announcing TypeScript 2.4 RC
Detect file mime type using magic numbers and JavaScript
Extending VueJS Components
Fixing Angular Template Overuse - codelord.net
Issues · daochouwangu/webfrontdaily
JavaScript – Use Canvas To Watermark Images
JavaScript: What the heck is a Callback? – Hacker Noon
Mastering Chrome Developer Tools: Next Level Front-End Development Techniques
Stuff at the Top of an SVG – Peter Nowell – Medium

2017-06-15 前端日报

精选

十问sofish：帮你理清前端工程师及大前端团队的成长问题！
[译] 读完 flexbox 细则之后学到的 11 件事 - 掘金
怎么写一个React组件库（一） - 众成翻译
还有这操作？一个能生成思维导图的开源搜索引擎！ - 知乎专栏
A cartoon intro to ArrayBuffers and SharedArrayBuffers ★ Mozilla Hacks – the Web developer blog
Automated testing with Headless Chrome  |  Web  |  Google Developers
Our 500+ engineers all use this front end development guide

中文

【前端推荐第17天】值得收藏的javascript基础教程 - 知乎专栏
【第966期】没有Javascript的一天
【转载】JavaScript中回调地狱的今生前世_JavaScript, 回调函数 教程_w3cplus
【转载】理解与使用JavaScript中的回调函数_JavaScript, 回调函数 教程_w3cplus
【转载】细嗅Promise_JavaScript, Promise 教程_w3cplus
20组让你的个人博客秒杀他人的网页模板
20行代码的贪吃蛇 - 个人文章 - SegmentFault
DSBridge实例－在网页中展示Native进度 - 掘金
live-server 快速搭建服务 - 掘金
Susy 2 教程 — 实战篇 - 掘金
七大认知偏差影响你的产品设计 - 众成翻译
使用React全家桶搭建一个后台管理系统 - FE cloud - SegmentFault
你以前做的表格都弱爆了
使用React全家桶搭建一个后台管理系统 - FE cloud - SegmentFault
开发者们，学会说不 – Adrian Kosmaczewski – Medium - 众成翻译
我是如何准备一个技术的分享？ - 知乎专栏
挥手再见，现代 PC 之父 Chuck Thacker(1943-2017) - 知乎专栏
软件开发中如何更好的命名？ - 知乎专栏
迈向蔚蓝大海的门扉，新世代的起航
Js 运行机制深层剖析 - 掘金
通天塔之石——企业级前端组件库方案 - WEB前端 - 伯乐在线

英文

19+ JavaScript Shorthand Coding Techniques — SitePoint
A crash course in memory management ★ Mozilla Hacks – the Web developer blog
Avoiding race conditions in SharedArrayBuffers with Atomics ★ Mozilla Hacks – the Web developer blog
Build a “Serverless” Twilio SMS + Call Forwarding Bot in 7 Minutes using Node.js + StdLib
Building Your Dog A 💩 Button with a Raspberry Pi, Node.js and Twilio
DOMException: The play() request was interrupted  |  Web  |  Google Developers
Getting Started With WebAssembly - Tutorialzine
Hosting: What are Multi-Domain and Reseller Plans? — SitePoint
Hybrid Apps And React Native: A Time To Transition? – Smashing Magazine
Introduction to Mobx with React
Introduction to Webpack: Entry, Output, Loaders, and Plugins
Latest Updates to the Credential Management API  |  Web  |  Google Developers
Medium
PWA: Create a “New Update Available” Notification using Service Workers
React v15.6.0 - React Blog
Release Notes for Safari Technology Preview 33
Sass Basics: The Sass Mixin Directive — SitePoint
Sass tutorial: A first look at writing more maintainable styles with Sass
Survey: Node.js Developers Struggle with Debugging & Downtimes
The CSS genius of Bali Balo – freeCodeCamp
Using Prettier and husky to make your commits save.
Where Did Async/Await Come from and Why Use It?
Will Vue.js Become a Giant Like Angular or React? - 10Clouds

2017-06-08 前端日报

精选

Babel是如何读懂JS代码的

[译]简编漫画介绍WebAssembly

美团外卖前端可视化界面组装平台 —— 乐高

使用 Gradle 做构建检查

收藏指数满格！帮你打包前端之巅一整年好文

深入比较选择 Angular 还是 React

JavaScript’s new #private class fields

Introducing FilterBubbler: A WebExtension built using React/Redux

中文

第三方Javascript开发系列之前后端接口协议
使用flv.js做直播
[译] 如何理智地构建复杂用户界面
[译] 理解 NodeJS 中基于事件驱动的架构
Mac重度爱好者必看（二）--15种让你的Mac 更酷的操作
Node.js 命令行工具检查更新的正确姿势
react 15.5+ 使用CSSTransitionGroup实现路由过渡动画
react、react-router、redux 也许是最佳小实践1
vs code 快键键
webpack与SPA实践之管理CSS等资源
不使用Media Queries的自适应CSS_media queries, Responsive
各种动态渲染Element方式 的性能探究
谷歌不喜欢 Node.js ? 听听开发团队怎么说

英文

8 Fresh Design Tools and Resources For Your 2017 Toolbox
A Beginner's Guide to npm — the Node Package Manager — SitePoint
A day without Javascript
Announcing WebRTC and Media Capture
Between the Wires: An interview with MooTools contributors
Code Daily - Screencast - Fix Only Committed Files with Prettier and lint-staged
Exploiting a V8 OOB write.
Get Started Using WebAssembly (wasm)
Going Serverless: how to run your first AWS Lambda function in the cloud
Home · spirit
How to Build an Angular JS Ecommerce App
How to test JavaScript with Mocha
Integrating Node.js Build Tools with Maven
Masking vs. Clipping: When to Use Each
Moving from Node.js to .NET Core with Raygun and JavaScript Jabber [Podcast]
New data on the types of ads internet users hate the most
Safari Technology Preview 32, with WebRTC, is Now Available
The Future of MDN: A Focus on Web Docs
W3C Strategic Highlights for Spring 2017 and Advisory Committee Meeting

2017-06-24 前端日报

精选

This 带来的困惑 - 知乎专栏
HTTP/2推送技术之难，真的远超我们想象
奇舞周刊第215期：深度学习助力前端开发
JavaScript 中的回调 - 众成翻译
【荐】官方译文 和 框架源码-2版 - 掘金
Service Worker gotchas
Machine Learning with JavaScript : Part 2 – Hacker Noon

中文

【笔记】事件委托（即事件代理）知识点 - JavaScript - SegmentFault
【第975期】掌握 HTTP 缓存——从请求到响应过程的一切（下）
【译】50 行 CSS 代码撸一个阴阳八卦的 Loading 动效 - 知乎专栏
Awesome JavaScript [1] 基本概念 - 掘金
canvas学习（一）
javascript 发布订阅模式应用 - 个人文章 - SegmentFault
一封写给 CSS 的情书 - 掘金
一键快速生成项目脚手架（可选择h5/vue/react） - 掘金
如何优雅的理解ECMAScript中的对象 - 动感小前端的专栏 - SegmentFault
如何成为一名远程开发者 - 知乎专栏
用 Canvas 实现流星特效 - 掘金
通过 Webpack、Jest、Typescript 对 Lodash 进行树摇优化 - 众成翻译

英文

A Pretty Good SVG Icon System
An inside look at Quantum DOM Scheduling ★ Mozilla Hacks – the Web developer blog
Key Guidelines to Continuous Integration and Jenkins CI Server — SitePoint
Redux Architecture Guidelines
SVG Knockout Text
Why Enterprises are Using Node.js for Digital Transformation

精读 Immutable 结构共享
Server-Sent Events 教程
原生CSS六个不容小觑的新增功能
掘金 Vue.js 2.0 后端渲染及重构实践【视频】
人工智能自动根据像素图转代码
函数式编程训练教材【英】
Production Progressive Web Apps with JavaScript Frameworks

2017-06-27 前端日报

精选

漫谈 JS 函数式编程（一） - 十年踪迹的博客
前端每周清单： Vue的优势与劣势；Node.js有望超越Java；JS在嵌入式及物联网的应用现状
react进阶系列：高阶组件详解（一） - web前端之路 - SegmentFault
[译] 如何充分利用 JavaScript 控制台 - 掘金
程序猿升级攻略 - 众成翻译
Form Validation Part 1: Constraint Validation in HTML
TC39, ECMAScript, and the Future of JavaScript

中文

[译] 如何充分利用 JavaScript 控制台 - 掘金
「前端」从UglifyJSPlugin强制开启css压缩探究webpack插件运行机制 - 尚妆产品技术刊读 - SegmentFault
「前端」从UglifyJSPlugin强制开启css压缩探究webpack插件运行机制 - 掘金
【第978期】ECMAScript 2018 标准导读
2017年最佳 JavaScript 框架、库及工具
AST语法结构树初学者完整教程 - 掘金
CSS Animations vs Web Animations API - 秘锐笔记 - SegmentFault
ES6的块级作用域 - 掘金
FEX 技术周刊 - 2017/06/26
Flexbox布局的正确使用姿势 - 个人文章 - SegmentFault
JavaScript & SEO: 让你的机器体验和用户体验一样棒 - 众成翻译
Javascript:回调函数(Callback)是个什么鬼 - 众成翻译
Javascript中的类型转换 - 全栈开发 - SegmentFault
JavaScript开发工具大全 - 个人文章 - SegmentFault
JSON Schema与表单验证 - 掘金
Node.js 8 中的重要新特性及优化 - 众成翻译
Node脚手架编写初学者教程 - 掘金
Vuet.js规则详解，它是你不知道的强大功能？ - 掘金
Web 前端代码规范 - Web 前端开发 - SegmentFault
从redux-thunk到redux-saga实践 - 不挑食的程序员 - SegmentFault
使用rollup构建你的JavaScript项目【一】 - JS全栈集中营 - SegmentFault
最流行的5个前端框架对比 - 葡萄城控件技术团队 - 博客园
函数式编程1-基础知识 - 掘金
函数式编程2-函数操作 - 掘金
函数式编程3-作用域与闭包 - 掘金
函数式编程4-高阶函数 - 掘金
函数式编程5-对象校验器 - 掘金
命令式、声明式、函数式、面向对象、控制反转之华山论剑（下） - 掘金
命令式、声明式、面向对象、函数式、控制反转之华山论剑（上） - 掘金
在CSS中解决过长和不期望出现的内容问题
基于canvas的图片编辑器，头像编辑器 - 个人文章 - SegmentFault
微信小程序之网络请求简单封装 - 掘金
改变我们设计方式的三个移动UX趋势 — SitePoint - 众成翻译
月影谈为什么我们要用函数式编程（一）
深入理解JavaScript异步（五）：jQuery deferred
深入理解JavaScript异步（四）：jQuery-1.5 之后的 ajax
聊聊 rel=noopener - 掘金
腾讯 Web 前端大会 分享浅析 -- 主会场篇 · Issue #21 · lcxfs1991/blog
腾讯Web前端大会 WebGL&Three.js（MR_LP）
读懂package.json -- 依赖管理 - CodeLoam - SegmentFault

英文

brn/sagu: javascript Simple Async Generator Utils.
Debugging Jest With Vscode ·
Design an on-call schedule that keeps developer burnout at bay
DevDocs API Documentation
evilcos/xssor2: XSS'OR - Hack with JavaScript.
evolus/pencil: The Pencil Project's unique mission is to build a free and opensource tool for making diagrams and GUI prototyping that everyone can use.
Frontend Weekly Digest #12 (19–26 June 2017) – Fresh Frontend Links – Medium
hyperapp/hyperapp: 1kb JavaScript library for building frontend applications.
Kubernetes: An Introduction to Deploying a Node.js Docker App — SitePoint
Learn about the new errors you'll see in Jest that affect React Native 45
On the synergies between live chat platforms and session recording tools
Opus audio codec version 1.2 released ★ Mozilla Hacks – the Web developer blog
TC39 Proposals

搜车 React Native 依赖管理方案
React Native 持续部署
VueConf尤雨溪演讲视频
Redux状态管理之痛点、分析与改良
The Tools of an HTML Email Workflow
ECMAScript modules in browsers
The state of JavaScript modules【墙】

2017-06-10 前端日报

精选

不会做动画的前端不是好开发

前端面试那些事儿 - web攻城猫 - SegmentFault

奇舞周刊第 213 期 —— 初探 Headless Chrome

【第961期】图解 React Virtual DOM

Exploring the AST with Babylon and Prettier - A geek with a hat

从 JavaScript 属性描述器剖析 Vue.js 响应式视图 - 掘金 (1)

V8 JavaScript Engine: V8 Release 6.0

中文

2017最好的JavaScript框架、库和工具 — SitePoint - 众成翻译
Apple官方：WebRTC将在Safari 11上支持 - 知乎专栏
CSS BEM 命名规则的核心概念介绍 - 众成翻译
vue源码解读－component机制 - 个人文章 - SegmentFault
Web项目如何防止客户端重复发送请求 - 颇忒脱 - SegmentFault
原来又到了校招季，一个前端新人的回忆 - 掘金 (1)
基于vue2实现多级联动选择器 - 个人文章 - SegmentFault
怎样构建自己的Icon图标系统 - 众成翻译
编写模块化 CSS（第 1 部分） - BEM - 众成翻译
腾讯AlloyTeam发布AlloyLever - 1kb代码搞定开发调试发布错误监控上报用户问题定位 - 掘金 (1)

英文

Cropping Images in CSS With object-fit ← Alligator.io
CSS Shapes, clipping and masking – and how to use them ★ Mozilla Hacks – the Web developer blog
prettier
The Equilateral Triangle of a Perfect Paragraph
TypeScript 2.3: The --strict Compiler Option
UUID or GUID as Primary Keys? Be Careful! – Tom Harrison Jr
World Wide Web, Not Wealthy Western Web (Part 1) – Smashing Magazine

2017-06-23 前端日报

精选

大前端公共知识梳理：这些知识你都掌握了吗？
Immutable.js 以及在 react+redux 项目中的实践
深入贯彻闭包**，全面理解JS闭包形成过程 - Base JavaScript - SegmentFault
重温ES6核心概念和基本用法 - 前端学习笔记 - SegmentFault
HTML 自定义元素教程 - 阮一峰的网络日志
Machine Learning with JavaScript : Part 1 – Hacker Noon
Powerful New Additions to the CSS Grid Inspector in Firefox Nightly ★ Mozilla Hacks – the Web developer blog

中文

[译] JavaScript：回调是什么鬼？ - 掘金
[译]2017年，一个Node开发者的好习惯 - 知乎专栏
【第974期】WAAPI
【翻译】从 Node 6 到 Node 8：真实的性能比较 - 知乎专栏
git inside --simplified --part '1' - 知乎专栏
Javascript中的Promise实践 - Promise链式调用 - 众成翻译
Node.js 性能调优之内存篇(三)——memwatch-next - 知乎专栏
React 如何转 Vue.js
React技术栈之React-Router - React入坑记 - SegmentFault
RxJS 实战篇（一）拖拽 - Jerry's Blog - SegmentFault
Vue2.0全家桶仿腾讯课堂（移动端） - 个人文章 - SegmentFault
一看就懂的例子告诉你用react-redux的正确姿势 - 前端和Node学习笔记 - SegmentFault
分析chrome扩展程序-Holmes - I Dont know - SegmentFault
大前端时代，从前端小工到架构师的进阶锦囊！
常见问答 / 方法论 / BEM - 众成翻译
快乐编程的8个小习惯2017版
浏览器的小改进让 Facebook 网站减少 60% 的网络请求
闲话react与vue的差别 - 简书
Object()的方法一览
19 个 JavaScript 常用的简写技术
基于node的微小服务——细说缓存与304

英文

#155: Responsive Images, WordPress, and Cloudinary
Aligned Input Events  |  Web  |  Google Developers
API design guidelines - best practices for building a user-friendly API
Avoiding deeply nested component trees – Ruben Oostinga – Medium
Bugsnag Blog - Frustration Detection: Monitoring usability issues with Bugsnag
Codemods: A Quick and Easy Way to Automate Code Refactoring — SitePoint
Creating a Design System Process with UXPin
CSS vs. JavaScript: Trust vs. Control
Glossary of Modern JavaScript Concepts: Part 1
grab/front-end-guide: 📚 Study guide and introduction to the modern front end stack.
How to Apply CSS3 Transforms to Background Images — SitePoint
jondot/react-flight: The best way to build animation compositions for React.
Server-Side React Rendering
What’s new in Refined GitHub – 🦄 Sindre Sorhus’ blog

2017-06-26 前端日报

精选

【第977期】正则表达式回溯法原理
npm 入门教程 - 众成翻译
在 Chrome DevTools 中调试 JavaScript 入门_tools, DevTools 教程_w3cplus
CSS Animations vs Web Animations API - 众成翻译
Vue vs React: Javascript 框架之战 - 众成翻译
Animated page transitions with React Router 4, ReactTransitionGroup and Animated
A Quick Handbook for Dates in JavaScript – Hacker Noon

中文

ELSE技术周刊（2017.06.26期） - 知乎专栏
ES6新特性之let命令 - 掘金
JavaScript 创建对象的七种方式
JavaScript中的惰性数组介绍 - 众成翻译
Js 跟手转动的罗盘指针 - 掘金
RxJS - Observables, observers 和 operators 简介 - Angular 4.x 修仙之路 - SegmentFault
Vue.js仿QQ音乐（移动端） - 个人文章 - SegmentFault
使用控制台_tools, DevTools 教程_w3cplus
利用Viewport Units可以实现的一些好玩的效果
前端UI组件复用工具 - 前端路上 - SegmentFault
前端工程师面试题汇总
前端调试告别笨办法 - 掘金
如何有效的使用JavaScript Console_JavaScript 教程_w3cplus
如何验证 Email 地址：SMTP 协议入门教程 - 阮一峰的网络日志
推荐阅读-第14期 - 知乎专栏
有一天，会不会也有一群程序员站出来说，这个需求我们不做?
有一天，会不会也有一群程序员站出来说，这个需求我们不做? - 知乎专栏
用 Vue 来写 React 和 ReactNative - react-vue - SegmentFault
腾讯Web前端大会 TFC2017 会议 现场纪实(上午) - 掘金
要不是因为苹果，混合应用开发将完胜 Native
读Zepto源码之属性操作 - 对角另一面 - SegmentFault
读Zepto源码之属性操作 - 掘金
阿里云前端周刊 - 第 13 期 - 侯锋专栏 - SegmentFault

英文

Add ReactDOMNodeStream, adding streaming rendering. by aickin · Pull Request #10024 · facebook/react
Aspect Ratios in CSS are a Hack
How Babel helped to save 710kb from a production bundle and how it’s so much more than esnext…
How I transformed from a 30-year-old plumber into a 32-year-old web developer
How Lodash worked itself out of a job
JS Poland 2017 — Takeaways – Piotr Lewandowski – Medium
share-this: Medium-like text sharing
Stickybits: an alternative to position: sticky polyfills
The Holy Wars of procrastination – Diogo Santos – Medium

深入浅出浏览器渲染原理
深入理解JavaScript错误与调用栈
总是一知半解的Event Loop
underscore源码解析
canvas 图像旋转与翻转姿势解锁
JavaScript深入系列
JavaScript 单元测试框架横向比较【英】
npm 5 发布！

2017-07-02 前端日报

精选

[译] TC39，ECMAScript 和 JavaScript 的未来（Part 1）
ES6学习笔记：箭头函数_ES6, JavaScript, JavaScript学习笔记 教程_w3cplus
栅格布局卷土重来，用Grid还是Flexbox？
为什么我会选择 React 而不是 Vue？ – Steven Poulton – Medium - 众成翻译
Node.js原生开发入门完全教程 - 「从零到壹」全栈部落 - SegmentFault
React, Relay and GraphQL: Under the Hood of the Times Website Redesign
Introducing Explore GraphQL – Apollo GraphQL

中文

[log.js]一个node端带文件路径和颜色的console.log - web攻城方略 - SegmentFault
[译]使用Webpack提高Vue.js应用程序的4种方式 - time will tell - SegmentFault
Angular 中自定义 toJSON 操作符 - Angular 4.x 修仙之路 - SegmentFault
exploring-es2016-and-es2017（中文版）— 第一章 - W3C中文网
Gist - ES6 Promise - 个人文章 - SegmentFault
javaScript的Throttling(节流)和Debouncing(防抖） - 个人文章 - SegmentFault
React 实践项目 （一） - 程序道路 - SegmentFault
vue2.0 练习中报错问题处理（数据绑定错误） - 前端 - SegmentFault
关于HTTP那些事 - 个人文章 - SegmentFault
大部分人都会做错的经典 JS 闭包面试题
我完善了下这个"支持拖拽"的树组件(Vue2.x) - 个人文章 - SegmentFault
扯扯程序员头疼的职业瓶颈 - 知乎专栏
正则表达式 深入浅出1--你的符号我做主【持续更新中 - 眯眯眼猫头鹰的小树杈 - SegmentFault
理解vue的生命周期钩子 - 个人文章 - SegmentFault
钉钉微应用的开发——主前端 - 个人文章 - SegmentFault

英文

Full Page Screenshots in Browsers
PerformanceJS
React application seen as a blank page via “Fetch as Google”
Speed Up Scroll Events with Passive Event Listeners ← Alligator.io
Text Lock-Up

2017-06-28 前端日报

精选

我是如何实现electron的在线升级热更新功能的？ « 张鑫旭-鑫空间-鑫生活
【翻译】React 表单： Refs 的运用
【第979期】晋升评审的套路
JavaScript 异步编程的四种方式 - ac黄博客精选 - SegmentFault
React 组件设计和分解思考 - 掘金
Supercharged Live Stream Blog: Code Splitting  |  Web  |  Google Developers
Announcing TypeScript 2.4

中文

[译] 使登录页面变得正确 - 掘金
「前端」从UglifyJSPlugin强制开启css压缩探究webpack插件运行机制 - 掘金
19 个 JavaScript 常用的简写技术 - 前端开发 - SegmentFault
Chromium 新的弹窗机制以及 HTML 的 元素 - 迷津欲有问 - SegmentFault
CSS Grid –“表格”布局回来了，不见不散.  |  Web  |  Google Developers - 众成翻译
CSS编码规范 - 个人文章 - SegmentFault
CSS规范--BEM入门 - Clearlove - SegmentFault
ES6之const 命令 - 掘金
Express中的 Session 是怎样工作的？ - 众成翻译
H5互动的正确打开方式 - 掘金
JavaScript专题之类型判断(上) · Issue #28 · mqyqingfeng/Blog
JavaScript中几个重要的知识点（3） ---- Ajax - 个人文章 - SegmentFault
JS 从0开始构思表情插件
let 声明会提升（hoist）吗？ - 知乎专栏
Promise是Monad吗? - 掘金
React 进阶之高阶组件 - 掘金
React技术栈之Webpack环境搭建（二） - React入坑记 - SegmentFault
react进阶系列 - 高阶组件详解四：高阶组件的嵌套使用 - web前端之路 - SegmentFault
Rust, WebAssembly 与 Webpack 入门攻略 - 众成翻译
Thrift前端上手实例 - 腾讯Web前端 IMWeb 团队社区
vue2.0 非父子组件之间的单一事件通信 - 前端 - SegmentFault
vue项目构建与实战 - 掘金
vue项目构建与实战 - 知乎专栏
Webpack: 基础知识 – Hacker Noon - 众成翻译
webpack独立打包与缓存处理 - 知乎专栏
使用HeadlessChrome做单页应用SEO - 腾讯Web前端 IMWeb 团队社区
初识Three.js - 知乎专栏
利用localstorage实现本地消息缓存 - 掘金
前端高亮功能实现复盘 - 个人文章 - SegmentFault
如何优雅的使用 JavaScript 控制台 – freeCodeCamp - 众成翻译
如何有效提高banner“吸睛能力”，高点击率十大原则速速get！
开启基于JavaScript的机器学习之路
用React创建第一个渐进式Web应用 - 众成翻译
百度外卖如何做到前端开发配置化
组合软件：7. 函数式 Mixins - 众成翻译
终于找到一种有效的垂直居中方法 - 前端小鱼儿 - SegmentFault
腾讯Web前端大会 企鹅电竞PWA实战（MR_LP） - 掘金
腾讯Web前端大会 企鹅电竞PWA实战（MR_LP） - 简书
解锁缓存新姿势——更灵活的 Cache - 掘金

英文

15 Essential Plugins for Visual Studio Code - Tutorialzine
BDD in JavaScript: Getting Started with Cucumber and Gherkin — SitePoint
Brief introduction to scope hoisting in Webpack – webpack – Medium
Cheat to Win: Learn React with Copywork
Cloning DOM nodes and handling attached events
Compare the Best Javascript Chart Libraries of 2017
Curved Text Along a Path
Design an on-call schedule that keeps developer burnout at bay
ES6 – Convert To Integer – Chris West's Blog
GraphQL vs. REST – Apollo GraphQL
How to Build a Real Estate Website Using Ember.js – Hacker Noon
javascript30-day20 - Speech Detection｜Winar's personal blog
Node.js Performance Monitoring with Prometheus
Possible future directions for data on the Web
Unit Testing Beginner's Guide - Part 1 - Testing Functions ·
What is Pug.js (Jade) and How can we use it within a Node.js Web Application?

2017-06-16 前端日报

精选

渐进式动画解决方案
从前端开发看面向未来的敏捷学习法 - 知乎专栏
深度剖析现代 JavaScript 应用 — SitePoint - 众成翻译
[译]关于Node.js streams你需要知道的一切
构建离线优先的 React 应用 - 知乎专栏
Reduce your javascript bundle size by 77% – Frontend Weekly – Medium
Functional Programming JavaScript Map() Function Demystified

中文

Firefox 54 为何默认开启四进程？Mozilla：不牺牲内存占用
JS异步（一）：浅出js异步事件
Node.js 性能调优之内存篇(二)——heapdump - 知乎专栏
React + webpack 之性能优化 - 个人文章 - SegmentFault
React、Vue、Ember 等前端开发者们，请暂缓更新到 Chrome 59 - 知乎专栏
RemoteDebug iOS Webkit Adapter（适配器）：一个可以让你（随时）随地调试Safari、 iOS WebView（的适配器） 📡📱 - 掘金
vuex 基础：教程和说明
WebAssembly 初体验：从零开始重构计算模块 - 某熊的全栈之路 - SegmentFault
WebAssembly，火狐是最后的赢家吗？
为vscode编写扩展 - leftstick - SegmentFault
在 ECharts GL 中绘制三维地图 - 掘金
在 JavaScript 中使用 Promise - 这是什么，该如何使用？ - 众成翻译
奇妙的 CSS shapes(CSS图形)
如何用Mocha测试JavaScript - 基础知识 - 众成翻译
如何用Mocha测试JavaScript - 第2部分 - 众成翻译
学会这些方法，码农也能成为产品大神
常用URL参数操作方法 - 掘金
开箱即用的网站可访问性提升指南 - 知乎专栏
无我编程十诫 - 知乎专栏
树莓派新手入门教程 - 阮一峰的网络日志
用css3做一个求婚小动画 - 有一个姑娘在coding - SegmentFault
用Vue高仿qq音乐官网-pc端 - 个人文章 - SegmentFault
考虑在你的下一个Web项目中使用VueJS吧 - via @codeship - 众成翻译
软件开发中如何更好的命名？ - 知乎专栏

英文

A Practical Guide to CSS Variables (Custom Properties) — SitePoint
Automation will end Front-end Development – Hacker Noon
Building Production-Ready CSS Grid Layouts Today – Smashing Magazine
Five ES6 features to make your life easier – Code == Life
Generate PDF Invoices with Javascript – Indrek Lasn – Medium
Habits of a Happy Node Hacker 2017
Hacking on the Network Monitor Developer Tool (Part 2) ★ Mozilla Hacks – the Web developer blog
JavaScript — What’s the difference between Null & Undefined?
Network Monitor Reloaded (Part 1) ★ Mozilla Hacks – the Web developer blog
Redux Logging in Production with LogRocket — SitePoint
Yes RDF is All Well and Good But Does It Scale?

2017-06-04 前端日报

收录的

使用浏览器开发者工具检测CSS动画性能
前端周刊第58期：送你 3 道面试题
V8 JavaScript 引擎：高性能的 ES2015+
webpack原理与实战
如何用Vue构建大型单页面应用
Upgrading from Node 6 to Node 8: a real-world performance comparison
Node.js 8: util.promisify()

未收录的

中文

代码审查应该关注什么：数据结构
JavaScript初学者必看“箭头函数”
谈谈微信小程序
Alloy周刊第8期
拥抱Node.js 8.0，N-API入门极简例子
gain-爬虫框架
CSS 并不简单 -- 文字修饰的那点事
动手撸一个微信小程序学生课程表页面
angular ui-router：简单的单页面嵌套路由的实现过程

英文

HOW TO TRACK CHANGES IN THE DOM USING MUTATION OBSERVER
A hands-on introduction to video technology: image, video, codec and more
Performance Analysis Reference
Designing Efficient Web Forms: On Structure, Inputs, Labels And Actions
Using Filters in Vue.js
Wait Asyncy: Inline conversion of callbacks to async/await
Unit Testing WebGL Components

2017-07-01 前端日报

精选

Why you shouldn`t use Preact, Fast-React, etc. to replace React today - 腾讯Web前端 IMWeb 团队社区
vue-router 源码分析-History · Issue #55 · dwqs/blog
TypeScript 入门指南
一些关于使用axios的心得 - time will tell - SegmentFault
JS基本类型与引用类型知多少 - 掘金
A Progressive Web Application with Vue JS, Webpack & Material Design [Part 3]
akveo/kittenTricks: 🐈 A react native mobile starter kit with over 40 screens and theme hot reload support

中文

【第782期】框架选型
Alloy周刊第12期
ES2015入门系列11-模块 Modules - 车·栈 - SegmentFault
Fluent Fetcher: 重构基于 Fetch 的 JavaScript 网络请求 库 - 某熊的全栈之路 - SegmentFault
JavaScript的那些奇技淫巧
JS的平凡之路--模仿Vue写个数组监听 - 掘金
npm install、npm init、npm update、npm uninstall和package.json - mark - SegmentFault
npm@5规范与RFC草案 - 众成翻译
React+dva+webpack+antd-mobile 实战分享（一） - 个人文章 - SegmentFault
React技术栈之Webpack环境搭建（三）打包性能优化 - React入坑记 - SegmentFault
Webpack2.x 升级指南 - 知乎专栏
Web自动化之Headless Chrome开发工具库 - 堆栈HeapStack - SegmentFault
不要再在 JavaScript 中写 CSS 了
你一定要知道的 Chrome DevTool 新功能 - 众成翻译
使用angular4.0来搭建一个博客类的项目 - 个人文章 - SegmentFault
利用css对shiny页面优化及利用htmlwidgets包创建HTML控件 - 掘金
利用translate实现垂直居中 - 前端小鱼儿 - SegmentFault
基于JavaScript学习KNN算法
奇舞周刊第 216 期：不得不看的 Font 教程
如何将 Google Auto Draw 移植到小程序上 - 掘金
带你入门 CSS Grid 布局 - 全栈成长之路 - SegmentFault
构建一个React组件库
深入理解 requestAnimationFrame
理解Angular的providers - 给Http添加默认headers - 掘金
详解 HTTP/2 Server Push——进一步提升页面加载速度 - 前端开发者说 - SegmentFault

英文

Five Huge CSS Milestones - The Media Temple Blog
Full Page Screenshots in Browsers
Functional programming in Javascript is an antipattern
Introducing Website Speed Test: An Image Analysis Tool — SitePoint
Introducing Explore GraphQL
Qim: Select from Your Immutable JavaScript Cake and Update It Symmetrically Too - The Zapier Engineering Blog - Zapier
Turbocharge your React development with Storybook and Percy
TypeScript 2.3: Downlevel Iteration for ES3/ES5
Why aren’t you using Prettier? – Hexacta Engineering
Why We Chose Typescript – Upvoted

2017-07-03 前端日报

精选

Redux 使用可变数据结构 - 知乎专栏
我接触过的前端数据结构与算法 – 人人网FED博客
基于指令和混合的前端通用埋点方案 - 知乎专栏
Vue的数据依赖实现原理简析 - JSer - SegmentFault
从 JavaScript 到 TypeScript - 掘金
Under the hood: ReactJS
Hey Webpack, can you bust my cache? – Tomas Koutsky – Medium

中文

【第984期】ESLint v4.0.0 升级指南
【译】JSX是什么鬼 - 知乎专栏
20170702-异步编程之Promise - 每日技术笔记 - SegmentFault
ES8 的 5 个特性以及对 ES9 的展望 - Blog
flash直播 - 腾讯Web前端 IMWeb 团队社区
HTML table基础 - 个人文章 - SegmentFault
javascript设计模式－－单例模式 - 个人文章 - SegmentFault
JS-对象 - 个人文章 - SegmentFault
JSON - 个人文章 - SegmentFault
React 组件 - 寒青 - SegmentFault
Redux vs MobX: 哪一个最合适你的项目? — SitePoint - 众成翻译
three.js 新手指南 - 众成翻译
vim进阶技巧 - 腾讯Web前端 IMWeb 团队社区
Web 前端知识体系精简：15篇前端热文回看
WebPack + Vue打包流程理解 - 个人文章 - SegmentFault
Webpack 配置 React 开发环境 - 寒青 - SegmentFault
从 JavaScript 到 TypeScript - FE cloud - SegmentFault
使用vue实现tab操作 - 蚊子的博客 - SegmentFault
分享几个实用的App - 腾讯Web前端 IMWeb 团队社区
在 Vue.js 中使用Mixin
如何阅读框架源代码 - 掘金
微信小程序数据处理 - 掘金
推荐阅读 - 第15期 - 知乎专栏
草根前端的6年职业生涯 - 掘金
论CSS中可使用的font-size的长度单位 - 众成翻译
阿里云前端周刊 - 第 14 期 - 侯锋专栏 - SegmentFault

英文

asfktz/autodll-webpack-plugin: Webpack's DllPlugin without the boilerplate
Clearing your Front End Job Interview — CSS – codeburst
Creating truly universal React component systems – 💅 styled-components – Medium
jaredpalmer/formik: Forms in React, without tears
siddharthkp/bundlesize: Keep your bundle size in check
You do not need a CSS Grid based Grid System

Webpack最详解
当 Weex 遇上 Vue.js 2.0
用Vue，vuex构建超大Web应用
图解 WebGL & Three.js 工作原理
ReactJS和React-Native的主要区别在哪里
The new CSS workflow (step 1)
Reactive UI’s with VanillaJS – Part 1: Pure Functional Style

学习CSS Grid
InfoQ四月文章精选
如何做好H5性能优化
如何完美地给SVG加边框
浅析 Webpack 插件化设计
CSS 布局经典问题初步整理
几张图让你看懂WebAssembly
从0到1搭建webpack2+vue2自定义模板详细教程

2017-06-30 前端日报

精选

流式分页方案探索
异步流程控制 - 掘金
虚拟DOM内部是如何工作的? - 众成翻译
移动端图片上传旋转、压缩的解决方案 · Issue #18 · lin-xin/blog
vue-router 源码分析-整体流程 · Issue #53 · dwqs/blog
babel 支持 TypeScript
Introducing HumbleNet: a cross-platform networking library that works in the browser ★ Mozilla Hacks – the Web developer blog

中文

[译] ESLint v4.0.0 升级指南 - 掘金
【第781期】理解Critical CSS
2017前端现状--答题救不了前端新人 - 掘金
HTML5 进阶系列：文件上传下载 · Issue #19 · lin-xin/blog
js数组操作大全 - lynneshow - SegmentFault
js遍历for forEach in - lynneshow - SegmentFault
MDN被Mozilla重造，将更关注Web文档
Node 个人笔记 - 围脖的专栏 - SegmentFault
react局部刷新 - 前端分享 - SegmentFault
vue-cli+vuex+scss+element-ui+axious+webpack搭建超简洁完整项目+IIS部署（全家桶） - Vue2+VueRouter2+webpack+vue-cil构建完整项目 - SegmentFault
vue-router 源码分析-组件 · Issue #54 · dwqs/blog
vue源码解析－prop机制 - vue源码解析系列 - SegmentFault
X5同层播放器试用报告 - 掘金
不要做只会 JS 的程序员 - 掘金
为什么我们的业务适合用Node？ - 掘金
从UglifyJSPlugin强制开启css压缩探究webpack插件运行机制 - 掘金
使用nightwatch进行E2E自动化测试 - 掘金
刨根问底 HTTP 和 WebSocket 协议（下）
在vue.js中省市选择 - 个人文章 - SegmentFault
基于Express的Node项目实践 - 知乎专栏
实用推荐！让你在Web项目中找到你想要的字体
小demo原生js同步翻译，可以玩玩儿 - 个人文章 - SegmentFault
新手flex布局入门篇，看这篇文章就够了 - 个人文章 - SegmentFault
深入解读-微信小程序SDK - 掘金
深度剖析现代 JavaScript 应用
用css实现自定义虚线边框 - 掘金
移动端图片上传旋转、压缩的解决方案 - 掘金
腾讯Web前端大会精彩回顾

英文

akveo/kittenTricks: 🐈 A react native mobile starter kit with over 40 screens and theme hot reload support
Back to Basics: What are Callbacks in JavaScript? — SitePoint
Bootstrap to CSS Grid – Natalya – Medium
Bringing Publications to the Web: First Steps
Challenge: CSS the world... flags! by Ana Tudor on CodePen
Contenta Makes Your Content Happy
Continuation Passing Style Patterns for JavaScript – Benoit Essiambre – Medium
eslint-config-airbnb-standard
Form Validation - Part 4: Validating the MailChimp Subscribe Form
How to use Memoize to cache JavaScript function results and speed up your code
Introducing BrowserView for Electron – Figma Design
SSR and Server Only Modules
The Power of Selectors in Angular – NetanelBasal

2017-06-05 前端日报

精读《Web Components 的困境》
-webkit-text-stroke文字描边CSS属性及展开
读Zepto源码之操作DOM
我眼中的前端九段
从前端开发看面向未来的敏捷学习法
N-API: Next generation Node.js APIs for native modules
graphql-tools: A simpler way to create GraphQL APIs

未发布的

中文

Node v8.0.0 正式发布，一波主要新特性 | Node.js
Hexo 博客自动部署到 GitHub Pages 的最佳实践
React Native + Visual Studio = 手机上的 JavaScript 编辑器
通过 admin 后台管理 hexo 博客
为 Hexo 博客增加一个站内搜索
三十秒的小习惯，一辈子的大影响
为什么你不应该再使用‘var’ – Hacker Noon
通用 ES6 特性简介
为初学者介绍 JavaScript 中的 this 关键字
十一个你值得关注的优秀 Javascript 库
如何知道你该写什么

英文

3 interesting experiments of Promise.all()
Rockey. Motivation and Requirements
JavaScript Promises: Plain and Simple

2017-06-18 前端日报

精选

精读 React 高阶组件 - 知乎专栏
React 是如何重新定义前端开发的 - 知乎专栏
为您的 Node 性能选择最佳的 JS 引擎 - 知乎专栏
CSS中的尺寸单位 - 掘金
postcss-lazysprite: 一种生成CSS 雪碧图的懒惰姿势 - DeveWork - SegmentFault
Handling Long and Unexpected Content in CSS
Picking Jest over Mocha – Grzegorz Ziółkowski

中文

【第969期】编写现代 JavaScript 代码
Alloy周刊第10期
JS 的平凡之路 -- 我们到底可以通过多少种方式修改元素样式 - 掘金
Mavo 简介 - 不可思议的HTML - 众成翻译
React 如何转 Vue.js - 众成翻译
vue-schart ： vue.js 的图表组件 - 知乎专栏
vue.js+socket.io打造一个好玩的新闻社区 - keephhh - SegmentFault
Vue.js项目重构，轻松实现上拉加载滚动位置还原 - 掘金
在JS中使用Promise-Promise链 - 众成翻译
夜里编程，你需要有这么一个台灯 - 知乎专栏
对于怎么理解 js 中 Event Loop，你可以看这篇文章 - 掘金
服务器迁移便捷式笔记 - CodeSky 代码之空

英文

A Tale of JavaScript Performance – Tom Lagier – Medium
Callback Hell, Promises, Generators & Async-Await in Node.js/Javascript
How to get the most out of the JavaScript console – freeCodeCamp
Playing around with WebAssembly – Francesco Vitullo – Medium
Polymer — Tonnes of Potential! Not Quite There… YET
Why you should try public speaking - JS Kongress Munich

2017-06-21 前端日报

精选

redux-react实践总结 - 掘金
【第972期】HTML5动画与动效之四
flexbox 完全指南 - 众成翻译
19个JavaScript编码小技巧_JavaScript 教程_w3cplus
使用浏览器开发者工具检查CSS动画性能 - 众成翻译
ES2017's async/await is the best thing to ever happen to JavaScript
⚡️ From React to an Electron app ready for production

中文

【图书】深入理解ES6
【译】CSS变量的正确使用方法 - 知乎专栏
🍾🚀 webpack 3: 正式发布!! 🚀🍾 - 众成翻译
🍾🚀Webpack3.0来了！🚀🍾 - 知乎专栏
JS代码运行过程简述（一） - 个人文章 - SegmentFault
textarea 的中文输入判断与搜狗输入法的特殊行为 - 掘金
Vue.js项目API、Router配置拆分实践 - Web开发从欣喜到绝望 - SegmentFault
Web 前端知识体系精简
与用户联系：将幽默融入网页设计 - 粉碎杂志
人生苦短，我用 V-Charts - 知乎专栏
周二放送：SVG 十五分钟入门视频 - 知乎专栏
大前端公共知识杂谈 - 某熊的全栈之路 - SegmentFault
如何将webpack2项目升级到webpack3 - 掘金
腾讯AlloyTeam正式发布pasition - 制作酷炫Path过渡动画 - 掘金
语义 - WebAssembly 中文网 - 众成翻译

英文

A Beginner's Guide to Testing Functional JavaScript — SitePoint
Between the Wires: An interview with Microsoft Edge performance PM Nolan Lawson
Building a Node.js App with TypeScript Tutorial
CertSimple
Connect: behind the front-end experience
The Scope Chain by Mehmet Burak Erman on CodePen
Using the mini.css card module and media object – Hacker Noon
What Does a Well-Documented CSS Codebase Look Like?
Writing JS in Vim – Alex LaFroscia – Medium

FEX 技术周刊
Airbnb 的前端重构
Javascript 模块现状
WebAssembly系列文章
初探 Headless Chrome
前端每周清单：Node.js v8.0发布；
破解前端面试系列（3）：如何搞定纸上代码环节？

精读入坑React前没有人会告诉你的事
VueConf 大会现场笔记
【墙】JSConf EU 2017视频
Writing modern JavaScript code
图说 WebAssembly
GraphQL 的庐山真面目
Alloy周刊第6期

2017-06-09 前端日报

精选

TCP 协议简介
JavaScript 的新特性：类的 #private 字段
Symbol Polyfill 填坑之旅
前端异常监控平台的设计思路及实现
QQ会员基于hybrid的高质量H5架构实践
Functional Mixins
Node.js Child Processes: Everything you need to know

中文

ECMAScript 标准的十万个为什么 - Symbol 的隐式转换
Electron Forge - 一个完备的、构建现代Electron应用的工具
HTML meta 详解
javascript对象详解：__proto__和prototype的区别和联系
js:面向对象编程，带你认识封装、继承和多态
JS的平凡之路--简易的图片拖拽排序
Node.js 性能调优之内存篇(一)——gcore+llnode
parseInt 是用于字符串，而不是用于数字
Rem 等比适配始末
Safari 11.0 已发布，新特性都在这儿了！
Vue2.0 探索之路——vue-router入门教程和总结
Web前端页面劫持和反劫持
为什么所有的 Web 应用都将被重写？——Web 应用的生命周期
初识 weex（前端视角）
基于 Vue的图片裁剪插件
探究Babel生态
用 Vue 撸一个微博客户端
移动端样式小技巧
腾讯AlloyTeam正式发布omi-cli脚手架 - 创建网站无需任何配置
谁说你只是 "会用"jQuery?

英文

Adopting Flow & TypeScript – Thinkmill – Medium
Aspect Ratio Boxes
Auto-Play Policy Changes for macOS
Building a Directory with the Twitter API
Callbacks in JavaScript
ChocolateChip-UI — Introducing ChocolateChipUI 5
Code Cracked for Code-Splitting + SSR in Reactlandia: React Loadable + Webpack Flush Chunks and…
Cross-browser extensions, available now in Firefox ★ Mozilla Hacks – the Web developer blog
Displaying Content in Full Screen using the Fullscreen API in JavaScript
Embracing the power of styled-components – Building Séntisis
Getting started with PreactJS — A Step By Step Guide
How to test JavaScript with Mocha — Part 2 – Hacker Noon
Introducing the W3C Strategy Funnel
Javascript Power Tools: Real-world redux-saga Patterns
Meeting for Good: How Campers Built an Open Source Tool to Solve Time Zones
Node v8.1.0 (Current)
Node.js and the Cloud Native Experience – Node.js Foundation – Medium
Preact Authentication Tutorial
Quickly build an API in Node.js with Huncwot
Writing a Node.js module in TypeScript

前端开发者指南（2017）

前端每周清单 - 前端之巅

ES6 实践规范 - 掘金

阿里、网易、滴滴共十次前端面试碰到的问题

探讨CSS Grid Layout在原生客户端中运用

WWDC大会回顾

webpackv3.0.0-rc.0

JSC 💕 ES6 | WebKit

未发布的

英文

How to stop errors before they ever hit your codebase with Travis CI and ESLint

Understanding Array.prototype.reduce() and recursion using apple pie

Intelligent Tracking Prevention | WebKit

15 Interesting JavaScript and CSS Libraries for June 2017

Dev Tools @Scale 2017 Recap | Engineering Blog | Facebook Code

Fun with Viewport Units | CSS-Tricks

Angular and RxJS: Create an API Service to Talk to a REST Backend — SitePoint

Announcing WebVR on Mac via Firefox Nightly ★ Mozilla Hacks – the Web developer blog

The State Of Advanced Website Builders – Smashing Magazine

May 2017 JavaScript Recap – Hacker Noon

AngularJS vs React – War of Facts | An Infographic

中文

我想这将是最有价值的react入门与进阶教程 - 简书

前端基础进阶（十五）：详解 ES6 Modules - 简书

30分钟，让你彻底明白Promise原理

你不知道的calc()

FEX 技术周刊

后台:nodejs + express 前台:vue + vuex 全栈项目 源码分享 - 个人文章 - SegmentFault

Vue-loader 的巧妙玩法 - 掘金

mouseenter 与 mouseover 为何这般纠缠不清？ - 掘金

不一样的 vue 实战 (3): 布局与组件 - 掘金

CSS进阶——绝对定位元素的宽高是如何定义的 - 掘金

Hybrid APP 开发（六）：JSSDK - 掘金

可能是史上最全的weex踩坑攻略

使用React全家桶高仿「Eyepetizer」开眼

后台:nodejs 前台:vue 全栈开发 外卖平台系统 - 腾讯Web前端 IMWeb 团队社区 | blog | 团队博客

基于 vue2 构建和后台真实交互的 管理系统 - 腾讯Web前端 IMWeb 团队社区 | blog | 团队博客

使用 Node.js 和 Express.js 搭建简易 HTTP/2 服务器 - w3ctech - **最大的前端技术社区

编写模块化的CSS（第三部分）—CSS文件组织结构 | Zell Liew - 众成翻译

不使用Media Queries的自适应CSS - 众成翻译

RxJS 简介：可观察对象、观察者与操作符 - 掘金

[译]Workcation App – 第一部分 . 自定义 Fragment 转场动画 - 掘金

[译]Workcation App – 第二部分 .带有动画的标记（Animating Markers） 与 MapOverlayLayout - 掘金

[译]Workcation App – 第三部分. 带有动画的标记（Animated Markers） 与 RecyclerView 的互动 - 掘金

[译]Workcation App – 第四部分. 场景（Scenes）和 RecyclerView 的共享元素转场动画（Shared Element Transition） - 掘金

建立更好的代码审查制度

2017-06-29 前端日报

精选

如何在非 React 项目中使用 Redux - 知乎专栏
Javascript编码规范 - Clearlove - SegmentFault
最常被遗忘的Web性能优化：浏览器缓存 - 个人文章 - SegmentFault
【译】统一样式语言 - 掘金
新的开发者提及最多的12个YouTube视频 - 众成翻译
How to Turn a Job Opening into a Dream Job for Top Tech Talent
Building the Web of Things ★ Mozilla Hacks – the Web developer blog

中文

【第980期】在Vue.js中使用Mixins
【译】统一样式语言 - 掘金
2017前端现状--答题救不了前端新人 - 相学长怼前端 - SegmentFault
45岁以后的人生 - 阮一峰的网络日志
css可维护方案：OOCSS VS BEM - 掘金
DevTools 有哪些新东西？(Chrome 59) - 众成翻译
ES2015入门系列1-初识ES2015 - 车·栈 - SegmentFault
ES2015入门系列2-let和const - 车·栈 - SegmentFault
ES2015入门系列3-箭头函数 - 车·栈 - SegmentFault
ES2015入门系列4-参数默认值 - 车·栈 - SegmentFault
git inside --simplified --part '2' - 知乎专栏
JavaScript匿名函数以及在循环中的匿名函数 - 大杂烩 - SegmentFault
JS的平凡之路--模仿Vue写个简单的对象监听 - 掘金
vertical-align和line-heigh搞基那些事儿 - 掘金
Web自动化之Headless Chrome概览 - 堆栈HeapStack - SegmentFault
为什么我们的业务适合用 Node？
了解CSS3位移时间属性 - 众成翻译
从码农到大神：你必须知道的程序员修炼之路
你读React的源代码吗？ - 知乎专栏
六位国内外前端技术专家，带你玩转前端最热门技术
刨根问底HTTP和WebSocket协议
前端周刊第61期：你离 CTC 有多远？ - 知乎专栏
原生js实现简单的链式操作 - 蚊子的博客 - SegmentFault
我所认识的 JavaScript 作用域链和原型链 - 掘金
终端代码重复率检测实践 - 掘金
解密亚洲诚信如何做到HTTPS的最佳安全实践
高度不固定时垂直居中 - 前端 - SegmentFault
鹅厂分享会

英文

A guide to RESTful API design: 35+ must-reads
​An Introduction to Component IO — SitePoint
Contenta Makes Your Content Happy
Data Structures Memory Usage in JavaScript
Flow: What’s the verdict? – Amplitude Engineering
Fonts and Colors Used by Facebook, Twitter, Google+ and More — SitePoint
Form Validation Part 3: A Validity State API Polyfill
Functional Programming For Web Frontend.pdf - Google Drive
GreenSock for Beginners: a Web Animation Tutorial (Part 1) — SitePoint
Grid layout, grid layout everywhere!
How to improve examples for JavaScript library – Hacker Noon
Integrate TypeScript in your Vue project
Move Modal in on a Path
Node.js Will Overtake Java Within a Year: Analysis
RE:DOM – Tiny (2 KB) turboboosted JavaScript library for creating user interfaces
Reflections On React – Burke H✪lland – Medium
Release Notes for Safari Technology Preview 34
Taking Responsive Web Design Beyond the Visual — SitePoint
The Software Developer's Guide to Getting a Job — SitePoint
Using AngularJS components in React – Appify – Medium
Why I'm Switching from React to Cycle.js — SitePoint
Writing Clean and Concise React Components by Making Full Use of ES6/7 Features and the Container…

2017-06-11 前端日报

精选

精读前端调试技巧 - 知乎专栏
CSS 揭秘笔记
利用HTML5 Web Audio API给网页JS交互增加声音
后 ES6 时代的正则匹配
三年来，从未如此随性
Reducing our Redux code with React Apollo
Introduction to the Budget API

中文

Angular 4 快速入门 - Angular 4.x 修仙之路 - SegmentFault
ecma-262 附录B - 众成翻译
JavaScript异步函数_JavaScript, 异步函数 教程_w3cplus
Node.js 8 中的 util.promisify - 翟路佳 - SegmentFault
介绍RxJS在Angular中的应用 - Angular Dev. - SegmentFault
从 Node 6 升级到 Node 8：实时性能比较 - 众成翻译
推荐阅读-第12期 - 知乎专栏
设计更好的数据表格 – uxdesign.cc - 众成翻译

英文

CSS-Tricks Chronicle XXXI
Draw with loops by Daniel on CodePen
Iteration: A Gentle Introduction to Functional Programming
The "Best" Volume Sliders - CodePen Blog
The State of CSS – Ryan Oglesby
Tiddly Bits: Nested Data and Higher Order Components by PJ Trainor on CodePen

Javascript30挑战
User Facing State
奇舞周刊第 210 期
如何实现一个 Git Diff 解析器
【前端推荐第15天】浏览器幕后揭秘
工作五年，后面四年重复着第一年的活儿？
HTML5 进阶系列：拖放 API 实现拖放排序
JavaScript 深入之从 ECMAScript 规范解读 this
Getting Started With The JavaScript Web Animation API

2017-06-17 前端日报

精选

React Router v4 几乎误我一生 - 知乎专栏
JavaScript 最新特性实现的三大黑科技 - 十年踪迹的博客
JavaScript里的真真假假，平等之论 - 众成翻译
SegmentFault 技术周刊 Vol.26 - 年中复盘 —— 程序员的自我修养 - SegmentFault 社区周刊 - SegmentFault
20170616-跨域 - 每日技术笔记 - SegmentFault
Lodash is not (only) for list manipulation!
grab/front-end-guide: 📚 Study guide and introduction to the modern front end stack.

中文

[译] 理解 NPM 5 中的 lock 文件 - 掘金
10个最佳Node.js企业应用案例：从Uber到LinkedIn - 个人文章 - SegmentFault
BitTorrent DHT 协议简述
dva源码解析（一） - zp的笔记 - SegmentFault
H5直播避坑指南
vue.js+socket.io打造一个好玩的新闻社区 - keephhh - SegmentFault
Web 前端知识体系精简 - WEB前端 - 伯乐在线
十行 HTML 实现增强现实
历时四年，StackOverflow终于转向默认使用HTTPS
基于 node 的微小爬虫——扒了一下知乎 - 掘金
基于chrome扩展的脚本注入工具 - 知乎专栏
奇舞周刊第 214 期 ：Progressive Web Animation
容器长宽比_CSS3 教程_w3cplus
怎么写一个React组件库（二） - 众成翻译
揭示不为人知的CSS - 众成翻译
紧贴底部的页脚 - Sunny Blog - SegmentFault
通用应用程序介绍 - 众成翻译

英文

Angular 1.0 Turns Five Years Old – DailyJS – Medium
Building a Progressive Web App with Ember :: madhatted.com
Handling Long and Unexpected Content in CSS
How the minmax() Function Works
Pre Release: Redux-First Router — A Step Beyond Redux-Little-Router
Rodrigo Rosenfeld Rosas - Adopting React.js seems risky for long-term projects
Serverless: Bootstrap your startup by only doing half of the work
TypeScript 2.3: Type-Checking JavaScript Files with --checkJs

Web缓存相关知识整理
JavaScript专题之跟着underscore学防抖
学习不一样的 vue 实战 (2): 项目分析
阐述CSS Grid实现限宽容器全屏效果
我对知乎前端相关问题的十问十答
ELSE 技术周刊
Reactjs小书

腾讯前端大会热力来袭
VueConf全部PPT开放下载
JavaScript编码风格的要素
百度外卖前端技术周刊
【墙】React欧洲大会视频
HTML 速查表
给自己敬仰的技术领袖“表白”的正确方式
Build Yourself a Redux

5月份React十佳文章【英】
从零开始用 proxy 实现 Mobx
Vue SSR和API Proxy层深度实践
Code Splitting in Create React App
What's New In DevTools (Chrome 60)
用JavaScript解释JavaScript虚拟机-内联缓存
如何 Hack 一个存在安全漏洞的 Node.js 应用程序

Very helpful, thanks

2017-07-04 前端日报

精选

一起探索 ES6 的 Generators - 众成翻译
V8 性能优化杀手 - 掘金
入门TypeScript React - 知乎专栏
用CSS3实现无限循环的无缝滚动 - 蚊子的博客 - SegmentFault
前端每周清单：React组件解耦之道；基于Headless Chrome的自动化测试；Angular 2/4是否为时已晚？
A Closer Look Into WebRTC
Learn JavaScript! – JSGuru – Medium

中文

[译] 如何在无损的情况下让图片变的更小 - 掘金
【第985期】用上古**写现代前端
Angular 4.X 踩坑集锦 - 掘金
ELSE技术周刊（2017.07.03期） - 知乎专栏
FEX 技术周刊 - 2017/07/03
HTTP协议-从URI开始 - 掘金
JSX 简易入门 - tec 的前端日志 - SegmentFault
SVG 图标制作指南 - 个人文章 - SegmentFault
vuejs开发H5页面总结 - 前端开发 - SegmentFault
webpack+vue项目实战（一,搭建运行环境和相关配置） - 前端学习之路 - SegmentFault
webpack简易入门 - Vue学习系列 - SegmentFault
Web图片资源的加载与渲染时机 - Leechikit的专栏 - SegmentFault
Web开发野蛮生长的这17年
为什么你不能缺少Linter - 众成翻译
使用 pasition 制作酷炫Path过渡动画
前端框架选型
在物理引擎中画圆弧 - 腾讯Web前端 IMWeb 团队社区
如何搭建 Webpack + Babel+ D3 的开发环境？ - 众成翻译
用Web技术实现移动监测
老鸟学Javascript - 不怕犯错的开发新得 - SegmentFault
记一个 event.target 类型导致的 Bug - CodeSky 代码之空
谈谈对 URIEncode 的一些处理 - CodeSky 代码之空

英文

Backbone (Marionette) to React · turkus
Breaking Change with setState in React 16 Alpha affecting React Native 43
CSS is Awesome
How to Get Started with Your Website Content Security Policy — SitePoint
jaredpalmer/formik: Forms in React, without tears
Programming paradigms: Comparing functional and object-orientated styles in JavaScript
Setting up and deploying a GitHub App in the Azure cloud
Should Users be Permitted to Disable JavaScript? — SitePoint
Sticky headers (#1/3)
Unit Testing Beginners Guide - Part 2 - Spying and fake timers · JSTwister - Javascript unit testing and refactoring
Which Browsers Should Your Website Support? — SitePoint
Why Use a Third-Party Form Validation Library?

Vue.js 作者尤雨溪专访
尝鲜异步迭代器和生成器
CSS即将具备的6种处理器特性
前端leader们如何安排面试
尤雨溪的 Live 说了哪些技术名词？（上篇）
浅析前端开发中的 MVC/MVP/MVVM 模式
Leveraging the Performance Metrics that Most Affect User Experience
Build a Style Guide Straight from Sass

2017-06-20 前端日报

精选

JavaScript专题之跟着 underscore 学节流 - 冴羽的JavaScript博客 - SegmentFault
Vue2 全家桶仿 微信App 项目，支持多人在线聊天和机器人聊天 - 腾讯Web前端 IMWeb 团队社区
URL编码的奥秘
Node.js Color 模块实现入门浅析 - 知乎专栏
前端每周清单：Firefox、Chrome、React、Angular发布新版本；提升RN应用性能的方法
🍾🚀 webpack 3: Official Release!! 🚀🍾 – webpack – Medium
12 Amazing JavaScript Shorthand Techniques – Hacker Noon

中文

"寇可往,吾亦可往" - 用Yii2实现对决支付宝的“微信企业付款到零钱”解决方案 - EasyWeChat版本 - 北哥兄弟连 - SegmentFault
【第971期】「大产品小细节」5分钟了解费茨定律
2017年前端框架、类库、工具大比拼 - WEB前端 - 伯乐在线
ELSE 技术周刊(2017.06.19期) - 知乎专栏
FEX 技术周刊 - 2017/06/19
github 和 gitlab ssh key 共存 - w3ctech - **最大的前端技术社区
REST 2.0 在此，它的名字叫 GraphQL - 掘金
Stack Overflow 2017 开发者调查报告（程序员必看） - 掘金
Vue.js开发常见问题解析 - Web开发从欣喜到绝望 - SegmentFault
一只高扩展性的vue组件库 —— JSMOD - 聊前端 - SegmentFault
了解 ES6 中的Symbol - w3ctech - **最大的前端技术社区
从Console中看看jQuery的原型链 - 掘金
前端性能优化之Performance神器 - 趁你还年轻，做个优秀的前端工程师 - SegmentFault
单身程序猿每日必逛的国产在线资源和工具网站
图像颜色提取 - 方泉水很甜 - SegmentFault
如何在 React Native 中写一个自定义模块 - 极光推送
手把手教你从零写一个简单的 VUE - 斑驳光影 - SegmentFault
测试你的前端代码 – part1（介绍篇）
浏览器的小改进让 Facebook 网站减少 60% 的网络请求 - WEB前端 - 伯乐在线
类的复杂度和函数式编程– Kent C. Dodds – Medium - 众成翻译
翻译首发！「Stack Overflow 的 HTTPS 化：漫漫长路的终点」
腾讯前端面试题：一言不合就写个五子棋 - 简书
谁说 JavaScript 简单的
谈谈爬虫的相关技术 - 爬虫技术 - SegmentFault

英文

4 Ways To Boost Your Vue.js App With Webpack
Code Daily - Tutorial - Using Functions as Children and Render Props in React Components
How to Build a Real-Time GitHub Issue To-Do List with CanJS — SitePoint
JavaScript: What is short-circuit evaluation? – codeburst
jgierer12/prettier-github: Format code in GitHub comments with Prettier
JS Excel, ES2015 edition - JSFiddle
Major Milestones for Publishing@W3C
Oh No! Our Stylesheet Only Grows and Grows and Grows! (The Append-Only Stylesheet Problem)
Tree shake Lodash with Webpack, Jest and Typescript
Using Flow instead of prop-types in React
Vue.js: a 3-minute interactive introduction – freeCodeCamp
Why should I care about front-end architecture? – Bynder Tech – Medium

Node.js 8发布
响应式开发心得
前端性能优化的三个维度
读 Zepto 源码之集合元素查找
Browserslist is a Good Idea
HTTP/2 push is tougher than I thought
Best JavaScript Frameworks, Libraries and Tools to use in 2017

2017-06-19 前端日报

精选

京东618：如何配合业务打造JDReact三端融合开发平台？
【第970期】聊聊vue组件开发的“边界把握”和“状态驱动”
webpack 插件拾趣 (1) —— webpack-dev-server
WordPress 网站开发“微信小程序“实战(二) - DeveWork - SegmentFault
Vue 全家桶 + Electron 开发的一个跨三端的应用 - 掘金
原生JS+Canvas实现五子棋游戏 - 前端学习 - SegmentFault
Firefox 55 for developers - Mozilla

中文

[译] 2017年你应该了解的函数式编程 - 个人文章 - SegmentFault
JavaScript 的 API 设计原则
ng-conf-2017 - Angular Form Validation - Angular 4.x 修仙之路 - SegmentFault
swagger-decorator：注解方式为 Koa2 应用自动生成 Swagger 文档 - 个人文章 - SegmentFault
WEB 文件传输技术全讲解 - 腾云阁 - 腾讯云
把 100 个前端名词穿在身上，V8 文化衫来了 - 知乎专栏
推荐阅读-第13期 - 知乎专栏
极致PCWeb性能 —— 图说舌尖上的脚本 - 全栈客栈 - SegmentFault
通用应用是神马？

英文

Build desktop apps using Electron: The Beginner’s Guide
Do we still need vars? – mycolaos.info
ecrmnn/collect.js: Convenient and dependency free wrapper for working with arrays and objects
giphy.gif (480×259)
Master the fundamentals of React and Redux – Mark Phillips – Medium
Top 6 ways to search for a string in JavaScript — And performance benchmarks
Unambiguous Webpack config with Typescript – Devon Marisa Zuegel – Medium

2017-5-18 前端日报

1. Google I/O 完整盘点，这才是地球上最「性感」的发布会
2. 使用create-next-app零配置创建ReactApp
3. 优秀的前端程序员为什么要加入前端之巅
4. CSS进阶：提高你前端水平的4个技巧
5. 学了这么多年JS,你还是不懂this(下)
6. 你知道 koa 中间件执行原理吗
7. JavaScript 深入之作用域链
8. 你不懂JS：ES6与未来集合
9. 如何设计优秀的 HTML API
10. 浅析 Webpack 插件化设计
11. Readhub开发者资讯
12. requirejs 源码简析
13. 浅谈 Vue 项目优化
14. 腾讯前端大会

2017-06-25 前端日报

精选

ECMAScript 2018 标准导读 - 动感小前端的专栏 - SegmentFault
大型网站前端使用图片格式的正确姿势
腾讯web前端大会（TFC2017）现场笔记 - 掘金
在Javascript中学习数据结构与算法 - 掘金
Alloy周刊第11期
Choosing a frontend framework in 2017 – This Dot Labs – Medium
5 Great Talks From VueConf 2017, The First Vue.js Conference

中文

在 Vue.js 中使用混合 —— CSS-Tricks - 众成翻译
[已完结] TFC 2017 腾讯 Web 前端大会现场记录 - 掘金
[翻译]整合鼠标、触摸 和触控笔事件的Html5 Pointer Event Api - 掘金
【第976期】SVG 新司机开车指南
CSS 学习笔记——CSS Selector - George - SegmentFault
JavaScript 六种继承方式
Object api - 荒原 - SegmentFault
Vue.js全家桶仿哔哩哔哩动画 (移动端APP) - 个人文章 - SegmentFault
一名 40 岁“老”程序员的反思

英文

Building a NodeJS web server with HAProxy and Let’s Encrypt on Debian Stretch
dabbott/react-express: The all-in-one beginner's guide to modern React application development!

周末好像大家都不写文章...

2017-06-14 前端日报

精选

dexteryy/spellbook-of-modern-webdev: A Big Picture, Thesaurus, and Taxonomy of Modern JavaScript Web Development
Web 存储机制_JavaScript, Web存储机制 教程_w3cplus
手摸手，带你用vue撸后台 系列三(实战篇) - 个人文章 - SegmentFault
字号与行高 – 人人网FED博客
🌍上最好用的 js bridge -DSBridge2.0 更新了！ - 掘金
基于 canvas 实现的一个截图小 demo - 掘金
CSS Animations vs Web Animations API

中文

【Javascript】 用Promises实现动画 - 众成翻译
JavaScript 的装饰器：它们是什么及如何使用 - 掘金
Node8.0 之 Napi 探秘 - 掘金
关于前端页面渲染数据结构的思考
奇妙的 CSS shapes(CSS图形) - WEB前端 - 伯乐在线
有一本书，适合零到十年经验的程序员看 - 掘金
细说 Angular 2+ 的表单（二）：响应式表单 - 掘金
谈爬虫反爬虫套路，以及前端工程师在该领域的逆袭
这将会是最全的前端网站导航 - 掘金
Reddit 最糟糕的音量控制设计大赛

英文

BEM by Example
Build a Minimalist HTML Card in just 53 lines of code (with Flexbox)
Cloud Hosting: the Pros and Cons — SitePoint
Create React App with Express in Production
Firefox 54: E10S-Multi, WebExtension APIs, CSS clip-path ★ Mozilla Hacks – the Web developer blog
How to use Webpack’s new “magic comment” feature with React Universal Component + SSR
Introduction to FuseBox — a Faster, Simpler Webpack Alternative — SitePoint
JavaScript: Tightening the Loop (Part 1) – Hacker Noon
JSBC: JavaScript Start-up Bytecode Cache - Google Groups
Latest Updates to the Credential Management API  |  Web  |  Google Developers
Learning Node.js and React while building a product
Results of the Ultimate CSS Survey 2017 — SitePoint
Sass tutorial: A first look at writing more maintainable styles with Sass
Vertical centering until the block reaches specified height by SteelKiwi Inc. on CodePen

前端周刊
光速React
JavaScript 编码指南
Vue.js在饿了么的应用
JavaScript函数的多种写法
JavaScript 深入之new的模拟实现
CSS3 3D 行星运转动画 + 浏览器渲染原理