ceshi aa

查看往期

业界动态
1.TypeScript 2.2版本发布

2.AngularJS最新发布版本：4.0.0-rc.5、2.4.10

3.VueJS最新发布版本：2.2.4

充电站

1. 如何落地和管理一个“大前端”团队?饿了么大前端团队解密

2当很多人还在讨论、观望「大前端」这个概念时，饿了么已经着手组建了自己的大前端团队。为什么要叫大前端团队？它的职责定位是什么？这种模式有何利弊？一起来看吧！

1. PWA 在饿了么的实践经验

PWA （ Progressive Web Apps，渐进式网页应用）是由谷歌提出的新一代 Web 应用概念，旨在提供可靠、快速、类似 Native 应用的服务方案。本篇旨在和大家分享「饿了么 M 站」在 PWA 改造中的实践经验。涉及到的方面有：PWA 线上部署的准备工作、多页应用的 prerender 优化、实践过程中踩到的（和推进解决的）坑。

3.滴滴 webapp 5.0 Vue 2.0 重构经验分享

项目背景:滴滴的 webapp 是运行在微信、支付宝、手 Q 以及其它第三方渠道的打车软件。借着产品层面的功能和视觉升级，我们用 Vue 2.0 对它进行了一次技术重构。

4.Writing a JavaScript Framework - Client-Side Routing

This is the last chapter of the Writing a JavaScript framework series. In this chapter, I am going to discuss how client-side routing in JavaScript differs from server-side routing and why should it be treated differently.说明：这是系列文章中的一篇，大家可以到对应网站查找其它相关文章。

5.那些年，我们一起写过的“单例模式”

度娘上对设计模式（Design pattern）的定义是：“一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。”它由著名的“四人帮”，又称 GOF （即 Gang of Four），在《设计模式》（《Design Patterns: Elements of Reusable Object-Oriented Software》）一书中提升到理论高度，并将之规范化。在这里，我想结合我们的 Android 项目，谈谈大家在其中使用到的一些设计模式。一则，就个人的学习经验看来，研究例子是最容易学会设计模式的方式；二则，其实设计模式的应用同所使用的编程语言和环境都是有关系的，譬如说，我们最先要讨论的单例模式，在 Java 中实现的时候就要特别注意不同 JDK 版本对该模式造成的影响。所以会特意针对我们所关注的 Android 项目进行一些分析。希望通过理论与实践相结合的方式，深入学习设计模式，并自然而然地合理运用到将来，从而完美解决更多问题。

6.浏览器亚像素渲染与小数位的取舍

在响应式项目中，百分比的数值的应用越来越多，比如栅格化布局、背景定位、内边距等。以往对于这种数值，我们大都是直接采用计算器计算出来的数值。但这种数值有时会很长，特别是除不尽的数值如23.33333333%。数据不美观不说，关键对于这种小数位的位数应该如何取舍，一直以来都没有理论依据。

7.前端服务化——页面搭建工具的死与生

早在 jquery ui、bootstrap盛行的时代，就有过无数这样的工具，我没有用过，也不会去用。原因有一万个:业务需求太灵活，工具都是基于已有的组件库，个性化的东西搭不出来；前端技术发展太快，工具整合没有那么迅速；有学习成本，不如手写快，灵活性没有手写高。在包括我的很多前端看来，这条路上尸骨累累，甚至有很多连痕迹都没有留下。但是失败者最多的路，并不一定是死路。如果都没有抛开过头脑里的成见，没有进行过独立思考就放弃了，未免太盲目。这篇文章就当做我在求生之路上的记录。也请读者暂且忘掉所有的经验，轻装上阵，这趟旅途不会让你失望。

8.从达标到卓越 —— API 设计之道

淘宝 FED 团队关于 API 设计的经验和积累。

9.怎样写出漂亮整洁的代码？聊聊clean code的编码、重构技巧

本文从clean code的几个大前提出发，提出了实践clean code的一些手段，重点放在促成clean code的一些常用编码和重构技巧。本文只代表笔者本人的一点点感悟。好的代码，最需要的，还是大家不断追求卓越的精神。你有什么经验可以分享呢？

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

本文是百度搜索资深Web前端工程师沈洲在前端之巅微信群中的分享整理总结而成。

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

构建一个数据平台，大体上包括数据采集、数据上报、数据存储、数据计算以及数据可视化展示等几个重要的环节。其中，数据采集与上报是整个流程中重要的一环，只有确保前端数据生产的全面、准确、及时，最终产生的数据结果才是可靠的、有价值的。 为了解决前端埋点的准确性、及时性、开发效率等问题，业内各家公司从不同角度，提出了多种技术方案，这些方案大体上可以归为三类：代码埋点、可视化埋点、无埋点。

12.教你如何从0到1实现组件化架构

本篇主要讲解组件化架构思想，从零教你如何组件化一个项目，当然组件化也遇上许多坑。

13.从技术角度谈一谈，我参与设计开发的手Q春节红包项目

今年春节期间，QQ以AR技术为支撑、娱乐体验为导向在春节期间推出系列红包并成功刷屏，系列红包包括三大玩法+年初一彩蛋，分别是“LBS+AR天降红包”、刷一刷红包和“面对面”红包，加上“娱乐红包”(明星刷脸红包)，共计在春节期间派发了2.5亿现金红包和价值30亿的卡券礼包。根据企鹅智酷提供的数据，手机QQ的用户渗透率在全平台排名第二，为52.9%（第一是微信）。本文将会详细介绍手Q春节红包项目的设计、容灾、运维、架构以及总结。

14.关于技术选型的那些事儿

滴滴小巴业务技术负责人的经验之谈，技术选型关键需要思考三个角度：技术、业务和人。

15.JavaScript 的 this 指向问题深度解析

JavaScript 中的 this 指向问题有很多博客在解释，仍然有很多人问。上周我们的开发团队连续两个人遇到相关问题，所以我不得不将关于前端构建技术的交流会延长了半个时候讨论 this 的问题。

百宝箱

1. Element组件库

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。

1. 写在 Element 一周年之际

就在今天，即 3 月 13 日，Element 迎来了它一周岁的生日，对，它一周年了。一年前的今天，GitHub 中的一个 eleme / element 仓库悄然诞生…

1. 如何达到facebook发版速度：Dropbox灰度发布平台系统架构

导读：大型互联网公司推出新功能之前，会选择一小部分用户进行灰度及 A/B 测试，并根据这些反馈对功能进行改进。知名的有 facebook 的 Gatekeeper，LinkedIn 的 XLNT 等，最近 Dropbox 也公布了其灰度发布平台。本文由魏佳翻译，转载请注明来自高可用架构。

1. Golden Guidelines for Writing Clean CSS

As mentioned, there are some rules for writing clean CSS that you should try your best to avoid breaking. They’ll help you write CSS that is lightweight and reusable: Avoid global and element selectors; Omit overly specific selectors; Use semantic class names; Don’t tie CSS too closely to s you build VR apps using only JavaScript. It uses the same design as React, letting you