前端编码规范
时光之里
Before Dawn
展开
-
前端编码规范之less
less编码规范由于 Less 可以看做是 CSS 的超集,因此所有适用于 CSS 的规约均适用于 Less。故而其中重复的规约部分不再赘述。@import@import 语句必须声明于文件的头部位置。// bad.page { width: 960px; margin: 0 auto;}@import "est/all.less";// good@import ...原创 2019-06-25 10:07:19 · 441 阅读 · 0 评论 -
前端编码规范之css
CSS 编码规约基本规约【强制】缩进使用两个空格/* bad */.mod-example {padding-left: 15px;}/* good */.mod-example { padding-left: 15px;}在每个声明块的左花括号前添加一个空格/* bad */.mod-example{ padding-left: 15px;}/*...原创 2019-06-25 10:08:20 · 378 阅读 · 0 评论 -
前端编码规范之js
ECMAScript 6 编码规约变量【强制】 使用 let 或者 const 代替 var// Badvar x = "y";var CONFIG = {};// Goodlet x = "y";const CONFIG = {};【强制】 禁止修改被定义为 const 类型的变量// Badconst a = 0;a = 1;const a = 0;a...原创 2019-06-25 10:09:17 · 314 阅读 · 0 评论 -
前端编码规范之react
React 编码规约组件每个文件只写一个组件,但是多个无状态组件可以放在单个文件中。【强制】有内部状态,方法或者是要对外暴露ref的组件,使用ES6 Class写法。// badconst Listing = React.createClass({ // ... render() { return <div>{this.state.hello}&l...原创 2019-06-25 10:09:53 · 1549 阅读 · 0 评论