位置:- 正文

web前端开发规范(web前端开发规范有哪些)

编辑:rootadmin
web前端开发规范 规范概述 一个人走的更快,一群人可以走的更远,前提是统一的策略,还要不断地反省和优化。不管有多少人共同参与同一项目,尽可能确保每一行代码都像是同一个人编写的 开发目录规范 开发环境规范 开发编码规范 一、目录及文件命名规范 (一)、例静态专题页目录 - src / html 源代 ... web前端开发规范规范概述

推荐整理分享web前端开发规范(web前端开发规范有哪些),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:web前端开发规范手册,web前端开发规范最新版,web前端开发规范手册.doc,web前端开发规范手册,web前端开发规范有哪些,web前端开发规范手册.doc,web前端开发规范最新版,web前端开发规范手册.doc,内容如对您有帮助,希望把文章链接给更多的朋友!

一个人走的更快,一群人可以走的更远,前提是统一的策略,还要不断地反省和优化。不管有多少人共同参与同一项目,尽可能确保每一行代码都像是同一个人编写的

开发目录规范开发环境规范开发编码规范一、目录及文件命名规范(一)、例静态专题页目录 - src / html 源代码 - img / image / images 图片资源 - js JavaScript脚本 - dep / development / package 第三方依赖包(二)、例管理端项目目录 - project -- static / public 静态文件 -- js -- css -- tpl -- index.html ... -- src 源代码(逻辑) -- common 公共资源 -- img -- css ... -- component 组件 -- home -- login ... -- api 接口请求 -- view / page 模板文件(三)、命名规范 目录,文件名称统一小驼峰命名法。productDetail.html二、环境要求(一)、开发环境统一Node.js 8.9 或更高版本,你可以使用 nvm 或 nvm-windows 在一台电脑中管理多个 Node 版本

使用VS Code进行代码编写

规定 Tab 大小为 2 个空格,保证在所有环境下获得一致展现(settings.json文件修改"editor.tabSize": 2)

安装插件 Vetur( Vue开发扩展及 Vue 文件代码格式化)web前端开发规范(web前端开发规范有哪些)

使用 Chrome 浏览器并安装 Vue.js devtools 进行调试三、编码规范(一)、HTML / Template 编码规范HTML换行缩进:采用 tab空格

尽量减少标签层级

双标签必须闭合,单标签用斜线闭合

行内元素里面不可使用块级元素<a href="https://www.cnblogs.com/catchFish-ing/test"> <div></div></a>

避免使用已过时标签,如:font

对于属性的定义,使用双引号,不要使用单引号

为每个 HTML 页面根元素添加 lang 属性 <html lang="zh-CN"> <!-- ... --> </html>

通过
本文链接地址:https://www.jiuchutong.com/zhishi/304770.html 转载请保留说明!
下一篇链接:https://www.jiuchutong.com/zhishi/304771.html
免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络