在web前端的應用開發中,JavaScript是一個較為常用的計算機語言,當然啦,想要更好的提升工作效率,那麼就請收下小編為大家整理的web前端入門教程:萌新務必牢記的22條開發小技巧吧,希望對每一個想要從事或者正在學習web前端開發的小夥伴們帶來幫助。
1、使用var聲明變量
如果給一個沒有聲明的變量賦值,默認會作為一個全局變量(即使在函數內賦值)。要盡量避免不必要的全局變量。
2、行尾使用分號
雖然JavaScript允許省略行尾的分號,但是有時不注意的省略,會導致不必要的錯誤。建議在可用可不用行尾分號的地方加上分號。
3、獲取指定範圍內的隨機數
上麵的函數接受一個你希望的隨機最大數和一個你希望的隨機最小數。
4、打亂數字數組的順序
5、取出數組中的隨機項
6、去除字符串的首尾空格
7、類數組對象轉為數組
比如:類數組對象遍曆:
DOM的NodeList和HTMLCollection也是類數組對象
8、獲取數組中的最大值和最小值
9、清空數組
array.length = 0;
array = [];
10、保留指定小數位
返回字符串,保留兩位小數
11、使用for-in循環來遍曆對象的屬性
不要用for-in來遍曆數據
12、獲取某月天數
傳入date參數,可以是字符串、日期對象實例;為空表示當月天數
13、浮點數問題
JavaScript的數字都遵循IEEE 754標準構建,在內部都是64位浮點小數表示
14、JSON序列化和反序列化
使用JSON.stringify()來將JavaScript對象序列化為有效的字符串。
使用JSON.parse()來將有效的字符串轉換為JavaScript對象。
在AJAX傳輸數據時很有用
15、使用“===”替換“==”
相等運算符(==)在比較時會將操作數進行相應的類型轉換,而全等運算符(===)不會進行類型轉換。
16、避免使用with()
使用with()可以把變量加入到全局作用域中,因此,如果有其它的同名變量,一來容易混淆,二來值也會被覆蓋。
17、不要使用eval()或函數構造器
eval()和函數構造器(Function consturctor)的開銷較大,每次調用,JavaScript引擎都要將源代碼轉換為可執行的代碼。
18、簡化if語句
可替換成:
19、給可能省略的參數賦默認值
20、給數組循環中緩存length的值
如果你確定循環中數組的長度不會變化,那麼你可以這樣:
可以避免在每次迭代都將會重新計算數組的大小,提高效率
21、合並數組
對於小數組,我們可以這樣:
不過,concat()這個函數並不適合用來合並兩個大型的數組,因為其將消耗大量的內存來存儲新創建的數組。在這種情況之個,可以使用Array.prototype.push.apply(arr1,arr2)來替代創建一個新數組。
這種方法不是用來創建一個新的數組,其隻是將第一個第二個數組合並在一起,同時減少內存的使用:
22 枚舉對象“自身”的屬性
for...in除了枚舉對象“自身”的屬性外,還會枚舉出繼承過來的屬性。
以上就是在web前端開發中,常用的22條JavaScript開發小技巧,同學們都記住了嗎?
作者:技術學派 來源:今日頭條
上一篇 小白入門!Web前端開發學習路線
下一篇 UI設計中應該掌握的前端框架盤點
熱門課程
專業講師指導 快速擺脫技能困惑相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題,火星幫你解答本文介紹火星3D模型師的培訓內容,包括火星地形建模、紋理映射、3D打印等技術,以及火星時代教育的傳授方法。
找尋最好的角色遊戲原畫培訓機構,火星時代教育是不二之選,專業培訓團隊,資深行業導師,打造你的遊戲原畫夢想。”/> <meta name=
脫穎而出的模型設計培訓機構評估,詳細分析火星時代教育在優質教學、多元化課程設計以及專業師資方麵的超越
零基礎华体会hth体育app在线登录 模型培訓 - 如何啟動您的华体会hth体育app在线登录 之旅
零基礎也能學習华体会hth体育app在线登录 。本文將介紹火星時代教育提供的零基礎华体会hth体育app在线登录 模型培訓課程以及如何通過它開始你的华体会hth体育app在线登录 之旅。
火星時代教育的零基礎3D-Max培訓課程為您全方位解析3D-Max設計軟件的使用技巧和操作方法,幫助您無壓力掌握3D-Max並充分提升設計實力
本文詳細解析什麼樣的影視模型培訓中心是優質的,同時強調火星時代教育對於雕塑未來影視模型界英才的重要作用。
1. 打開微信掃一掃,掃描左側二維碼
2. 添加老師微信,馬上領取免費課程資源
同學您好!