理一理那些小规范

做了前端的这段时间中,整理整理我从渣渣到小白的规范。

/

/

/

ps--1 css 引入的时候

ps--2 命名规范

->项目命名

全部采取小写(eg:my_project_name);

->目录命名

参照项目命名的规则,要采用复数命名法(eg:style,script,deta_modles);

->JS文件命名

参照项目命名的规则;

->CSS,SCSS文件命名

参照项目命名的规则;

HTML命名

参照项目命名的规则;

ps--3 HTML结构

语法

在属性上使用双引号,不要使用单引号;

属性名称小写,用中划线做分隔符(除ID使用驼峰外,参考css规则)

属性顺序

属性顺序应该按照特性的顺序出现保证易读性;

ps--4 CSS

优先级

参考:

总结:尽量使用css设置样式,少用id。

同时保证html加载css文件时,第三方样式最先加载,画面最后加载

不要使用!important

这样就可以保证画面的样式覆盖公共的,公共的覆盖第三方的文件

   

命名

类名使用小写字母,以中划线分隔;

id采用驼峰样式

颜色

颜色使用16进制小写字母

颜色16进制尽量用简写

媒体查询

尽量将媒体查询的规则靠近与他们相关的规则,不要把他们放在一个单独的样式表中,或者丢在文件的底部,这样会让大家容易忘记他们,从而修改的时候会出现偏差。

杂项:

尽量少用‘*’选择器;

去掉小数点前面的0;

属性值‘0’后面不要加单位;

去掉数字中不必要的小数点和0;

不要再一个文件中出现两个相关的规则;

 ps--5

引号

最外层统一使用单引号

变量命名

标准变量采用驼峰命名法,(除了对象的属性外,主要是考虑到cgi的返回数据);

常量全大写,用下划线链接;

构造函数,第一个字母大写;

JQuery对象必须以’$‘开头命名;

 ps--6 编辑器设置

1.在HBuilder的整理代码格式设置中,使用默认配置[内置],并且不要修改其中的内容。

2.语法检验器全部打开

时间: 2024-11-10 18:51:24

理一理那些小规范的相关文章

给忙碌的自己理一理思路

目前的状况是:端午节过后6.23号开始去中科学网络信息中心实习,实习的话前几天的表现应该是很重要的. 月底(时间待定)也就是在实习的第一个周要去中国科学技术馆作为项目负责人对项目做开题报告.答辩规格还不敢想太多.学校方面还有于老师的一门课没结课,预期是6月结课.还有两个作业一个是北大光华管理学院的,一个是加州科学中心的报告.预期可以晚点交. 我要这么做:6月底很忙碌,作业可以晚交,那么6月底就彻底抛开作业这个概念.然后就是项目开题和中科院实习了. 两个都很重要,项目开题更紧迫一点.中科院的实习主

网页文字颜色小规范

同一个网站需要定出主文字颜色,特殊情况可以有2种左右的辅助文字颜色. 正文的文字颜色为深灰色,建议选用#333333到#666666之间的颜色,若选用其他文字颜色作为正文主色调时,安全起见可采用明度不大于30%的颜色. 蓝色的文字一般会在绝大多数超链接位置使用,其他地方应谨慎使用. 文字颜色推荐: 文字交互精彩例子 http://woofeng.cn/articles/594.html

界面设计过程中的常用字体规范

好长时间没发帖,净想过年了,过年哈,倒腾工作总结和年货是大事. 这几天有人问我说:“最近看了好多教程,都老高大上了,但是老弟我做不到呀,想学点直接能拿来用的,这个要求过分吗……” 这个,好吧,那就直接说说能用的知识:字体字号. 也许你会说:字体字号?也太Low了吧,这个谁不知道重要呀. 对于这个问题,我想说:会和熟练,是两回事.一个App,不同部分的字体字号你能准确地说出来吗? 很多刚做APP界面的设计师,经常会因为字号,字体颜色,间距而困扰. 拿到设计需求后,开始进行设计,不知道从何去调整界面

日常管理的五条小建议

原文作者:Johanna Rothman著作:<门后的秘密--卓越管理的故事> 有时候,你需要为工作理一理头绪.你需要给自己一些喘息的机会,停下来,思考一会儿.这里有一些小建议,可以帮助你处理好日常管理工作. 计划并安排一对一会谈.做管理意味着你要分神去处理人的问题:与人单独谈话,并在过程中给予指导和反馈,或者教他们怎样指导别人或提供反馈.这些事要有策略地去做,要不然,团队整体上会出问题. 作为管理人员,你一定要开团队会议.我不是指那种串行的状态报告会.别那么干!请召开旨在解决问题的会议.你的

CSS 黑魔法小技巧,让你少写不必要的JS,代码更优雅

首页 登录注册 CSS 黑魔法小技巧,让你少写不必要的JS,代码更优雅 阅读 8113 收藏 927 2017-09-26 原文链接:github.com 腾讯云容器服务CSS,立即免费体验容器集群吧!cloud.tencent.com 之前不久,由于自己平时涉猎还算广泛,总结了一篇博客:这些JavaScript编程黑科技,装逼指南,高逼格代码,让你惊叹不已,没想到受到了大家的欢迎,有人希望能博主还能整理个 CSS 的一些黑魔法小技巧,无奈我 CSS 一直很渣,没什么干货,最近写了一个 Chro

从session原理出发解决微信小程序的登陆问题

原理知识准备  对于已经熟悉了session原理的同学来说,我们都清楚:在浏览器端我们会存储一个sessionId,用它来作为凭证,在服务器端得到有关本次浏览器与服务器会话的所有信息,这些信息是储存在服务器端的存储空间中的,它完全可以用来判断一个浏览器端的登录状态,因为它是由服务器端来掌控的,是安全的. 那么浏览器端是用什么来存储这个sessionId? 并且浏览器又是如何将sessionId传回给服务器的呢? 大体上是有两种方法的: 1.使用浏览器端实现的cookie功能,每次浏览器都会将服务

代码规范、如何写出好代码

代码规范.如何写出好代码 作为一个程序员,肯定希望能写出一手好代码,看起来赏心悦目,又易于理解.既方便日后自己回来翻阅一眼就能明白代码在干什么,又能让接手的人很快上手,看到精妙的地方,不由自主地发出由衷的感叹,悄无声息地改变别人不好的习惯. 如何才能写出好代码呢?在一次讲座上,我听了一位编程大神的看法,在这里分享给大家. 好的代码应该至少具备下面这6个特点: 使用空行来分割逻辑 使用注释和花括号 不用的代码和引用删除 不要用中文拼音做变量名 可用,清晰优雅,高效 多写代码,多思考 使用空行来分割

IT应用商店(APP store)是否是IT运维管理的未来

现在我效力的公司是做网管软件与IT运维管理软件的供应商,做过许多的大中型企业,我作为技术支持与这些运维的人才有了更多的交流与沟通机会,也深知他们的喜怒哀乐. 这些自动化的IT运维软件历经了,IT硬件设备从诞生以来,到丰富,细分到各领域层的应用,使我们的人力资源难以暇接,慢慢就出现我这种智慧型的软件来帮我们时刻盯着这些呆板的家伙, 设备运维中,以前都是先有问题出来,运维人员再去发现查找问题,然后再解决问题. 在这种自动化智慧型的IT运维管理软件层次上,就是检测出问题将出发生的苗头,我们就得到了警报

商店模式是否是IT运维管理的未来

纵观现在市场上一大批的IT运维管理的服务厂商,技术陈旧,功能参差不齐,费用高昂,针对我们广大的IT运维人员来说,就连这些稍微趁手一点的工具都还没有用上,我作为一个IT运维服务技术支持与做运维的人才有了更多的交流与沟通机会,深知他们的喜怒哀乐. 这些自动化的IT运维软件历经了,IT硬件设备从诞生以来,到丰富,细分到各领域层的应用,使我们的人力资源难以暇接,慢慢就出现我这种智慧型的软件来帮我们时刻盯着这些呆板的家伙, 设备运维中,以前都是先有问题出来,运维人员再去发现查找问题,然后再解决问题. 在这