《Web前端开发最佳实践》——导读

https://yqfile.alicdn.com/451e5dd4e2211b59763f3ae52290233b840c001a.png" >

前　言

web前端开发入门难度并不高，但是初学者如果没有一个很好的学习和编码习惯，则开发水平的提高速度会变得很慢。下面几点是影响web前端开发者技术提高的主要因素。

其一是开发者缺乏良好的实践指导。web前端兴起的时间不长，很多大学都还没有来得及开一门专门讲解web前端的课程，因此，大部分的web前端开发者都是通过自学的方式来了解web前端相关的技术。开发者学习前端技术的渠道很多，其中很大一部分是通过查找网络资源的方式，而网络上充斥着大量的错误或者过时的实践方法，这些实践方法很容易误导初学者，使得初学者养成了一些不良的开发习惯。因此，web前端开发的初学者非常需要一些能帮助他们快速、正确地进行web前端开发的最佳实践方法。

其二是开发者容易产生浮躁的情绪。web前端虽然兴起时间不长，但是发展很迅速，技术的更新换代也非常快，这本来是一件好事情，但也使得很多web前端开发者产生了浮躁的情绪。开发者疲于追逐各种最新的技术，而忽略了最基础的技术概念。这些开发者对node. js、angularjs、polymer等相关概念相当熟悉，但对html标准规范、ajax的原理、css选择器的优先级等基本的概念却理解得不够深入。实质上，虽然web前端技术更新换代速度很快，但也离不开html、css、javascript这3个基本的技术。web前端的开发者应该明白：只有掌握了扎实的基础知识，才能在学习新技术的时候更容易上手，并且更快地理解新技术的原理，否则只是接触新技术的皮毛而已。

其三是开发者不善于利用各种开发工具。人类文明之所以快速发展，和人类善于使用工具是分不开的。人类是感性动物，并不能保证每次都能正确地做同样的事情，但工具不一样，只要环境相同，工具每次处理的结果应该是一样的。类比到web前端开发中，聪明的程序员应该学会利用各种辅助开发工具来提高开发效率，减少不必要的错误。web前端开发中的工具覆盖了开发过程的方方面面，包括设计、开发、测试、部署等阶段的辅助工具。善于使用工具也是web前端开发中必备的一项技能。

目　录

第一部分　高效web前端开发综述

[第1章　web前端开发概述

<a href="https://yq.aliyun.com/articles/119380">1.2　web前端开发现状</a>

<a href="https://yq.aliyun.com/articles/119384">1.3　规范的web前端代码：更易维护、更高性能和更安全</a>

[第2章　高效web前端开发

<a href="https://yq.aliyun.com/articles/119391">2.2　前端代码重构</a>

<a href="https://yq.aliyun.com/articles/119394">2.3　合理使用前端框架</a>

<a href="https://yq.aliyun.com/articles/119400">2.4　多浏览器测试：多测试，早测试</a>

<a href="https://yq.aliyun.com/articles/119404">2.5　web前端代码开发和调试</a>

<a href="https://yq.aliyun.com/articles/119414">2.6　前端代码基本命名规范和格式规范</a>

第二部分　html最佳实践

[第3章　标准的html代码

<a href="https://yq.aliyun.com/articles/119419">3.2　标准的html页面结构</a>

<a href="https://yq.aliyun.com/articles/119423">3.3　正确闭合html标签</a>

<a href="https://yq.aliyun.com/articles/119428">3.4　停止使用不标准的标签和属性，简化html代码</a>

<a href="https://yq.aliyun.com/articles/119431">3.5　样式与结构分离</a>

<a href="https://yq.aliyun.com/articles/119436">3.6　添加javascript禁用的提示信息</a>

<a href="https://yq.aliyun.com/articles/119443">3.7　添加必要的&lt; meta &gt;标签</a>