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

2017-06-07 本文已影响411人尾尾

因个人精力有限，暂停简书的维护，欢迎大家关注我的知乎https://www.zhihu.com/people/wei-wei-24-86-36/activities，会持续分享前端、Web开发相关文章

编辑 | 尾尾

2016年6月5日，前端之巅公众号发出了第一篇文章。整整一年过去了，前端之巅吸引了近4万名淀粉，社群人数也近4千人。今天，尾尾为大家打包了前端之巅这一年的文章，希望能给各位淀粉回顾学习带来便利。

同时，为了感谢大家的支持和厚爱，截止2017年13号晚8点整，在原文原文原文原文地址《收藏指数满格！帮你打包前端之巅一整年好文！**》地址下留言点赞数最多的前3名淀粉将获得由博文视点赞助的图书一册，第4~10名淀粉将获得前端之巅定制明信片（加盖前端之巅专属橡皮章哦）。

一、前端深度

深度探讨

深度探讨MVC式Web架构演进：多形态发展

我看大前端：终端碎片化时代下，所有表现层的整合

我理解的“大前端”或“大无线”

我为什么反对“大前端工程师”的概念

当我们在谈大前端的时候，我们谈的是什么

从WKWebView出发，以前端角度看混合开发

大前端年终总结与展望：大前端时代即将来临？

响应式技术在JS和Web界的现状及未来如何？

HTTPS之难，难于上青天？

Web不是未来会赢，而是已经赢了

前端工程师的第三春即将到来？——解析three.js的WebVR示例程序，WebVR竟然如此近！

你需要开发PWA应用吗？

巅峰观点

散养?饿了么大前端团队究竟是如何落地和管理的?

贺师俊：如何看待 left-pad 事件

前端巅峰论：框架之争，出路何在？

『司徒正美』答群友问

我为何放弃Gulp与Grunt，转投npm scripts

阿里资深前端工程师桐木：站在10年研发路上，眺望前端未来

链家网前端总架构师杨永林：我的8年架构师成长之路

群分享预告：饿了么基于Vue 2.0的通用组件库开发之路

大前端2016盘点：如何成为公司所需的T型人才？ | 今晚直播

前端技术概念大爆发，软件工程师应如何自处？

腾讯Web前端最高技术级别工程师的技术人生丨今晚直播

链家网前端总架构师教主：程序员不是你想的那样 | 今晚直播

饿了么大前端总监：什么样的人可以称为架构师？

司徒正美：前端江湖纷乱，框架之争，出路何在？

发展总结

2016前端开发技术巡礼

一文回顾 JavaScript 模块演化简史

3D 技术在电商网站中的应用和发展

JavaScript领域中最受欢迎的“明星”们

SAM模式构建函数响应式前端架构的五条结论

JS开发者福音Elm：语言级响应式编程

Google QUIC协议：从TCP到UDP的Web平台

踏上可信前端之路：保护代码，JS混淆到底是不是纸老虎？

实时响应的Web架构：完全动态和响应式现代Web组件

JavaScript 启动性能瓶颈分析与解决方案

36个代码块，带你读懂异常处理的优雅演进

扩展JS应用在架构性取舍上应关注八点要素

提高复杂组件可复用性，不了解IoC怎么行？一文掌握前端 IoC 理念，速戳！

二、框架之争

三、实践

团队实践

百度

聊一聊百度移动端首页前端速度那些事儿

如何重构一个大型历史项目——百度经验改版总结

百度SSP单页式应用性能优化实践

百度搜索对PWA的探索和初步实践

百度日请求量700 亿+，BFE如何处理数据拥堵？ | Golang 在 Baidu-FrontEnd 的应用之路

百度贴吧：复杂 Web 前端项目的构建工具优化实践

阿里

天猫首页全解密

天猫11.11：双11晚会和狂欢城的互动技术方案

天猫前端基础技术体系简介

聊一聊淘宝首页和它背后的技术

一文了解支付宝前端应用架构发展史

饿了么

PWA 在饿了么的实践经验

PWA实践：理解和创建 Service Worker 脚本

PWA 实践：从一个简单的页面开始

饿了么基于Vue 2.0的通用组件库开发之路

美团

美团点评酒旅前端的技术体系一览

美团点评前端无痕埋点实践

滴滴

滴滴：公司级组件库以及MIS系统的技术实践

滴滴WebApp实践经验分享

滴滴张耀春：如何打造公司级公共前端团队

携程

IMVC（同构 MVC）的前端实践

蘑菇街

蘑菇街前后端分离实践

京东

京东618：三大系统防作弊，挑战直面用户的困难

京东前端：PhantomJS 和NodeJS在京东网站前端监控平台的最佳实践

京东前端：三级列表页持续架构优化

前端如何展示商品属性：SKU多维属性状态判断算法的应用

技术实践

如何打造亚秒级页面加载速度的网店？

前端组件化开发方案及其在React Native中的运用

HTML5游戏引擎开发一站式解决方案——青瓷引擎

400%飞跃：Web 页面加载速度优化实战

Coding WebIDE 前端架构变迁

开发可扩展Web应用：React+Redux+React-router

魏晓军：携程HTML5性能优化实战

如何度量真实的网页性能？一文了解V8怎么做的

复杂单页应用的数据层设计

如何根据语言习惯简化对象构造函数的创建过程

前端开源项目持续集成三剑客

前端人应该知道的排序知识

聊一聊前端存储那些事儿

你忽略了的Redux：一种页面状态管理的优雅方案

React Native应用如何实现60帧/秒的流畅动画？

AMP与MIP等移动页面加速框架的探索与实践

如何做好H5性能优化？

如何保证H5页面高质量低成本快速生成？

实测Vue SSR的渲染性能：避开20倍耗时

大型高性能React PWA如何消除各类性能瓶颈？

为性能而生！Twitter新推出的Twitter Lite究竟是如何构建的？

探索Redux的最佳实践

可供参考的四个Webix实例：生成多种类型的JavaScript列表

你还在用有漏洞的过期JavaScript库吗？

四、前端动态

每周清单

前端每周清单第16期：JavaScript 模块化现状；Node V8 与V6 真实性能对比；Nuxt.js SSR与权限验证指南

前端每周清单第15期：Node.js v8.0发布，从React迁移到 Vue，前端开发的未来

前端每周清单第14期：Vue现状与展望、编写现代 JavaScript 代码、Web 开发者安全自检列表

前端每周清单期13期：Webpack CLI 发布、Angular 5 可期待的新特性、解密现代浏览器引擎构建之道

前端每周清单第12期：支付宝前端构建工具发展、LinkedIn用Brotli加快网页响应速度、饿了么PWA 升级实践

前端每周清单第11期：Angular 4.1支持TypeScript 2.3，Vue 2.3优化服务端渲染，优秀React界面框架合集

前端每周清单第10期：Firefox53、React VR发布、JS测试技术概述、Microsoft Edge现代DOM树构建及性能之道

前端每周清单第9期：React Studio 1.0.2、ECharts GL 1.0 alpha发布；向jQuery用户介绍Vue

前端每周清单第8期：React 16 即将发布，微软发布跨平台开发框架 ReactXP，Twitter Lite 的构建之道

前端每周清单第7期：Next.js 2.0 发布，Vue.js 2.2 完整API 手册，Safari 10.1 新增系列重要特性

前端每周清单第6期：Angular 4.0学习资源，Egg.js 1.0发布，六问CTO程序员如何成长

前端每周清单第5期：jQuery 3.2发布，滴滴采用Vue 2.0重构Web App、饿了么 PWA 实践经验分享

前端每周清单第4期：React Router 4.0发布、Firefox 52默认支持WebAssembly、苹果热修复门盘点

前端每周清单第3期：Instant App将至，WebAssembly将获默认支持，PWA实践渐增

前端每周清单第2期：Vue 2.2发布，React在GitHub突破6万star

前端每周清单第1期：PWA 将与安卓原生平起平坐

一线动态

GitHub使用Electron重写桌面客户端

Node.js v8.0 新特性一览

最终，JavaScript成为了一流语言

TypeScript 2.3新特性：泛型参数默认值、异步迭代器等

Node.js根本没有float：浮点反序列化错误背后的故事

Facebook开源JavaScript代码优化工具Prepack

V8 不再使用基准测试引擎 Octane

Slack团队切换至TypeScript，简化大型JS代码库管理

Phantom.js维护者Slobodin退出，项目未来将何去何从？

深入研究Chrome：Preload与Prefetch原理，及其优先级

TypeScript 2.0 正式发布 | 面向未来兼容：用ES2015+/TypeScript开发Node.js项目

Bloomberg开源BuckleScript 1.0 助力JS平台大规模高性能软件开发

微软发布TypeScript 2.0 RC版本

Chrome 53 支持Shadow DOM、PaymentRequest等规范

减少内存消耗：谷歌V8 JS引擎引入新解释器Ignition

Windows 10推出周年更新，Edge浏览器支持扩展并改进JavaScript支持

个人可申请微信小程序！附小程序学习资源

为快速生成基于JS的Web应用，微软发布系列工具

Chrome开始集成图形识别 API，一行代码识别人脸

关于Node.js存在反序列化远程代码执行漏洞的安全公告

Web APP 实现水平滑页翻页交互效果的要点解析

阿里开源的企业级Node.js框架egg应如何看待？

一次一个微优化，改进Node.js应用的吞吐量

Opera推出实验性概念浏览器Neon

Webpack 2最终版本发布，聚焦文档内容提升

NativeScript 2.2将Webpack引入Angular项目

Windows 10推出周年更新，Edge浏览器支持扩展并改进JavaScript支持

Webpack Dashboard迅速流行，Webpack构建信息一目了然

Chrome 54终结YouTube的Flash内嵌技术

V8引擎内存消耗的分析和优化

Facebook开源JavaScript包管理器Yarn

NodeJS第7版升级到V8 5.4版

Angular 1.X在Firefox扩展开发中遭禁用

Linux基金会迎来了JavaScript社区

Vue.js作者尤雨溪加盟Weex项目担任技术顾问

用Visual Studio Code调试iOS Web应用？美梦成真！

NativeScript 2.2将Webpack引入Angular项目

JavaScript音频库Howler.js 2.0版改进了Web音频的播放

HTTP/2的应用实战：每天400gb图片

Facebook发布新工具Create React App

Web在努力变身为OS，加强版Web应用将有新表现

Bootstrap将放弃对IE9的支持

TypeScript 2.1新特性一览

Firebug停止更新和维护

NativeScript迎重大更新,支持Web Workers规范

天猫即将不支持IE8

进入里程碑阶段的WebAssembly会威胁到JS吗？

Chrome和HTTPS：安全Web的征途

Next.js开源，提供基于React的简单通用JS框架

美国成人网站使用WebSocket绕过广告屏蔽插件

Dart最新消息：Angular 2 Dart及Flutter发布

npm 4.0废弃Prepublish生命周期脚本

五、知识积累

More than React

More than React（五）异步编程真的好吗？

More than React（四）HTML也可以静态编译？

More than React（三）虚拟DOM已死？

More than React（二）组件对复用性有害？

More than React（一）为什么ReactJS不适合复杂的前端项目？

ES6

深入浅出ES6：魔力四射的生成器 Generators 续篇

深入浅出ES6：集合

学完Babel和Broccoli，马上就用ES6

深入浅出ES6：Symbols

深入浅出ES6：箭头函数 Arrow Functions

ES6：掌握解构Destructuring

一文掌握ES6中的不定参数和默认参数

深度了解ES6:模板字符串

深度了解ES6：魔力四射的生成器 Generators

小程序

刷爆朋友圈的“微信应用号事件”始末及相关资料整理

张小龙首次全面阐述小程序，定档1月9日上线（内附演讲全文）

一起脱去小程序的外套和内衣 - 微信小程序架构解析

以实践真正理解小程序

群分享预告：开发小程序+，轻芒所踩过的坑

创建一个兼容微信小程序的Web框架

微信小程序剖析：原生的实时DOM转Virtual DOM

如何在Chrome浏览器上运行微信小程序？

微信小程序剖析 | 运行机制及框架原理

微信小程序来了，产品和运营就不需要跪求程序员了？

六、往期活动

优秀的前端程序员为什么要加入前端之巅？

【前端之巅】淀粉恩爱集

群分享预告：优雅地管理数据状态？The Redux Way in 广发证券

「全栈式前端」已来，你来不来？

升级你的前端开发思维

不为畅销而出书？主编，你这是要闹哪样？！

群分享预告：百度搜索对PWA的探索和初步实践

前端技术日新月异，技术人如何避免掉队？BAT大咖们这样说！

前端工程师情人节专属树洞

群分享预告：PhantomJS & NodeJS 在京东网站前端监控平台的最佳实践

群分享预告：滴滴公司级组件库以及MIS系统的技术实践分享

滴滴公共FE团队答群友问

群分享预告：滴滴WebApp实践经验分享

群分享预告：扒一扒滴滴公共FE团队都做了什么？

【粉丝福利】第1弹：学React？速戳领书！

群分享预告

群分享预告：Coding WebIDE 前端架构变迁