我们应该如何编写高质量的前端代码

编写高质量代码是每一个程序员必备的技能之一，可以有效地进行项目的维护以及项目的合作开发

01 前言

---

这要从很久的事情开始说起，前端最初的发展就像一团浑浊的云团，什么都往一块写，然后东拼西凑，最后竟然能运行。其实每个人前端人都会对页面的混杂感到头疼，谁不想好好优化一下呢？但是奈何那会没有成型的工具，更没有现在高质量的组件库，从此解放了我们的代码编写，真正做到了开箱即用，它不香吗？

从最初发展到现在，代码无非就是进行了高度的解耦，让每一个部分都负责自己的内容，把结构、样式与行为分离，使得代码的职能非常清晰，看什么都舒服。所以后来很多前端都要求把自家的网站进行重构，毕竟谁也不想接手上一代遗留下来的产品，自己重新写一套都比他们的要舒服。

02 代码维护难点

---

为什么说前端的代码难以维护呢？其实主要是出于以下的三点：

浏览器层面

浏览器是我们前端人经常打交道的工具，其实是浏览器孕育了前端这个大家庭，也是我们生存的根本。假如用户不需要看东西，不需要进行交互，或者我们就不需要存在了。不知道大家是否了解过全息投影？等到那项技术普及的时候，我们又是做着什么样的工作呢？

虽然现在浏览器的兼容性越来越好，主流的浏览器一般都会兼容很多css属性，最起码常用的、多人使用的你是一定要支持的，像flex布局这种神仙属性。当我们习惯于使用某一个浏览器（如谷歌）之后，再尝试使用360浏览器，你会发现自己根部看不下去。就像你习惯于使用谷歌搜索，但是要你使用百度一样的道理。

所以前端浏览器之间的兼容是我们必须要跨过的一道坎，即使现在的兼容性越来越好，但是用户群体也有很多使用IE或者360浏览器的，我们也不能忽略他们的使用。可是有一句话说，兼容IE就是浪费生命，自己细品一下。

技术层面

由于每一家的公司使用的技术都不太一样，事实上很多公司都会有自己内部的框架，我们要使用他们内部的框架与现有的技术框架结合在一起，那也是一件很头疼的事情。即使你是一位刚跳槽进来的员工，也是