京东前端代码规范之文件命名规范篇。由历史原因及个人习惯引起的 DOM 结构、命名不统一,导致不同成员在维护同一页面时,效率低下,迭代、维护成本极高。所以命名非常重要!本期分享将为大家带来!(1)、目录命名!(2)、图片命名,命名顺序和交 - 艾编程于20220502发布
脚本文件:一般使用脚本功能的英文小写缩写命名 实际模块:例如广告条的javascript文件名为ad.js,弹出窗口的javascript文件名为pop.js 公用模块:js文件命名:英文命名,后缀js。如common.js,basic.js 外部资源:Jquery.min.js,Jquery.validate.js,Jquery.date.js 动态文件:以性质描述,可以有多个单词,用‘_’隔开,性质一般...
建议按照一定的顺序来命名,例如“product_1.jpg”、“product_2.jpg”,这样可以避免混乱。另外,如果图片涉及到不同的业务模块,可以在命名中加入相应的标识,例如“users_avatar.jpg”。 HTML/CSS文件命名 📑 对于HTML和CSS文件,命名要遵循一定的规则。HTML文件通常以“.html”结尾,而CSS文件则以“.css”结尾。在...
class/id命名: 全部字母为小写,单词之间统一使用中划线 “-” 连接 原则 父级class + 本级class ; 超过四级时,可对祖先缩写成一个单词 JS 命名 变量与函数 采用小驼峰的命名方式;采用字母打头,不使用_和$与系统和第三方库的变量进行区分 全局变量可考虑全大写 常量使用全大写命名 有意义的命名 文件名使用小写...
二 脚本文件和动态文件命名规范 1 一般用脚本功能的英语小写缩写命名 1.1 实际模块 例如:广告条的javascript文件名为ad.js弹出窗口的javascript文件名为pop.js 1.2 共用模块 JS文件命名:英文命名,后缀.js.共用common.js.basic.js 1.3 外部资源 Jquery.min.js ...
前端项目如何规范文件命名 ls-lint 是一个非常快的文件和目录名称 linter,可方便约束项目目录和文件的命名。 特点: 快速 依赖少 适用所有文件 配置简单 安装依赖 npm install @ls-lint/ls-lint -D 在husky 加入 git hook: "husky":{"hooks":{"pre-commit":"ls-lint",}} ...
文件名称统一用小写的英文字母、数字和下划线的组合,其中不得包含汉字、空格和特殊字符;命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义,二是当我们在文件夹中使用“按名称排例”的命令时,同一种大类的文件能够排列在一起,以便我们查找、修改、替换、计算负载量等等操作。
文件名(js/css/vue/jsx/png):小驼峰,示例:userSetting.js/css/vue/jsx/png js部分 模块,组件,类名:大驼峰,示例:MyTestName js常量:大写,多个单词中间用下划线,示例:MY_TEST_NAME js方法名:小驼峰,尽量语义化,可动词前缀,示例:getTableData 路由地址:小驼峰,长的话可以部分单词缩写,但需要语义明确,示例:sys...
前端文件主要分三块 js文件,命名问题的大头。 html文件。 less文件,这块没什么想法,应该先从分文件上开始改善,再进行命名规范。 #1. js文件 Controller 文件名:ControllerName.controller.js 文件名大写驼峰命名。 接controller表明类型。 js为文件类型。 实例:Teache
前端文件夹命名规范 前端⽂件夹命名规范按A-Z升序排列 admin 后台管理 app 应⽤ article 资讯 common 公共 config 配置 data 数据 digg 顶 en-us 英⽂ extend 延伸 install 安装 lang 语⾔包 lib 库 mall 商城 picture 组图 product 商品 search 搜索 ...