最佳实践建议

最佳实践建议

开发 PWA 项目过程中，为了能够开发出高性能的代码，我们需要对自己的代码进行一系列的规范约定。在本篇教程中列出一些编写高性能可维护代码的实践建议，供大家参考。

代码规范

首先参照规范写出的代码在可维护性和代码性能方面是非常有效的方法，我们在这里推荐大家参照百度前端编码规范:

• JavaScript 代码规范： https://github.com/ecomfe/spec/blob/master/javascript-style-guide.md

针对百度前端代码规范的 lint 工具，推荐使用 FECS 来验证代码规范。

命名规范

编码时，在命名上面开发者往往很容易忽视一些细节，由于我们的架构是 SPA 类型，最终代码都将打包到一起发布，如果命名发面发生冲突尤其是 HTML 和 样式的命名冲突可能导致意想不到的问题。

class 名

• 以中划线分割词义

component 名

• 定义 Vue 组件名时统一使用 Pascal 命名，如 AppHeader

Vue 开发

通过对 vue 的学习，我们都知道在编写 Vue 代码的过程中需要慎用 dom 操作。

• 用户的操作行为统一通过 Vuex action 或 Component 事件处理

业务代码实现原则

• 保证 Web App 可访问是最低准则