導航:首頁 > 編程語言 > 前端高質量js規范

前端高質量js規范

發布時間:2023-02-14 13:07:40

1. 怎樣才可以寫出高質量的js代碼

編寫可維護的代碼

軟體的BUG修復需要花費大量的精力。尤其當代碼已經發布之後,隨著時間的增長,維護的成本愈發的高。當你一發現BUG的時候,就立即去修復,這時候你的代碼還是熱乎的,你也不需要回憶,因為就是剛剛寫好的。但是當你做了其他任務,幾乎完全忘記了這份代碼,這時候就需要:

河南新華

2. 做前端開發工作,js中對哪些哪些技術點要求較高,實際開發中用js經常做些什麼東西 css要求有如何

實際開發中為了效率,公司都有採用一些js庫,如jquery、prototype等,這方面可以學一學,前端個人總結js對文檔操作、後台數據交互、組件開發用得比較多,配合做一些計算和特性等,js能做的東西也很多,要必須不斷積累;css則必須輕車熟路,能配合美工做出優美的界面、對全局和細節的精確掌控,還有救是瀏覽器的兼容性則是css的重點。

3. Web前端工程師要知道的JavaScript變數命名規范

今天小編要跟大家分享的文章是關於Web前端工程師要知道的JavaScript變數命名規范,正在從事Web前端工作的小夥伴們來和小編一起看一看吧,希望本篇文章能夠對大家有所幫助。


JavaScript變數命名規范:只能由英語字母、數字、下劃線、美元符號$構成,且不能以數字開頭,並且不能是JavaScript保留字。

下列都是非常正確的變數命名:


varhaha=250;


varxixi=300;


vara1=400;


vara2=400;


varabc_123=400;


var$abc=999;


var$o0_0o$=888;


var$=1000;


var_=2000;


var________=3000;


下列都是錯誤的命名:


vara-1=1000;//不能有怪異符號


vara@=2000;//不能有怪異符號


var2year=3000;//不能以數字開頭


vara¥=4000;//不能有怪異符號


vara*#$#$@=5000;//不能有怪異符號


varab=300;//不能有空格


下列的單詞,叫做保留字,就是說不允許當做變數名


abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、goto


implements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile


需要注意大寫字母是可以使用的,並且大小寫敏感。也就是說A和a是兩個變數。


1varA=250;


2vara=888;


以上就是小編今天為大家分享的關於Web前端工程師要知道的JavaScript變數命名規范的文章,希望本篇文章能夠對正在從事Web前端工作的小夥伴們有所幫助。想要了解更多Web前端知識記得關注北大青鳥Web培訓官網。最後祝願小夥伴們工作順利!


4. 學習Web前端要知道的JavaScript基礎語法規則

今天小編要跟大家分享的文章是關於學習web前端要知道的JavaScript基礎語法規則。俗話說,「無規矩不成方圓」。用在計算機語言上也同樣使用。每種計算機語言都有自己的語法規則,只有遵循語法規則才能寫出符合要求的代碼。JavaScript也不例外,在使用JavaScript語言時,需要遵循某些語法規則,如執行順序、大寫和注釋規范。下面我們就以來介紹下,JavaScript基礎語法規則。

1.按從上到下的順序執行


JavaScript程序按照在HTML文檔中的排列順序逐行執行。如果代碼(例如函數、全局變數等)需要在整個HTML文件中使用,最好將這些代碼放在HTML文件的標記中。


2.區分大小寫字母


JavaScript嚴格區分字母大小寫。也就是說,在輸入關鍵字、函數名、變數以及其他標識符時,都必須採用正確的大小寫形式。例如,變數username與變數UserName是兩個不同的變數。


3.每行結尾的分號可有可無


JavaScript語言並不要求必須以分號「;」"作為語句的結束標記。如果語句的結束處沒有分,JavaScript會自動將該行代碼的結尾作為整個語句的結束。例如,下面兩行示例代碼,雖然第一行代碼結尾沒有寫分號,但也是正確的。(注意:書寫JavaScript代碼時,為了保證代碼的嚴謹性、准確性,最好在每行代碼的結尾加上分號。)


alert


alert


4、注釋規范


使用JavaScript時,為了使代碼易於閱讀,需要為
JavaScript代碼加一些注釋。JavaScript代碼注釋和CSS代碼注釋方式相同,也分為單行注釋和多行注釋,示例代碼如下:


//我是單行注釋


/*


我是多行注釋1


我是多行注釋2


我是多行注釋3


*/


以上就是小編今天為大家分享的關於學習web前端要知道的JavaScript基礎語法規則的文章,希望本篇文章能夠對正在從事會計相關工作的小夥伴們有所幫助。想要了解更多會計相關知識記得關注北大青鳥web培訓官網。最後祝願小夥伴們工作順利成為一名優秀的web前端工程師!


5. js前端調試的幾個小技巧

1. debugger;

我以前也說過,你可以在JavaScript代碼中加入一句debugger;來手工造成一個斷點效果。

需要帶有條件的斷點嗎?你只需要用if語句包圍它:

if(somethingHappens){
debugger;
}

但要記住在程序發布前刪掉它們。

2. 設置在DOM node發生變化時觸發斷點

有時候你會發現DOM不受你的控制,自己會發生一些奇怪的變化,讓你很難找出問題的根源。

谷歌瀏覽器的開發工具里有一個超級好用的功能,專門可以對付這種情況,叫做「Break on…」,你在DOM節點上右鍵,就能看到這個菜單項。

斷點的觸發條件可以設置成這個節點被刪除、節點的屬性有任何變化,或它的某個子節點有變化發生。

3. Ajax 斷點

XHR斷點,或Ajax斷點,就像它們的名字一樣,可以讓我們設置一個斷點,在特點的Ajax調用發生時觸發它們。

當你在調試Web應用的網路傳輸時,這一招非常的有效。

tumblr_inline_n1s7ceQ08c1r2

4. 移動設備模擬環境

谷歌瀏覽器里有一些非常有趣的模擬移動設備的工具,幫助我們調試程序在移動設備里的運行情況。

找到它的方法是:按F12,調出開發者工具,然後按ESC鍵(當前tab不能是Console),你就會看到第二層調試窗口出現,裡面的Emulation標簽頁里有各種模擬設備可選。

當然,這不會就變成了真正的iPhone,只是模擬了iPhone的尺寸,觸摸事件和瀏覽器User Agent值。

tumblr_inline_n1s71kb2NL1r2

5. 使用Audits改進你的網站

YSlow是一個非常棒的工具。谷歌瀏覽器的開發者工具里也有一個非常類似的工具,叫Audits。

它可快速的審計你的網站,給你提出非常實際有效的優化你的網站的建議和方法。

6. 前端開發,如何寫出優秀js代碼

每位前端工程師都喜歡易理解、可擴展、易維護的代碼,如何寫出優秀的JavaScript代碼,也是每位前端工程師的功課。如何才能寫出優秀的JavaScript代碼呢?
1.寫代碼前一定要搞清楚你要解決的問題是什麼,你的方案是否能夠解決問題。
2.擁有良好的命名規范,注意變數名區分大小寫,允許包含字母、數字、美元符號($)和下劃線,但第一個字元不允許是數字,不允許包含空格和其他標點符號。
3.多寫代碼注釋。編寫代碼時的注釋應當盡量全面一些,這便於自己再次瀏覽代碼時好理解。
4.能不使用with語句的時候盡量不要使用with語句,盡量少使用eval ,每次使用eval需要消耗大量時間。
擁有一手好代碼的前端開發者,更具有大神風范,所以好代碼不僅要精煉,更要易讀。

閱讀全文

與前端高質量js規范相關的資料

熱點內容
馬蘭士67cd機版本 瀏覽:542
javaweb爬蟲程序 瀏覽:537
word中千位分隔符 瀏覽:392
迷你編程七天任務的地圖怎麼過 瀏覽:844
word2003格式不對 瀏覽:86
百度雲怎麼編輯文件在哪裡 瀏覽:304
起名app數據哪裡來的 瀏覽:888
微信怎麼去泡妞 瀏覽:52
百度廣告html代碼 瀏覽:244
qq瀏覽器轉換完成後的文件在哪裡 瀏覽:623
jsp中的session 瀏覽:621
壓縮完了文件去哪裡找 瀏覽:380
武裝突襲3浩方聯機版本 瀏覽:674
網路機頂盒移動網路 瀏覽:391
iphone手機百度雲怎麼保存到qq 瀏覽:148
資料庫設計與實踐讀後感 瀏覽:112
js對象是什麼 瀏覽:744
網頁文件存pdf 瀏覽:567
文件夾正裝 瀏覽:279
剛復制的文件找不到怎麼辦 瀏覽:724

友情鏈接