就是为了“性能”！！！按照经验来说，直出，能够减少20% - 50%不等的首屏时间，因此尽管增加一定维护成本，前端们还是前赴后继地在搞直出。

你应该知道的 4 种 JavaScript 设计模式 - 前端 - 掘金每位开发者都努力写出可维护的、易读的、可复用的代码。随着应用变得越来越大，代码的结构也越来越重要。设计模式验证了解决这个挑战的重点——在特定环境中，对同类事物提供相同的组织结构。 JavaScri...

Web Animations API ( Web 动画 API，简称 WAAPI )可以让我们用 JavaScript 写动画并且控制动画。这些 API 被设计成 CSS Animations 和 CSS Transitions的接口。未来会对这些 API 做补充使其功能更强大，它是对网络上动画化的支持最有效的方式之一。

目前来看，团队内部前端项目已全面实施组件化开发。组件化的好处太多，如：按需加载、可复用、易维护、可扩展、少挖坑、不改组件代码直接切成服务器端渲染（如Nuclear组件化可以做到，大家叫同构)...怎么做到这么强大的优势，来回忆下以前见过的坑，或者现有项目里的坑。

万维网联盟（W3C）2019年12月5日宣布，WebAssembly 核心规范 现在是一种正式的 Web 标准，它为 Web 发布了一种功能强大的新语言。 WebAssembly 是一种安全、可移植的低级格式，能够在现代处理器（包括 Web 浏览器）中高效执行并紧凑地表示代码。

一直以来，JavaScript处理异步都是以callback的方式，在前端开发领域callback机制几乎深入人心。在设计API的时候，不管是浏览器厂商还是SDK开发商亦或是各种类库的作者，基本上都已经遵循着callback的套路。

李成熙，腾讯云高级工程师。2014年度毕业加入腾讯AlloyTeam，先后负责过QQ群、花样直播、腾讯文档等项目。2018年加入腾讯云云开发团队。专注于性能优化、工程化和小程序服务。微博 | 知乎 | Github

近年来，前端监控是越来越火，目前已经有很多成熟的产品供我们选择使用，如下图所示有这么多监控平台，那为什么还要学习搞前端监控？一方面人家是要钱的另一方面自己的项目需要定制化的功能。

一个 CSS 伪类是以一个冒号(:)作为前缀，被添加到一个选择器末尾的关键字，可以让指定的元素在特定的状态呈现指定的样式。例如 :hover，当用户悬停在指定元素时，可以在这个状态给指定元素添加相应的样式，是在 DOM 树无法描述的状态下才能给元素添加样式。

移动端的知识点很多，但是我们公司不大，而且对移动web的相关细节并不是太重视，只是整理了这些。按照这个顺序学习下来，相信简单的项目应该就能应付了。注：相关理论不做详细介绍，附上学习链接

强烈推荐 GitHub 上值得学习的开源实战项目，包含web前端，java，PHP，python，Android/IOS，大数据，区块链，AI机器学习，数据结构与算法，设计模式等等。

（译）实时响应设计的几个原则 - 设计 - 掘金设计实时响应的用户体验时可能有用的几个基本原则： 1、状态清晰 用户应该清楚系统当前所处的状态，任何时候，程序应该向用户传达清楚当前发生了什么并针对用户的每一步操作给出清晰的反馈。 应用程序本身建立在一个非结构化的系统之上，其试图向用户提供结构化的数据。虽然...

李成熙，腾讯云高级工程师。2014年度毕业加入腾讯AlloyTeam，先后负责过QQ群、花样直播、腾讯文档等项目。2018年加入腾讯云云开发团队。专注于性能优化、工程化和小程序服务。微博 | 知乎 | Github

近年来，开源技术得到越来越多的重视，微软收购 GitHub、IBM 收购红帽，都表明了开源的价值。国内公司也越来越多的参与开源，加入开源基金会 / 贡献开源项目。但是，它们到底做得如何呢？为此 InfoQ 统计了国内在 GitHub 上较活跃的 7 家一线互联网公司的 50 多个账号的 2800 多个项目，为大家呈现一部分答案。

Web Worker 作为浏览器多线程技术, 在页面内容不断丰富, 功能日趋复杂的当下, 成为缓解页面卡顿, 提升应用性能的可选方案. 但她的容颜, 隐藏在边缘试探的科普文章和不知深浅的兼容性背后; 对 JS 单线程面试题倒背如流的前端工程师, 对多线程开发有着天然的陌生感.

寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存…