codecamp

总结概要

总而言之,希望做到如下规范:

  • 使用两个空格代表缩进,而不是使用tab键;
  • 理想上,每行保持为 80 个字符宽度;
  • 正确书写多行 CSS 规则;
  • 有意义的使用空格。
  • 使用单引号包裹字符串和 URL;
  • 数字尾部不使用 0 ,并且强制在小于 1 的数字前使用 0;
  • 使用括号包裹运算表达式;
  • 不使用幻数;
  • 颜色表示法的先后顺序:关键字 > HSL > RGB > 十六进制;
  • 使用逗号分隔列表;
  • 列表尾部没有逗号(当它们是内联状态时);
  • map 尾部有逗号;
  • 除了伪类和伪元素,不使用选择器嵌套;
  • 使用连字符分隔的命名方式;
  • 范围广泛的注释;
  • 支持 SassDoc 的 API 注释;
  • 限制使用 @extend
  • 使用简单的混合宏;
  • 尽可能少地使用循环,不使用 @while 循环;
  • 减少依赖的数量;
  • 有意义地使用警告和错误提醒。
SCSS-Lint
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

命名约定

循环

For

警告和错误

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }