web前端开发代码命名规范整理

最新推荐文章于 2024-06-11 02:06:44 发布
最新推荐文章于 2024-06-11 02:06:44 发布
阅读量2.7k 收藏 19
点赞数
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_15804925/article/details/51106456
版权
做为一个web 前端工程师，每天接触 HTML 、 css 就像吃饭一样，但是作为一名合作、优秀的 web 前端工程师，对 DIV+CSS 命名还是有一定的规范的，本文整理了一份 web 前端开发中 DIV+CSS 各种命名规范。
Div+CSS命名规范 一. 窗体
头： header 　　
内容： content/container 　　
尾： footer 　　
导航： nav 　　
侧栏： sidebar
栏目： column 　　
页面外围控制整体布局宽度： wrapper 　　
左右中： left right center
登录条： loginbar 　　
标志： logo 　　
广告： banner 　　
页面主体： main 　　
热点： hot
新闻： news 　　
下载： download 　　
子导航： subnav 　　
菜单： menu
子菜单： submenu 　　
搜索： search
最低0.47元/天 解锁文章
一直很安静a
关注
  • 0
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
web前端开发规范项目流程总结
qq_45067263的博客
05-13 1814
web前端开发规范 web前端开发规范的意义 1、提高团队的协作能力 2、提高代码的复用利用率 3、可以写出质量更高，效率更好的代码 4、为后期维护提供更好的支持 规范 1、命名规则 2、文件存放位置规范 3、css书写规范 4、html代码书写规范 5、JavaScript书写规范 6、图片规范 7、注释规范 8、兼容性规范 9、开发测试约定及实用工具规范 公司统一要求规范 要求 1、熟练使用前端开发工具 2、代码规范 3、目录结构规范 4、切图与原型效果一致 5、命名页面方法命名统一英文规范 6、代码注
web前端开发代码命名规范
wdj861911434的博客
05-31 695
做为一个web前端工程师，每天接触HTML、css就像吃饭一样，但是作为一名合作、优秀的web前端工程师，对DIV+CSS命名还是有一定的规范的，本文整理了一份web前端开发中DIV+CSS各种命名规范。 Div+CSS命名规范 一. 窗体 头：header　　 内容：content/container　　 尾：footer　　 导航：nav　　 侧栏：sidebar 栏目：column　　 页面外围控制整体布局宽度：wrapper　　 左右中：left right center 登录条：loginbar　
Web前端：JavaScript最强总结 附详细代码 （带常用案例！）_javascript在前端的应用
最新发布
2401_85122999的博客
06-11 462
/199.99//1024//128console.log(parseFloat(“10年”));//10console.log(parseFloat(“今天是8号”));//NaN//66//199//1024//128console.log(parseInt(“10年”));//10console.log(parseInt(“今天是8号”));
前端开发命名规范
n1234567896的博客
04-10 1507
自定义类名一般以短横线“-”或者下划线“_”中的一种作为单词间分割，通常不使用驼峰命名，以此区别于变量。在项目中通常使用scssless来进行样式书写，大大降低了类名重复引发的样式问题。因此我们只需要关注一个模块的外层容器类名。通常采用模块名称-修饰名称的命名方式。
Web前端开发规范总结
weixin_61555034的博客
03-13 1165
Web前端开发规范涵盖基本原则、命名规范、HTML、CSS、JS、图片和测试七大方面，从代码清晰到网页美观，从命名规范到性能优化，全方位助力开发者打造高效、优质的网页体验。
前端web开发命名规范 整理
mrs_kingo小站
02-24 1220
前端web开发命名规范   整理 项目命名（js，css，scss，html文件相同规则） 全部采用小写方式， 以下划线分隔。 例：my_project_name 目录命名 参照项目命名规则； 有复数结构时，要采用复数命名法。 例：scripts, styles, images, data_models Div+CSS代码命名规范 （一）窗体 头：hea
web 前端开发
cx612728的博客
07-13 7809
HTML：超文本标签语言语法：html （所有符号都是英文的）标签： 开始标签：< >结束标签：HTML不区分大小写基础认知网页都有啥？----文字、图片、音频、视频、超链接 打开网页看见的网页的背后：前端程序员写的代码 京东网页源代码（不要害怕）前端代码通过什么转换成网页：：：浏览器（渲染和解析）万维网：World Wide Web总之，HTML网页制作的的标准是由（W3C—万维网联盟—W3C理事会）复制完善。
前端代码开发规范总结，前端开发汇总
2401_84092508的博客
04-05 1119
必须使用 camelCase 驼峰命名必须指定类型必须加上注释，表明其含义必须加上 required 或者 default，两者二选其一如果有业务需要，必须加上 validator 验证props: { // 组件状态，用于控制组件的颜色 status: { type: String, required: true, validator: function (value) { return [ 'succ', 'info', 'error' ].indexOf(value)!
2024最新阿里代码规范（前端篇）
2401_84092809的博客
04-18 1087
必须使用 camelCase 驼峰命名必须指定类型必须加上注释，表明其含义必须加上 required 或者 default，两者二选其一如果有业务需要，必须加上 validator 验证props: {// 组件状态，用于控制组件的颜色status: {return [‘succ’,‘info’,‘error’== -1},// 用户级别，用于显示皇冠个数整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。
前端代码开发规范总结
2401_84097774的博客
04-15 1135
必须使用 camelCase 驼峰命名必须指定类型必须加上注释，表明其含义必须加上 required 或者 default，两者二选其一如果有业务需要，必须加上 validator 验证props: { // 组件状态，用于控制组件的颜色 status: { type: String, required: true, validator: function (value) { return [ 'succ', 'info', 'error' ].indexOf(value)!
一种自动抽离web前端功能代码生成独立模板的方法.docx
12-07
3. **模板生成规则定义** (S3): 开发者自定义模板生成规则，这些规则可以基于功能类型、代码结构、命名规范等多种因素，为后续的自动化过程提供指导。 4. **自动识别与模板生成** (S4): 根据预先定义的模板生成规则...
2022web前端面试题
03-03
10. BEM（Block Element Modifier）命名法：一种提高CSS可维护性的命名规则，有助于组件化开发。 以上只是面试题集锦中的一部分内容，实际面试可能还会涵盖JavaScript基础、DOM操作、AJAX、Promise、ES6新特性、...
CSS命名规范参考及书写注意事项
09-25
CSS命名规范参考及书写注意事项，这里整理的比较全，web前端开发的朋友非常值得参考下。
初中级前端工程师面试题整理.docx
08-03
BEM（Block Element Modifier）是一种流行的CSS命名方法，旨在提高代码的可维护性和模块化。BEM遵循以下规则： - Block：表示独立的UI组件，如`button`。 - Element：是Block的一部分，通过双下划线`__`与Block连接...
前端面试题整理：Nginx、webpack、Html&Css、Vue、JavaScript.zip
10-19
在前端开发领域，掌握Nginx、webpack、HTML&CSS、Vue.js以及JavaScript等核心技术是至关重要的。这些技术不仅构成了现代Web应用的基础，也是面试中常见的考查点。下面将逐一详解这些技术及其在实际开发中的应用。 *...
360浏览器用的什么内核?
热门推荐
qq_15804925的博客
12-30 1万+
由于众所周知的情况，国内浏览器都是双核浏览器；基于webkit内核用于常用网站的高速浏览；基于IE浏览器兼容网银、旧版网站。以360为列，我们优先通过webkit内核渲染主流网站，只有少量网站 通过IE内核渲染，以保证页面兼容。在过去很长的一段时间里，我们主要的手段是一个几百k大小的网址库，一个通过长期人工运营收集的网址库。 尽管我们努力通过用户反馈，代码标签智能判断技术提高浏览器的自动切核
解决360浏览器优先选择极速模式，在兼容模式下出现乱码问题
qq_15804925的博客
12-25 8626
最近用360浏览器访问自己的网站，发现都是被优先选用兼容模式打开，这使得网站很难看。为了让360浏览器打开网站的时候优先试用极速模式，找了一下官方论坛，发现了解决方案。 html> head> meta name="renderer" content="webkit|ie-comp|ie-stand"> head> body> body> html>content的取值为
border占据边距的问题
qq_15804925的博客
03-15 3122
box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。         例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。 div.box {     box-sizing:border-box;    -moz-box-s
SMG研发中心Web前端开发规范
"Web前端项目开发规范...这份Web前端项目开发规范为前端开发者提供了一套完整的指导原则，涵盖了代码风格、文件组织和命名约定等多个方面，有助于创建整洁、易于维护的代码库，从而提升团队的整体开发效率和项目质量。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值