2016.11.24前端技术分享讲稿

不要拿HTML中的内容来写判断!!!

<div class="" data-type-selected data-type-isall="true">全部</div>
if ( $('[data-type-selected]').html() == '全部' ) {   //有隐患的写法
}
if ( $('[data-type-selected]').attr('data-type-isall','true')) {    //正常的写法
}

不要用类名写选择器!!!

//唯一变量用id来做选择
//通用变量使用attribute

//class仅用于样式

代码规范检查

//Baidu FE Code Style

//Jshint

勤写注释

/*
                   _ooOoo_
                  o8888888o
                  88" . "88
                  (| -_- |)
                  O\  =  /O
               ____/`---'\____
             .'  \\|     |//  `.
            /  \\|||  :  |||//  \
           /  _||||| -:- |||||-  \
           |   | \\\  -  /// |   |
           | \_|  ''\---/''  |   |
           \  .-\__  `-`  ___/-. /
         ___`. .'  /--.--\  `. . __
      ."" '<  `.___\_<|>_/___.'  >'"".
     | | :  `- \`.;`\ _ /`;.`/ - ` : | |
     \  \ `-.   \_ __\ /__ _/   .-` /  /
======`-.____`-.___\_____/___.-`____.-'======
                   `=---='
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    佛祖保佑、永无BUG、佛光护体、指键如飞
*/


/*
*@auhor 作者
*@param 参数
*@example   示例
*@link  链接
*@namespace 命名空间
*@requires  依赖模块
*@return    返回值
*@version   版本号
*/

/*
        @param: type 2个值, login或者join
        @param: isactives   1:提交生成活码,例如图片文件   2:生成活码,只有文本活码   3.转成活码
        @param: callback
        @param: withtip 登录注册狂内有无 提示文案 . 0无,默认0 ,1有普通公共文案 ,2名片码专有文案
        @param: param {} , 需要附加在ifram src上的参数
*/

前端性能优化(https://developer.yahoo.com/performance/rules.html)

作者 @郑小明
2016 年 11 月 24 日

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 必胜客店的电话铃响了。客服拿起电话: 客服:您好! 请问有什么需要我为您服务? 顾客:你好! 我想要一份…… 客服...
    悠悠心殇阅读 220评论 0 0
  • 有些时候,黑夜比光明还有真实感,黑夜让你恐惧,存在于你的思想里,而光明闪耀着你的眼,看不真切,容易让你在光辉...
    烽火煤阅读 131评论 0 0
  • 自从董事长在年初工作动员会上部署完开展学习型企业的方针后。公司的气氛很快发生了变化。但凡两个人以上的聚会,都...
    两条腿走路的喵阅读 795评论 0 0