網(wǎng)站前端開發(fā)工程師應(yīng)遵循的代碼規(guī)范

2021-04-11    分類： 網(wǎng)站建設(shè)

標準的代碼，讓人閱讀會很輕松。遵循javascript的代碼規(guī)范是網(wǎng)站前端開發(fā)工程師必備素質(zhì)

遵行慣用法

  • 注釋符號‘//’后應(yīng)該空一格；
  • 防止變量提升，應(yīng)先聲明后使用（jshint會提醒出‘_height’存在變量提升以及定義后未使用的錯誤）；
  • 不應(yīng)該使用硬編碼，并且重復幾次（id后綴名可以定義到常量里，用大寫字母）；
  • 不應(yīng)該有兩個配置屬性，含義不明（this.opts和this._options）；
  • 若兩次以上引用同一對象的屬性，應(yīng)該定義到局部變量再引用（varptions=this._options）；
  • 不應(yīng)該同時使用兩種屬性命名風格（colmodel和table_body）；
  • 局部變量名應(yīng)該盡可能短，而方法名應(yīng)該盡可能完整（不應(yīng)該同時即有fromattpl又有parsetemplate）；
  • 局部變量名不需要用下劃線開頭，僅對象私有屬性和私有方法有此必要；
  • 變量名不需要帶類型屬性（_thdoms叫ths就好）；
  • 使用javascript時，for循環(huán)基本可以避免（比如jquery有.each,.map，.filter,.grep等等高階函數(shù)可用）；
  • jquery對象名習慣以開頭，以便區(qū)分dom對象；
  • jquery查詢應(yīng)盡量使用ontext；
  • jquerydom操作和原生dom操作不應(yīng)該混用（已經(jīng)使用jquery的情況，就應(yīng)該堅持使用jquery來操作dom，避免丑陋的原生操作）；
  • dom元素構(gòu)造出來，也不應(yīng)該再到文檔中查詢一遍了（圖上的構(gòu)造太復雜，一眼真看不懂）；
    • 代碼復查

    把程序?qū)懻_還只是跨出了第一步。把代碼交給你的同事和朋友復查，這是學習經(jīng)驗、共同提高 最快的辦法。

    當前題目：網(wǎng)站前端開發(fā)工程師應(yīng)遵循的代碼規(guī)范
    文章轉(zhuǎn)載：http://www.muchs.cn/news10/106860.html

    成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、面包屑導航、網(wǎng)站設(shè)計公司、品牌網(wǎng)站建設(shè)、微信公眾號、網(wǎng)頁設(shè)計公司

    廣告

    聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

    綿陽服務(wù)器托管