用整洁、语义清晰的HTML编写网站代码是我们一直孜孜以求的。有时我们会发现前人配置页面的方式限制了我们，或者有时我们编写的是HTML格式的email模板。但永远不要偏离HTML的规范

搭建web app常用的样式/组件等收集列表(移动优先)

天下武功，无坚不破，唯快不破。对前端而言，快意味着要求资源体量更小、数量更精简、内容更早呈现、交互更加人性化。当项目做到一定程度，就应该考虑性能的问题，前端的性能优化有诸多有迹可循的理论和方法，比如 Yahoo！性能军规、Google PageSpeed Insights Rules。

ALog 是前端统计框架。 我们会使用或开发各种不同的统计模块对产品的使用情况进行收集，以便衡量产品的健康状况和对产品发展方向进行决策 随着前端交互越来越丰富，统计要分析的维度也越来越多样

一个书签 bookmarklet 用于创建一张浏览器中加载资源的前端性能热图

FECS 是基于 Node.js 的前端代码风格工具。 灵活 安装简单，深度可配置性 高效 基于 Stream，文件流转从未如此迅速 齐全 四大语言支持，前端代码质量有保障 基于四个工具  htmlcs  检查、格式化 HTML 代码  csshint  检查 CSS 代码  lesslint  检查 Less 代码  jformatter  修复 JS 代码...

wttr.in - wego的Web前端

高效的 javascript ；Node. JS 面试问题及答案(2017 版)；Webpack 2 终极优化；用 Vue2+Koa1 开发完整的前后端项目；JavaScript 常用积累；使用自记忆函数提高页面性能； 前端开发 者的 Chrome extensions/apps；VueCircleMenu

Vtocc是vitess项目中第一个可用的产品，它的作用是作为MySQL的 前端，为接收和发送SQL命令提供一个RPC接口。它能够在少量且吞吐量合理（~10kqps）的数据库连接上高效复用大量的传入连接（10K+）。另 外，它还内置了SQL语法分析器，使得服务器有能力理解并优化处理接收到的查询语句。

TuxedoJS 是全功能的前端 JavaScript 框架，基于 React 视图层，Flux 架构和 CommonJS 模块。Tuxx 包含了所有 React 的性能优势。

ClickSpark.js 是一个开源的实用前端工具，它基于 HTML5 和 JavaScript 实现。ClickSpark.js 可以在你的 JavaScript 事件上增加漂亮且实用的效果。此功能的特殊之处在于，那些图像文件可以作为单个的颗粒使用。它很灵活且容易配置。

记得前百度工程师张云龙说过，页面前端优化问题绝对不仅仅是为页面提速的问题，更是工程的问题，有兴趣的同学可以阅读《前端工程与性能优化》。

12行 JS 代码 的DoS攻击分析及防御；2017 年前端工程师应该学习什么；也许是史上最全的前端资源大汇总；6 个值得好好学习的 JavaScript 框架；javascript DOM编程艺术2笔记之数组与对象；前端工程师手册；Google 是如何开发 web 框架的； Vue 原理解析之 observer 模块 1. 12行JS代码的DoS攻击分析及防御 ​​​ 有一段12行的JavaSc

不好意思，没有像其他公众号一样赶着发文章，每年到这个时候总有一大波什么今年前端预测，技术框架预测什么的。我这次写这篇文针对的对象，是想在今年踏入前端这行的人们，不管你现在是徘徊在门口，还是已经半只脚踏入这片未知领域，都可以参考一下先行者的经验。

那些关于 IE 兼容你还不知道的事儿；看懂前端脚手架你需要这篇 Webpack；Material Design 风格的轻量 Vue . JS 组件库；从零开始成为一名开源程序员，其实只需要九步；初识 HTTP /2（二）； js 语法： 由++[[]][+[]]+[+[]] = 10 ？引发的问题；最受欢迎的十款AngularJS开发工具； html 和 CSS 技巧点滴

本文主要介绍“关键渲染路径”与“网络”两个方面的性能优化并提供demo，篇幅较长建议电脑观看。

FEinit 是基于Nodejs 的前端工具集，因为是在windows系统开发，所以目前仅适合 windows 系统。

在团队中，代码规范的统一不仅能提高代码质量，对代码的维护者来说也是节省成本的事情。要知道在团队中，我们平常写代码不能仅仅考虑到自己的感受，在业务的更替中，往往维护者也会更替。在业务的交接过程中如何降低交接成本也是很重要的事情，因为我们不可能总是甩手的人，大家往往也是另一个业务的接替者。

你开始使用渐进启动了么？是不是已经使用过React和Angular中 tree-shaking 和 code-splitting 两个工具？有没有用过Brotli、Zofli和HPACK这几种压缩技术，或者OCSP协议（在线证书状态协议）？知不知道资源提醒，客户端提醒和CSS containment一类的技术？了解IPv6，HTTP/2和Service Worker这些协议吗？

前端事件绑定知识点（面试常考）；合格前端系列第六弹-从指向看 JavaScript ；刺破 Vue 的心脏之—— 响应式 源码分析；10个JavaScript难点；webpack多页应用架构系列（十六）：善用浏览器缓存，该去则去，该留则留； JS 事件浅析；htcap：一款实用的递归型 web 漏洞扫描工具；使用node爬虫，爬取指定排名网站的JS引用库