編寫可維護的代碼
軟體的BUG修復需要花費大量的精力。尤其當代碼已經發布之後,隨著時間的增長,維護的成本愈發的高。當你一發現BUG的時候,就立即去修復,這時候你的代碼還是熱乎的,你也不需要回憶,因為就是剛剛寫好的。但是當你做了其他任務,幾乎完全忘記了這份代碼,這時候就需要:
重新學習和理解問題
理解代碼是如何解決問題的
另外一個問題是,在大項目或者大公司裡面,經常是解決BUG的人不是產生BUG的人,而且也不是發現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文件的
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需要消耗大量時間。
擁有一手好代碼的前端開發者,更具有大神風范,所以好代碼不僅要精煉,更要易讀。