本文主要从工作效率、速度性能、稳定性、响应式、兼容性、搜索 SEO、信息无障碍等方面进行讲解。 前端优化是一个让人技术提升的 point，希望你也能从这里学到一些东西。

防抖和节流是两个相似的技术，都是为了减少一个函数无用的触发次数，以便提高性能或者说避免资源浪费。我们都知道js在操作DOM的时候，代价非常昂贵，相对于非DOM操作需要更多的内存和和CPU时间，假如我们一个函数是在滚动滚动条或者更改更改窗口大小的时候频繁触发，还是会出现页面卡顿，…

对于中大型前端项目，项目规范与代码质量尤为重要。当功能需求变更或需要重构时，随心所欲的(糟糕的)代码可能带来比重新开发还麻烦的问题。 这个问题不用作过多阐述，想必接手过他人代码的同学，多少都有些体会。简单来说，太过随意的代码会让强迫症患者难以容忍，难以阅读理解的代码有时甚至不如…

读者可以先试试将上面例子中的代码进行语义化，再来看文末的答案。 HTML 语义化（按照 W3C 规范正确地使用标签元素和其属性，以下简称“语义化”，HTML 指 HTML5）被很多文章提到，但内容大多是先宣传语义化的必要性，然后劝说读者在开发中多使用语义化标签。 本文不宣传必要…