前端的开发规范

简介: 前端的开发规范

作为一个程序员开发规范是相当重要的,因为遵守开发规范有很多好处:

  • 规范的代码可以促进团队合作;
  • 规范的代码可以减少bug处理;
  • 规范的代码可以降低维护成本;
  • 规范的代码有助于代码审查;
  • 养成代码规范的习惯,有助于程序员自身的成长;

而规范的目的:为了提高工作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档。 在项目构建中,使结构更加清晰,代码简明有序,有一个更好的前端架构。

具体的有:从命名上面

驼峰式命名法介绍

  • Pascal Case 大驼峰式命名法:首字母大写。eg:StudentInfo、UserInfo、ProductInfo
  • Camel Case 小驼峰式命名法:首字母小写。eg:studentInfo、userInfo、productInfo文件资源命名

 

  • 文件名不得含有空格
  • 文件名建议只使用小写字母,不使用大写字母。( 为了醒目,某些说明文件的文件名,可以使用大写字母,比如README、LICENSE。 )
  • 文件名包含多个单词时,单词之间建议使用半角的连词线 ( - ) 分隔。
  • 引入资源使用相对路径,不要指定资源所带的具体协议 ( http:,https: ) ,除非这两者协议都不可用

变量命名

命名方式 : 小驼峰式命名方法

命名规范 : 类型+对象描述的方式,如果没有明确的类型,就可以使前缀为名词

函数

命名方式 : 小驼峰方式 ( 构造函数使用大驼峰命名法 )

命名规则 : 前缀为动词

常量

命名方法 : 全部大写

命名规范 : 使用大写字母和下划线来组合命名,下划线用以分割单词

类的成员

  • 公共属性和方法 : 同变量命名方式
  • 私有属性和方法 : 前缀为下划线(_)后面跟公共属性和方法一样的命名方式

但是在不同开发环境中需要根据实际情况来规范不同的开发规则

目录
相关文章
|
10月前
|
存储 设计模式 人工智能
规范:前端代码开发规范
规范:前端代码开发规范
1130 0
|
5天前
|
前端开发
前端模块化开发规范
前端模块化开发规范
|
移动开发 缓存 JavaScript
前端代码开发规范总结
前端代码开发规范总结
603 0
前端代码开发规范总结
|
Web App开发 前端开发 JavaScript
好程序员web前端分享前端的开发规范
本文好程序员主要从以下几个方面来概述前端的开发规范1.目录构建规范2.前端命名规范3.前端工作规范4.开发文档的书写规范 前端目录构建规范我们从命名原则、根目录、业务逻辑等方面进行目录构建 1.1 命名原则: 简洁明了(如下:) src 源代码 img 图片资源 js JavaScript脚本 dep 第三方依赖包 不使用复数(如下:) 不使用 imgs docs 1.
2158 0
|
5天前
|
Web App开发 缓存 前端开发
前端性能优化的整理笔记(一)
前端性能优化的整理笔记(一)
109 0
|
3天前
|
移动开发 前端开发 JavaScript
10款精美的web前端源码的特效,2024年最新面试题+笔记+项目实战
10款精美的web前端源码的特效,2024年最新面试题+笔记+项目实战
|
5天前
|
存储 前端开发 JavaScript
前端笔记_OAuth规则机制下实现个人站点接入qq三方登录
前端笔记_OAuth规则机制下实现个人站点接入qq三方登录
39 1
|
5天前
|
XML 编解码 前端开发
css设计文本样式 前端开发入门笔记(十二)
css设计文本样式 前端开发入门笔记(十二)
8 0
|
5天前
|
Web App开发 XML 前端开发
CSS中的非布局样式+CSS布局 前端开发入门笔记(十一)
CSS中的非布局样式+CSS布局 前端开发入门笔记(十一)
33 0