规范沉淀，方便你我他 | 记「 金融前端开发规范 」的诞生

点击「京东金融技术说」可快速关注

「引言」随着金融业务的快速发展，对于开发人员的挑战越发增加；如何在多人团队开发的项目中，保持代码的快速迭代、高可读性、健壮性值得我们深思。

业务快速发展的同时，团队规模也随之快速增长，如何使新人快速融入团队、快速进入开发，统一的编码规范及思想显得尤为重要。

 一、 我们为什么要建立  「金融前端开发规范」？ 

1.规范开发，提高金融前端团队统一代码规范意识，从而提高代码质量及开发效率

每个开发人员都会有一些自己的开发习惯，有些较个性的习惯无伤大雅，但有些可能会给自己、给别人带来一些不必要的麻烦；拿最基本的代码注释这件事来说，有些研发同学热衷于写注释，有些则觉得写注释耗费时间，或者说有其它原因没有时间编写，但就注释本身来说，什么时候需要写注释又不影响开发效率，如何写，要写哪些内容等等其实应该是有规范及说明的，好的注释有利于维护及交接代码，可以生成文档等；所以在团队中，大家有统一的代码规范意识，一些基本的规范大家都在遵守，久而久之，形成习惯，在一定程度上可以大大提高代码的质量及开发效率。

2.通过此项目促进金融各前端团队技术交流

在整个规范讨论及制订的过程中，联合了几个金融的前端负责人及核心研发，反复讨论、推敲、沉淀每一个规范及细节；除了规范外，每一次在技术讨论、思想交流中，都有新的收获；所以，此项目并不是结束了，而代表更多新项目要开始了~

3.提供规范作为新人入职及编写代码参考

规范并不是限制人，其实是让人更洒脱！不用再纠结于二个空格还是四个空格，不必在犹豫不定的细节上花费功夫，而是可以将更多的时间和精力放在更深的钻研业务和技术上。

黄金规范：不管有多少参与者，代码都应该像同一个人所写。 

 二、金融前端开发规范包含了什么？ 

1.命名规范：目录、文件，嵌入资源，配置文件等；

2.HTML规范： 语法，兼容性，属性，选择器等；

3.CSS/SCSS规范：基本语法，声明，媒体查询，嵌套，选择器，代码组织等；

4.JAVASCRIPT / ECMAScript 6规范：基础语法，变量，数组对象，类，构造函数，箭头函数，变量提升，解构，字符串模板，模块拆分规划等；

 三、「金融前端开发规范」  由来？ 

此项目由京东金融移动研发前端团队发起，联合UDC前端部，金融科技前端部 ,众筹研发前端部共同研讨制订。

此规范参考了行业及各大公司前端规范，结合金融团队各团队自身已有特色规范，经过反复讨论及归纳，形成此规范，作为金融前端团队开发规范。

 四、写在最后： 

详细规范，请访问 https://jrfe.jd.com/，如有不完全之处欢迎随时交流，联系: lichong5@jd.com

上图依次为：金融移动研发前端团队，UDC前端团队，众筹研发前端团队，金融科技前端团队 

文章转载自“前端工坊”，欢迎关注！

京东金融技术说

   ▼▼▼     

原创·实用·技术·专业

不只一技之长

我有N技在手

你看，我写，共成长！