|
幾種提高JavaScript性能的技術；
這里我們分享了3種提高JavaScript性能的技術。這可以幫助您在激烈的北京網(wǎng)站建設中創(chuàng)建更快的Web站點，并提供一流的用戶體驗。
1，主要用于IE，因為本地變量查找是從最具體的范圍到最大的范圍，并且可以通過多個域級別傳遞，因此這種查找將導致對通用結果的查詢。在定義函數(shù)作用域時，如果一個局部變量以前沒有聲明var變量，那么我們必須在變量名之前添加var關鍵字來定義它的當前作用域并防止查詢，從而提高代碼的速度。頻繁的有用的代碼，你可以通過創(chuàng)建一個快捷方式到長碼編碼過程的速度，如document.getelementbyid。通過創(chuàng)建快捷方式，編寫更長的腳本不會占用太長時間，節(jié)省整個過程的時間。
2，在創(chuàng)建DOM的元素節(jié)點之前，請確保已執(zhí)行所有操作以提高JavaScript的性能。這并不需要放棄的jQuery的前置和后置的API。通過刪除字符（標簽、源文檔、空格等）而不改變文件的功能，減少了JavaScript文檔。
有許多縮小工具可以用來完成這個過程，也可以減少到減少?？s小是在不改變函數(shù)的情況下從源中刪除所有不必要字符的過程。減少不必要的循環(huán)，如while和while循環(huán)，以保持JavaScript的線性，避免遍歷數(shù)千個對象的需要。無用的循環(huán)會導致瀏覽器處理代碼更加困難，從而減慢速度。
3，很多時候，腳本被反復使用來訪問對象。重復訪問對象存儲在用戶定義的變量中，然后在引用對象時使用該變量，并可以立即實現(xiàn)性能改進。這種技術可以提高性能，因為它允許瀏覽器加載腳本只有一次，當頁面重新加載或重新審視，他們只需要從緩存中調(diào)用腳本。盡可能在頁面底部放置腳本將加快渲染進度，并增加下載的并行性。結果是頁面看起來更快，在某些情況下，它也可以減少所需的代碼總量。jQuery用于HTML腳本，一個易于使用的JavaScript庫，可以幫助任何Web站點加速。jQuery提供了大量可以快速使用的插件，即使新手程序員沒有問題。gzip的使用可以大大降低JavaScript文件，大小節(jié)省帶寬，加快響應時間。有時JavaScript文件非常大，如果不壓縮，就會導致網(wǎng)站癱瘓。較小的文件提供更快、更令人滿意的Web體驗。
4，鏈接網(wǎng)頁的預先加載處理；要知道鏈接能夠在也頁面中幫助用戶導航，但是頁面加載的速度快慢決定了用戶體驗的好與壞，使用如下HTML5的prefetch屬性可以幫助你針對指定的地址預加載頁面或者頁面中的特定資源，這樣用戶點擊的時候，會發(fā)現(xiàn)頁面加載速度提高了。
<link rel="prefetch" href="http://www./gb/users.htm" />
<link rel="prefetch" href="http://www./gb/networks/themes/img/logo_small.jpg" />
另外Web前端做出好的有利于用戶體驗網(wǎng)站常用的8個工具；
1、HBuilder
HBuilder是專為前端打造的開發(fā)工具，具有飛一樣的編碼、最全的語法庫和瀏覽器兼容數(shù)據(jù)、可以方便的制作手機APP、最保護眼睛的綠柔設計等特點。支持HTML、CSS、JS、PHP的快速開發(fā)。從開放注冊以來深受廣大前端朋友們的喜愛。
2、Sublime Text
Sublime Text是一個代碼編輯器也是HTML和散文先進的文本編輯器。漂亮的用戶界面和非凡的功能，例如迷你地圖，多選擇，Python的插件，代碼段，等等。完全可自定義鍵綁定，菜單和工具欄。Sublime Text的主要功能包括：拼寫檢查，書簽，完整的Python API，Goto功能，即時項目切換，多選擇，多窗口等等。
3、PS
Dobe Photoshop，簡稱“PS”，是由Adobe Systems開發(fā)和發(fā)行的圖像處理軟件。
Photoshop主要處理以像素所構成的數(shù)字圖像。使用其眾多的編修與繪圖工具，可以有效地進行圖片編輯工作。ps有很多功能，在圖像、圖形、文字、視頻、出版等各方面都有涉及。
4、Dreamweaver
dreamweaver是個由Macromedia公司所開發(fā)的著名網(wǎng)站開發(fā)工具。它使用所見即所得的接口，亦有HTML編輯的功能。
5、WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 開發(fā)工具。目前已經(jīng)被廣大中國JS開發(fā)者譽為“Web前端開發(fā)神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
6、Visual Studio Code
Visual Studio Code中文版是微軟推出的帶 GUI 的代碼編輯器，軟件功能非常強大，界面簡潔明晰、操作方便快捷，設計得很人性化。軟件主要改進了文檔視圖，完善了對 Markdown的支持，新增PHP語法高亮。
7、wampServer
WampServer，是Windos Apache Mysql PHP集成安裝環(huán)境，即在window下的apache、php和mysql的服務器軟件。PHP擴展、Apache模塊，開啟/關閉鼠標點點就搞定，再也不用親自去修改配置文件了，WAMP它會去做。再也不用到處詢問php的安裝問題了，WAMP一切都搞定了。
8、Atom
ATOM，是一個現(xiàn)代的文本編輯器,平易近人,但可刪節(jié)的核心工具定制做任何事,也可以使用有效不沾一個配置。
|
