前言:最近在做微信小程序,因为公司小,就我一个人弄前端的东西,js和页面都是我来弄,结果那天后台的人看到我的js代码,说我的代码写得不规范,函数什么的都很乱,弄得我羞愧难当,幸亏没看我的css,其实我的css命名也很随意==!一直觉得自己css其实还是可以的,但是突然发现自己到现在的css还没有很规范,很多名称什么的还很随意,有的地方用驼峰命名,有的又用横杠,有的还会用下划线,真的太随意了,所以就上网搜了搜命名规范,改了两天终于把样式全改过来了.因此做个小结: 意义:感觉规范css代码是非常有意…

在任何一个项目或者系统开发之前都需要定制一个开发约定和规则,这样有利于项目的整体风格统一.代码维护和扩展.由于Web项目开发的分散性.独立性.整合的交互性等,所以定制一套完整的约定和规则显得尤为重要. 第一节 CSS样式文件的命名 建立样式表文件时,分类编写样式到下列样式表文件中,并统一放在[CSS]文件夹里: 主要 main.css 文字样式 font.css 表格 table.css 主题 themes.css 打印 print.css 补丁 mend.css 在项目初期,会把不同类别的样式…

最初,在编写CSS的时候,我们往往想到哪儿就写到哪儿,它们之间的关联性和有序性并不在考虑之中.但随着代码量的增加,亦或是多人共同开发,CSS的编写规范变得重要起来了.本文通过三个方面,总结出CSS编写的最佳实践.一来强制自己按照规范编写CSS,二来可以推广到团队使用. 层级规范(从高到低) Popout Mask Navigation Content 书写规范 小写.英文 tab四个空格缩进 以'-'短横杠连接名词 为选择器添加状态前缀(.is-xxx) 关于空格的使用 选择器与{之间有空格 属…

一.注释规范 1.文件顶部注释(推荐使用) /* * @description: 中文说明 * @author: name * @update: name (2013-04-13 18:32) */ 2.模块注释 模块注释必须单独写在一行 /* module: module1 by 张三 */ … /* module: module2 by 张三 */ 3.单行注释与多行注释 单行注释可以写在单独一行,也可以写在行尾,注释中的每一行长度不超过40个汉字,或者80个英文字符. /* this is…

html 规范 一 语法 1.用两个空格带她tab, 2.嵌套的元素应该缩进一次,即两个空格是最好 3.属性定义,全部使用双引号,尽量避免单引号. 4.不要在自闭和标签尾部添加闭合标签. 5.可选得结束标签,尽量不要省略 二 html5 dectype 1.每个html页面添加标准膜式的声明,以保证在每个浏览器的展示效果一致 三 字符编码 1.尽量使用UTF-8编码       <meta charset="UTF-8"> 四  引入css 和js 文件 1.引入css j…

之前一直没有注意到这一点,因为当看到一些优秀的网站的源代码的时候,打开他们引用的css文件格式看起来也并非规范.但幸运的昨天偶然间看到的通过增强CSS规范可读性可优化页面性能,于是下决心痛改前非. 我整理了我所能理解到的CSS规范,可能不全,不过确实可以增加代码一部分可读性了. 1.宜用两次空格代表tab,这样的话在所有环境下保持一致. 2.不要再自闭和标签尾部添加"/"  ( HTML5的规范中,自闭合标签不加斜杠);eg:你是不是也会这样做呢?<input name=&quo…

①id和class的命名在保持语义性的同时尽可能的短.不推荐的写法:#navigation {} .atr {}推荐的写法  : #nav {} .author {}可以缩写单词,但缩写后务必能让人明白其含义.比如author缩写成atr就非常费解. ②属性书写顺序,首先定义显示属性推荐的写法  :.selector{float:left;width:300px;height:200px; font-size:14px;color:#f36;}不推荐的写法:.selector{font-size…

CSS (Cascading Style Sheets)层叠样式表 ,是由万维网联盟(W3C)制定的标准 CSS的主要作用: 美化html元素的外观,例如设定背景颜色.字体等. 对网页元素进行布局.以及定位. 对html元素进行响应式布局. 实现动画效果以及2d.3d转换. 配合html.js完成网页特效. css的版本介绍 css1:发布于 1996年12月17 日,制定了css的基本显示样式标准,如选择器.字体.颜色.背景.布局等. css2:发布于 1999年1月11日.CSS2添加了对媒…

在参与规模庞大.历时漫长且参与人数众多的项目时,所有开发者遵守如下规则极为重要: 保持 CSS 易于维护 保持代码清晰易懂 保持 CSS 的可拓展性 为了实现这一目标,我们要采用诸多方法. 本文档第一部分将探讨语法.格式以及分析 CSS 结构:第二部分将围绕方法论.思维框架以及编写与规划 CSS 的看法. CSS 文档分析 无论编写什么文档,我们都应当维持统一的风格,包括统一的注释.统一的语法与统一的命名规范. 总则 将行宽控制在 80 字节以下.渐变(gradient)相关的语法以及注释中的…

一.前言 如上图,页面在渲染和画图时,耗时还是比较多的,这就对我们的编写要求愈加严格. 我们有很多方法来减少上图所示的页面加载耗时的,比如 但是更多的还是在于平时的编写规范,我们需要了解浏览器,让他更加便捷快速的理解(加载)我们的代码. 另外,在编写页面时,如果内容较多,相应的css也会变得更多.更加复杂. 或许会你会想着拆分css成2个或更多的文件,然而这并不是好的方法,会增加向服务器请求的次数,进而延长了页面加载完成的时间. 基于以上两点考虑,规范化的编写代码,不仅仅能够减少页面加载的耗时,…