席新亮 large avatar

席新亮

席新亮是第1586号会员,加入于2015-11-06 12:21

签名:

个人主页:http://weibo.com/xixinliang

所在地:北京

小小工程师一枚。作家,代表作《超实用的JavaScript代码段 》、《微信公众平台JSSDK开发实战》

席新亮 最近创建的主题

    席新亮 最近回复了

    • 回复了 席新亮 创建的主题 分享:你真的了解你的前端开发工具(IDE)吗?

      @八阿哥小华 嗯,其实工具只是外在的,最终还是要看用的人 2016-11-18
    • 回复了 社区小编 创建的主题 超级全的前端学习资料(精)

      这位小编很细致呀 2015-11-09
    • 回复了 励志女 创建的主题 前端有什么好的规范样本吗?哪位大神分享一下

      @思念的过去式 客气了,大家都是朋友,哈哈。 2015-11-09
    • 回复了 励志女 创建的主题 前端有什么好的规范样本吗?哪位大神分享一下

      你好,前端的代码规范没有特定的标准,可以参考一下google的范例:
      ---------HTML---------
      HTML样式规范并没有多少惊喜。
      1,语义HTML5作为text/html
      2,分离的标记、样式和脚本
      3,在可能情况下验证你的标记
      4,技术不支持的时候使用备胎,如canvas

      谷歌推荐打理每一个字节:使用UTF-8编码,剔除尾部的空白,避免实体引用,如—及” 甚至推荐忽略可选结构以及结束标签,如:
      <!DOCTYPE html>
      <title>节约字节数 = 节约钞票数</title>
      <p>如题。
      奇怪的是,谷歌建议使用连续的两个小空格代替tab空格。这不是两倍的字节大小吗?
      ---------CSS---------
      样式规范主要就是更进一步的最佳实践以及字节节约技术:
      使用有效的CSS, 除非是bugs处理或专属语法(浏览器私有前缀)
      使用短ID或类命名,但确保他们不要太过隐晦,或直白(如#blue-button)
      大型项目使用前缀,如#xyz-help, .xyz-column
      选择器尽可能简单,如#example,而不是ul#example
      使用缩写
      url()中不使用引号,0后面不跟单位
      使用#ABC这种简写的16进制颜色表示,而不是#AABBCC
      每个声明最后都要有分号(即使是最后一个)
      避免浏览器hacks
      谷歌建议尺寸前面的数值0省掉,如.5em, 可以节约一个字符.
      规范还推荐每个声明占据一行。
      然后,声明的书写按照首字母顺序排列,如下:
      #example
      {
      border: 1px solid #000;
      border-radius: 6px;
      display: block;
      font-family: sans-serif;
      margin: 1em;
      outline: 0;
      padding: 10px;
      text-align: center;
      }
      ---------JavaScript---------
      JavaScript的风格规范比较长,这可以理解,不过我们可以提炼出一些基本点:
      总是使用var声明变量
      行末别忘了分号
      使用标准而不是不标准的功能
      使用驼峰命名(如:camelCaseNames)以及大写的常量(如:UPPERCASE),避免使用const关键字,因为IE不支持
      使用命名空间技术
      避免eval()除非反序列化(奇怪的是JSON解析并未提及)
      避免对象上使用with(), 数组使用for in
      使用对象以及数组字面量而不是更冗长的声明
      要知道truthy和falsy规则
      JavaScript资源中不使用IE条件注释
      不修改内置对象的原型——这会让人颜面扫地,因为这是让JavaScript更加强大的功能之一,但你知道这会导致问题
      小心使用闭包以及不要循环引用
      同样,小心使用”this”
      这里有个不太寻常的推荐,不在块域中使用function, 如:
      if (x) {
      var foo = function() {}
      }
      而不是:
      if (x) {
      function foo() {}
      }
      显然,第二种语法到处都有使用。其可以正常运作,但是在ECMAScript中是无效的。
      文档还提到,包装对象应该永远不要用在基元上,除非是类型转换。其会导致意想不到的结果,例如:
      var x = new Boolean(false);
      if (x) {
      // 代码执行
      }

      最后,规范说你应该优先使用单引号(‘)于双引号(“),因为字符串可能包含HTML代码。

      文档最好的建议是:保持一致。开发人员很少会赞同每个程序的规范要按照你自己的那套规则走。保持一致可以让6个月之后别人可以更容易地理解你的代码,可以让生活更加美好!
      你是否赞同Google的规范指南?贵公司是否强迫你遵循奇怪的开发做法呢?
      Google的规范指南https://code.google.com/p/google-styleguide/ 2015-11-09
    • 回复了 社区小编 创建的主题 超级全的前端学习资料(精)

      @bent 加油 2015-11-06

    前端范

    现在注册 已注册请 登录

    官方公众号


    100000前端码农使用“js攻城师”,免费扫码加入

    微信号:js_gcs

    干货技术(js、html5、Node.js等)、实战经验、原创文章应有尽有!