项目取名规范

一.DIV+CSS布局文件命名规范

全局样式:global.css;  框架布局:layout.css;  字体样式:font.css;  链接样式:link.css;  打印样式:print.css;  二.常用类/ID命名规范

页 眉:header  内 容:content  容 器:container  页 脚:footer  版 权:copyright   导 航:menu  菜单:menu    子菜单:submenu 导航:nav   子导航:subnav   标 志:logo  广告:banner  标 题:title  侧边栏:sidebar 图 标:Icon  注 释:note  搜 索:search  登 录:login 登录条:loginbar 链 接:link  信息框:manage  滚动:scroll   页面主体:main   内容:content   标签页:tab   章列表:list    信息:msg   小技巧:tips   标题:title   指南:guild   服务:service     热点:hot 新闻:news 下载:download 注册:regsiter 状态:status 按钮:btn 投票:vote 合作伙伴:partner 友情链接:friendlink 页脚:footer 版权:copyright 提交:submit 文本框:textbox 统计:count

以上结构可以组合使用,例如:左列标题lefttitle;底部导航footernav 书写原则是: 1.一律小写; 2.尽量用英文; 3.不加中杠和下划线; 4.尽量不缩写,除非一看就明白的单词。

常用类的命名应尽量以常见英文单词为准,做到通俗易懂,并在适当的地方加以注释。对于二级类/ID命名,则采用组合书写的模式,后一个单词的首字母应大写:诸如“搜索框”则应命名为 “searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏娱乐心理测试

微信小程序如何获取地理位置和进行地图导航

1595
来自专栏九彩拼盘的叨叨叨

Web 前端菜鸟源码阅读列表

阅读优秀源码的好处有好多,如能学习一些技术知识,编码技巧,组织代码的方式,提高理解能力等等。

621
来自专栏我和未来有约会

Silverlight制作逐帧动画

打算用sl来制作一个游戏,我曾经有flash开发游戏的经验.现在想用sl来做.打算记录下我开发游戏探索的过程. 打开http://www.emu-zone.o...

1759
来自专栏思考的代码世界

Python网络数据采集之采集JavaScript|第09天

客户端脚本语言是运行在浏览器而非服务器上的语言。客户端语言成功的前提是浏览器拥有正确地解释和执行这类语言的能力。

4076
来自专栏微信小程序开发

CSS实现多列复杂界面布局

最近做一个云客服项目,可以把多个微信号消息集中到一个客服平台中,方便统一管理,这里就不详细说客服平台的功能。 做为码农,工作职责就是把功能实现了,在此,我简单说...

56813
来自专栏极乐技术社区

『教程』微信小程序--图片相关问题合辑

最近有注意到,很多同学在社区求助图片上传、加载、效果处理等相关的问题,这期专程做这样一个汇总供大家学习参考。 图片上传相关文章 微信小程序多张图片上传功能 微信...

71710
来自专栏MixLab科技+设计实验室

爬虫之数据获取的3种方法

封面由ACE Land 人工智能设计师设计,最近升级了一点点小能力,可以给文字配上Icon啦~ 以下为正文: 这是在开发一个持续监测电商数据变化的工具过程中的经...

3447
来自专栏Python绿色通道

用Python抓取某大V的公众号文章

我之前用Charles来抓取了得到App的音频资料 抓取得到App音频数据,于是又收到有读者要我抓取公众号文章,于是就有了这一篇文章. 不知道爬谁的文章好,想了...

884
来自专栏非著名程序员

Android 自定义 view 动画按钮

昨天偶偶然看见UI 给的一个交互的效果,原图如下 ? 就是下面的loginbutton,于是大概模仿了一下, 并没有做这个UI的全部效果,有兴趣的可以完善后面...

1988
来自专栏跟着阿笨一起玩NET

原创C# 各种通用类集合 终于出炉了,觉得有用尽管拿去吧

已经开源,欢迎 Fork    https://github.com/chrisyanghua/MyHelper.git

812

扫码关注云+社区