中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

網(wǎng)站前端開發(fā)的代碼排版風(fēng)格

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

雖然任何一種語言都沒有任何約定的風(fēng)格,但也總有一些不成文且喜聞樂見的習(xí)俗。以你的代碼為例,給以下幾個(gè)風(fēng)格上的建議:
  • 每個(gè)function之間多一空行,是的,除去注釋外再多一空行;
  • 適當(dāng)加空格,比如if和后面的括號(hào)之間的空格、小括號(hào)和花括號(hào)之間的空格、冒號(hào)和function之間的空格等等;
  • 風(fēng)格上保持一致,你的代碼里面有的地方+號(hào)和運(yùn)算數(shù)之間有空格,有的則沒有;
  • 少用下劃線開頭的變量命名;
  • 一段代碼里,var語句可以合并在一起;
  • 暫時(shí)不會(huì)再修改的function或object,先用編輯器折疊起來,看上去也會(huì)整潔很多;
  • 黑色背景的editor風(fēng)格不錯(cuò),不過關(guān)鍵字、注釋、運(yùn)算符等顏色上可以再調(diào)整,主要是為了防止審美疲勞,換個(gè)色調(diào)換個(gè)心情;
  • 使用成熟的javascript庫

    如果沒看錯(cuò)的話,你可能是使用了jquery吧(至少也有一個(gè)類似sizzle或更簡單的解析器,證據(jù)在倒數(shù)第十行左右)。所以,就盡可能避免使用原生的javascript.dom操作。

    jquery的符號(hào),以cssselector風(fēng)格統(tǒng)一取代了各種getelement(s)byxxx的接口,并且擴(kuò)展性非常強(qiáng),是很多設(shè)計(jì)模式思想的綜合運(yùn)用。

    當(dāng)然原生dom也有自己的優(yōu)勢(主要是執(zhí)行效率),但是大部分時(shí)候,在開發(fā)效率、代碼質(zhì)量、執(zhí)行效率的tradeoff中,jquery還是好選擇。此外也推薦下javascript.mvc庫、jqueryui庫等等。

    代碼整理
    構(gòu)思清楚,再寫代碼,你已經(jīng)做到了。
    但是,誰能保證代碼是一成不變、一勞永逸的呢?
    所以,「重構(gòu)」的時(shí)候,除非是時(shí)間緊迫,永遠(yuǎn)不要松懈代碼質(zhì)量。
    web前端愛好者toobug對樓主的代碼也進(jìn)行了詳細(xì)的點(diǎn)評,并且也給出了一些非常有意義的指導(dǎo):

    代碼中邏輯沒有分塊、沒有空行、沒有注釋、看起來很累,建議對代碼進(jìn)行分塊,比如將變量集中在頭部定義,然后處理一些賦值,最后執(zhí)行一些其它的函數(shù)。具體到這個(gè)例子,有很多不恰當(dāng)?shù)牡胤剑热缈梢韵葀ar_height;然后在條件分支中進(jìn)行賦值,比如在一堆賦值語句中間夾雜了一個(gè)parsetemplate。

  • “_”用得太多,this._var這個(gè)可以理解,因?yàn)橐獏^(qū)分是否私有變量,但是var_height這個(gè)完全沒有必要加,加得太多反而看著很累,而且也沒有任何區(qū)分的意義。
  • 沒有將常用的變量緩存,這里最應(yīng)該緩存的是this._options,要不然看起來很亂,而且緩存起來對性能也是有好處的。
  • 對象的規(guī)劃(命名)不清晰,比如this._options和this.opts什么關(guān)系?我反正是看不明白。
  • 代碼風(fēng)格不統(tǒng)一。
  • 函數(shù)內(nèi)變量名混亂(和第四點(diǎn)很像),比如第二個(gè)函數(shù)中id和_id什么關(guān)系?為什么不用aaaid和bbbid?cre又是什么,難道是createelement縮寫?變量盡量起有意義的,可區(qū)分的名字。
  • 函數(shù)名稱表義不明,命名不符合大部分規(guī)范約定。第一眼看到_ishavetable,我第一反應(yīng)是,這應(yīng)該是類似returntrue或者returnfalse之類的吧。結(jié)果一看,這么長,難道返回在后面?又往后看了一眼,這根本就沒有返回?。∧菫槭裁匆胈ishavetable???_is開頭的函數(shù)明明白白就應(yīng)該返回一個(gè)true或者false啊。
  • 當(dāng)前題目:網(wǎng)站前端開發(fā)的代碼排版風(fēng)格
    URL分享:http://m.2m8n56k.cn/news22/106872.html

    成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)App開發(fā)服務(wù)器托管虛擬主機(jī)、網(wǎng)站內(nèi)鏈、電子商務(wù)

    廣告

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

    商城網(wǎng)站建設(shè)
    主站蜘蛛池模板: 美女视频网站黄色 | 曰韩美女一级视频 | 国产精品久久久久久一区二区三区 | 日本无卡码免费一区二区三区 | 手机看片日韩国产 | 中文字幕在线观看一区二区三区 | a毛片全部免费播放 | 性亚洲精品 | 超级碰碰碰在线观看 | 男女乱淫免费视频 | 久久国产精彩视频 | 在线国产日韩 | 日本在线毛片视频免费看 | 欧美一级毛片无遮无挡 | 久草在线 | 国产精品黄页网站在线播放免费 | 成人国产在线观看 | 亚洲成人手机在线 | 国产一区二区播放 | 在线综合+亚洲+欧美中文字幕 | 久操免费在线视频 | 俄罗斯一级黄色片 | 免费观看情趣v视频网站 | 亚洲专区在线视频 | 成年女人午夜免费视频 | 亚洲欧洲日本天天堂在线观看 | 亚洲欧美久久一区二区 | 欧美一级淫片免费播放口 | 香蕉久久夜色精品国产2020 | 97免费视频观看 | 国产成人免费片在线视频观看 | 欧美日韩国产va另类 | 亚洲国产成人精彩精品 | 欧美乱大交xxxxx在线观看 | 99精品视频在线播放2 | 免费无毒 | 国产一级毛片卡 | 手机亚洲第1页 | 成年人在线观看免费 | 日韩欧美久久一区二区 | 久久精品一品道久久精品9 久久精品一区 |