参考: https://segmentfault.com/a/1190000019157714
CSS网站框架复位:reset.css基础:base.css或basic.css(字体大小、颜色、背景、行高、列表样式、按钮样式、表格样式等等)布局:layout.css(非结构的布局)主题:themes.css表单:forms.css//…
一.命名规范(BEM规范)BEM规范是一种主流的css命名规范,BEM分别对应的是block,element和modifier,为的是结束混乱的命名方式,达到一个语义化的CSS命名方式。1.1什么是Block在BEM规范中,block(块)…
原文地址命名规范使用BEM命名规范,理论上讲,每行css代码都只有一个选择器。BEM代表“块(block),元素(element),修饰符(modifier)”,我们常用这三个实体开发组件。在选择器中,由以下三种符号来表示扩展的关系:-中划…
CSS命名规范一js中对变量的命名最好使用camelcase驼峰式命名法,但CSS中更适用于red-box命名规范。CSS命名规范二BEM命名规范B=>blockE=>elementM=>modifier1.组件的子组件用…
这篇文章的起因是因为看到很多项目在设计上和功能实现上都很高大上,但是一些细节代码却不堪入目。本文准备从代码细节上规范代码。此文不涉及命名规范和注释规范。另外如果有不实之处还望在评论区指出。一、禁止使用加号拼接字符串项目中总是看到用+号去拼接…
重复代码是混乱的根源!,本篇文章我们来继续消灭重复代码。细心的同学应该能发现:每一个Page组件(/src/pages下的组件)的render方法都拥有相似的jsx结构,比如:render(){return(<div><h…
1、命名约定Pascal和Camel命名约定编程的命名方式主要有Pascal和Camel两种(Pascal:每个单词的首字母大写,例如ProductType;Camel:首个单词的首字母小写,其余单词的首字母大写,例如productType…
1、组件命名定义组件名的方式有两种:1:使用kebab-case(短横线)2:使用PascalCase(首字母大写)*在HTML模板中只能使用短横线2、文件命名文件名统一采用驼峰式(Camel-Case)页面中import引入的名称与注册组…