我爱编程

前端架构之路(3) - 前端开发规范

2018-06-15  本文已影响46人  senntyou

前端开发规范

1. 为什么需要 “前端开发规范”

规范不是强制性的,对代码的编写和程序的运行不会有致命的问题,但是没有规范会有一系列的问题,比如:

所以,建立一套适合团队的开发规范是很受用的。

2. 开发规范分类

这里不涉及工作流程规范,因为每个团队的工作流程都不一样,这是跟公司相关的,与开发没有太大关系。一般来说,有以下几类规范:

2.1 编码规范

其实,我一般参考的是 Code Guide

2.2 项目结构规范

项目结构规范包括文件、目录命名规范,模块化分组规范,组件化规范等等,这些规范有些是构建工具要求的,有些是团队自己定的。

以下是一些示例:

2.3 框架、工具规范

框架和 UI 库

构建工具

构建工具的使用使开发变得极为便利和高效,工具在提升工作效率的同时,也同时提供了约束团队编码规范、项目结构规范等的可能性。

约束项目结构规范需要团队讨论来定,但基本上需要满足以下几个需求:

lila 构建工具为例,它的 工作空间 概念便很好的满足上述所有需求:

比如,home 页的工作空间(/project/src/home/),这个页面(或者组件)所有文件都在这个目录下,包括 js、css、html片段、图片、json模拟数据等等。

2.4 其他约定

如:

3. 后续

上一篇:本地化接口模拟、前后端并行开发

下一篇:前端开发文档

更多博客,查看 https://github.com/senntyou/blogs

作者:深予之 (@senntyou)

版权声明:自由转载-非商用-非衍生-保持署名(创意共享3.0许可证

上一篇 下一篇

猜你喜欢

热点阅读