首页 > 代码库 > 前端开发规范

前端开发规范

前端开发规范

  1. github - fork & Pull Request style

  2. git commit - comment 必须有意义,不允许单纯的 ‘update‘ ‘fix bug‘ 之类的无意义指定注释,具体的参考下面条目6

  3. npm, tsd - 通过 npm 来管理依赖;通过tsd来引入各种包的Typescript类型定义

  4. 开发推荐使用 visual studio code, https://code.visualstudio.com/

  5. 项目要写 README - 语法使用 Markdown,相关 教程1 教程2

  6. Commit message 和 Change log 编写指南

前端架构 

  1. 前端开发语言使用Typescript

  2. 前端开发框架为Angular 2.0

  3. 前端基本css框架为Boostrap

  4. 前端css toolkit为Color Admin

前端技术栈简单介绍 

Typescript是一门由微软研发的语言,它是Javascript的超集,也就是说合法的Javascript代码必然是合法的Typescript代码。 Typescript正如它的名字,主要是为动态类型Javascript增加类型信息,让程序员可以在tsc的帮助之下构建出更加壮健的程序,减少bug。

AngularJS是相信大家都听过的一个前端框架,它诞生的时代很早,在一个大家基本都是jquery直接操作dom,或者cool一点就用backbone等第一代前端框架的时代。 它出现了,并引入了一个大幅度提高开发效率的数据双向绑定技术。因此它大概是大家了解过最著名的真正前端MVVM框架。 但随着移动市场的发展,以及前端界技术的各种规范化。Angular 1.x对移动端变得有些力不从心,很多新的框架出现,vuejs, reactjs都是其中的代表。 为了更好地解决移动端开发问题,以及跟Javascript标准靠近,Angular 2.0使用Typescript全部重新开发,吸收了大量优秀的设计,提高了其性能。 当然,其著名的双向绑定也是保留了下来。

前端开发要求 

前端开发是一个对设计,交互,工程有要求的岗位。前端好的成功就是好看,耐用,以及可维护。 UI有设计师设计,我就不多做评论。我主要讲一下UX,良好的UX绝对不是花哨的特效堆砌,一个好用的系统首先是要满足用户的需求。 界面上我们更多是讲究简洁大方即可

  1. 我们要求更多的是前端工程的要求,不要想着整个项目都是自己维护,良好的程序是必须可维护的。也就是换个人也能修bug。

  2. 重复2次的代码必须抽象成一个公共代码块(class or function or module)。

  3. 编写代码时,必须添加必要的注释,帮助后来者理解。

  4. 一个逻辑函数一般不要应该超过20行, 若是超过20行那么你就应该考虑是不是应该将实现拆分成更细的.

前端开发规范