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僅用于樣式

代碼規(guī)范檢查

//Baidu FE Code Style

//Jshint

勤寫注釋

/*
                   _ooOoo_
                  o8888888o
                  88" . "88
                  (| -_- |)
                  O\  =  /O
               ____/`---'\____
             .'  \\|     |//  `.
            /  \\|||  :  |||//  \
           /  _||||| -:- |||||-  \
           |   | \\\  -  /// |   |
           | \_|  ''\---/''  |   |
           \  .-\__  `-`  ___/-. /
         ___`. .'  /--.--\  `. . __
      ."" '<  `.___\_<|>_/___.'  >'"".
     | | :  `- \`.;`\ _ /`;.`/ - ` : | |
     \  \ `-.   \_ __\ /__ _/   .-` /  /
======`-.____`-.___\_____/___.-`____.-'======
                   `=---='
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    佛祖保佑、永無BUG、佛光護體、指鍵如飛
*/


/*
*@auhor 作者
*@param 參數(shù)
*@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上的參數(shù)
*/

前端性能優(yōu)化(https://developer.yahoo.com/performance/rules.html)

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容