2016.11.24前端技术分享讲稿

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

全部
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 日