① javaScript 怎樣高效拼接字元串
就像在C#中一樣，可以使用」+」來拼接字元串，而對於操作頻繁、講究效率的字元串拼接操作應該選擇StringBuilder類。在JavaScript中是否也存在這個問題呢？答案是肯定的，雖然JavaScript並沒有為提供一個內置的StringBuilder對象，但是可以自己來創建一個！至於效率到底能提高多少，讓程序說話吧！//---StringBuilder---function StringBuilder(){ this.__string__ = new Array();}StringBuilder.prototype.append = function(str){ this.__string__.push(str);}StringBuilder.prototype.toString = function(){ return this.__string__.join("");} var d1 = new Date();var buffer = new StringBuilder();for(var i = 1; i < 10000; i++){ buffer.append("E3Card");}var strResult = buffer.toString();var d2 = new Date(); document.write("StringBuilder用時：" + (d2.getTime() - d1.getTime()) + ""); //---+-----var d3 = new Date();var str = "";for(var i = 1; i < 10000; i++){ str += "E3Card";}var d4 = new Date();document.write("+鏈接用時：" + (d4.getTime() - d3.getTime()) + "");
② 如何編寫高效率的js
首先，你的代碼整潔度要高，別人看得懂，自己看著賞心悅目。
其次，代碼復用度要高，好多公用的方法建議單寫調用，集成度高。
最後，代碼一定要簡練，思路一定要清晰，否則繞很多彎或者用很多方法才能拿到值得到結果就很麻煩。
③ javascript最好的開發工具是哪個
開發環境的使用，每個人都有自己不同的喜好，自己感覺Dreamweaver 是款不錯的開發環境『
④ 大學學習JavaScript學到什麼程度可以接一些項目
這要看你希望學什麼樣的框架，並且想把框架用到什麼程度。下面按門檻從低到高給你分析幾種框架：
1、jQuery。實際上jQuery並不是真正意義上的框架，它只是一個把常用操作封裝好的一個庫。使用它很簡單，幾乎沒有什麼門檻，只要懂得數據類型、選擇/循環結構、對象這些簡單的知識即可快速上手。
2、編寫jQuery插件。你需要懂得什麼是閉包、原型、函數式用法等等。要想更靈活高效地編寫出優質的插件代碼，你還要懂得JS面向對象的寫法，比如繼承。
3、MVVM框架，如VUE、REACT、ANGULAR。只有比較熟練地掌握和運用閉包、原型、函數式等，你才看得懂它們的文檔和教程，否則會比較吃力，步步遇坑。
4、NodeJS。除了掌握上述的知識外，你還需要掌握JS模塊化的寫法，還要掌握一些ES6的語法。
⑤ 求 高效前端:web高效編程與優化實踐 PDF
前端優化的途徑有很多，按粒度大致可以分為兩類，第一類是頁面級別的優化，例如 HTTP請求數、腳本的無阻塞載入、內聯腳本的位置優化等 ;第二類則是代碼級別的優化，例如 Javascript中的DOM 操作優化、CSS選擇符優化、圖片優化以及 HTML結構優化等等。
⑥ 如何使JavaScript更高效
傳統的 Web 頁面不會包含很多腳本，至少不會太影響 Web 頁面的性能。然而，Web 頁面變得越來越像應用程序，腳本對其的影響也越來越大。隨著越來越多的應用採用 Web 技術開發，腳本性能的提升就變得越來越重要。
桌面應用程序通常是用編譯器將源代碼轉換為最終的二進制。編譯器在生成最終的應用程序時，可以花費時間，盡可能地對性能進行優化。Web 應用程序就不能這么奢侈了。因為它們需要在多種瀏覽器、平台和架構上運行，所以不能對它們進行完全地預編譯。瀏覽器會每次取到一個腳本並對其進行解釋和編譯，然而最終應用程序卻要像桌面應用一樣迅速載入、運行流暢。它被期望運行於大量各種各樣的設備，從普通的台式電腦到手機都包含在內。
瀏覽器相當擅長實現這個目標，而 Opera 擁有當前瀏覽器中最快的腳本引擎之一。不過瀏覽器也有一些局限，這正是 Web 開發者需要關注的。要確保 Web 應用能運行得盡可能的快，這可能只是一個簡單循環交換，改變一個合並的樣式而不是三個，或者只添加確實會運行到的腳本。
本文會展示一些能提升 Web 應用性能的改變，其范圍涉及 ECMAScript —— JavaScript 的核心語言、DOM 和文件載入。
⑦ 如何編寫高效JavaScript代碼
<html>
<head>
<title> New Document </title>
<style type="text/css">
div{
width:600px;
height:50px;
border:1px solid black;
}
</style>
<script type="text/javascript">
function addWebSite()
{
var b=true;
var regExp=/^[w]{3}\.[a-zA-Z]+\.com$/;
var nLength=document.getElementById('websitename').value.length;
if(nLength < 0&&nLength > 100)
{
b=false;
}
var websiteAddr=document.getElementById('websiteaddr').value;
if(!regExp.test(websiteAddr)){
b=regExp.test(websiteAddr)
}
var obj=document.createElement('a');
var pObj=document.getElementById('fs');
alert(pObj.nodeName);
if(b)
{
obj.href=websiteAddr;
obj.innerHTML=document.getElementById('websitename').value;
pObj.appendChild(obj);
}
}
</script>
</head>
<body>
<form action="url" method="post" onsubmit="return false;">
<div>
<label>網站名稱:</label><input id="websitename" name="websitename" style="color:#ffccff" type="text" value="websitename" onfocus="if(this.value=='websitename'){this.value=''}" onblur="if(this.value==''){this.value='websitename'}"/>
<label>網址:</label><input id="websiteaddr" name="websiteaddr" style="color:#ffccff" type="text" value="如:www.so.com"
onfocus="if(this.value=='如:www.so.com'){this.value=''}" onblur="if(this.value==''){this.value='如:www.so.com'}"/>
<span valign="center"><input type="image" src="addBtn.gif" onclick="addWebSite();"/></span>
</div>
</form>
<fieldset id="fs">
<legend>常用網址:</legend>
</fieldset>
</body>
</html>
⑧ TypeScript是怎麼提高JavaScript編程效果的
TypeScript是由微軟開發的一種可快速入門的開源的編程語言，是JavaScript的一個超集，且向這個語言添加了可選的靜態類型和基於類的面向對象編程。能夠幫助web前端開發人員編出更出色的JavaScript代碼、搞定規模可觀的JavaScript項目並為ECMAScript 6的來臨做好准備。
JavaScript是一款通用腳本語言，植根於開發工具的核心深處，同時在Node.js等伺服器端實現方案中也有所體現。除此之外，JavaScript還是微軟開發技術方案的關鍵組成部分，若想對office進行擴展，不使用JavaScript是不行的。
雖然JavaScript已發展得非常強悍了，但其離完美還有一大段距離，特別是在構建包含大量客戶端代碼的web應用時，JavaScript的不足之處就非常明顯。這個時候，配合TypeScript使用，JavaScript的缺陷就可完美解決。只需在TypeScript當中編寫代碼，而後將其交付至編譯器，即可將所開發代碼轉換為能夠運行在伺服器端，又可以由客戶端中的HTML進行調用的JavaScript形式方案。
TypeScript還將大量ECMAScript 6功能加入到了JavaScript當中，具體包括類與模塊，並嘗試將這兩種本是同根生的語言加以進一步融合，從而滿足ECMAScript 6的標准化方法要求。通過這種方式，大家可以利用TypeScript開發出能夠為ECMAScript 6所接納的代碼，同時充分發揮TypeScript的靜態類型優勢以提升代碼安全性水平。
TypeScript允許我們面向變數進行類型聲明，從而確保A始終屬於整數而C始終屬於字元串。雖然TyperScript的類型安全性並不像Fortran那麼全面，但其仍然能夠定義數字與字元串，並利用Boolean類型顯著改善代碼調試機制。除此之外，TyperScript還提供選項以實現類型推斷，從而降低發生錯誤的可能性如果大家的代碼為兩個數字相加，那麼TyperScript會認定其結果始終為數字。
通過使用TypeScript，開發者也可以將類型應用至數組中，或利用enums為特定變數名稱設置值。如果不確定自己可能使用哪種類型，則可以將變數設定為any，在這種情況下TypeScript不會推斷其具體類型、大家也不會因此遇到錯誤或者警告。TypeScript類型可以自行選擇，因此也無需在編譯或者運行之前，首先向現有代碼添加各種類型，這將有效簡化現有代碼的相關遷移工作。
需要注意的是，現有JavaScript代碼將成為TypeScript應用程序的一部分加以運行。而如果將代碼遷移到ECMAScript 6或者TypeScript語法形式下，大家即可享受到TypeScript的各種功能優勢。而如果我們使用具備TypeScript識別能力的工具，則可以擁有面向Visual Studio IntelliSense的支持能力——其能夠幫助我們對函數調用中的類型進行管理。除此之外，也可利用TypeScript聲明文件向各類常用庫及服務中快速添加類型支持，例如jQuery庫。
擁有這樣一款類型化且近似於JavaScript的語言能夠給類使用與模塊構建帶來顯著簡化（與AngularJS當中的處理方式非常相近）。類型的存在能夠確保某個警告類中的所有實例都通過字元串進行調用，這將幫助我們輕松構建起更理想的構造函數。大家可以將這種類型化構造函數調用視為一種契約，負責定義兩段代碼之間的相互作用——並幫助我們更輕松地在不同應用程序之間重復使用同一函數。
在函數調用當中定義類型正是創建介面結構的關鍵所在，能夠使我們的代碼更具面向對象特性。大家可以將函數元素明確定義為介面，並選擇在函數當中使用更具描述性的名稱，同時又不會影響到進行調用檢查時向IntelliSense等函數所必需的工具發出通知。
以這種方式定義類型與介面，能夠讓多位開發人員輕松對大型JavaScript項目加以管理。而在函數與類設計中秉持「介面至上」的契約化方法，則能夠幫助大家在對應用程序中特定部分進行優化時不至於影響到其餘部分，或者從其他開發者手中借用某種介面定義並直接運用到其它實現方案當中。這種方式允許我們以更為高效的方式使用諸如Git以及GitHub等工具，從而在一套持續開發模型當中輕松管理多個代碼分支。
如果使用的是Java語言 或者C#語言，那麼對TypeScript（以及ECMAScript 6）的類實現機制一定不會感到陌生。大家可以在構造函數之內創建類，從而對方法中所使用的類型進行定義，最終利用類似的來處理各種內部對象。大家也可以利用繼承、添加功能與重寫方法等方式對類進行擴展。而更值得注意的是，TypeScript還支持常見於函數與介面當中的泛型——其能夠幫助大家交付可重復使用的函數。
一旦掌握了TypeScript處理類與函數的方式， 就可以著手將其組織在模塊當中，在這里類與函數能夠被拆分至多個文件當中。這顯然是一種非常便捷的代碼組織方案——舉例來說，我們可以利用幾個文件來處理購物車當中的不同函數。在此之後，大家可以對各個子模塊進行分別更新，從而在特定函數中利用調整歸零機制改善其性能水平，同時又不至於對其它函數造成影響。具備聲明文件的JavaScript庫也可以作為模塊使用，因此大家能夠在TypeScript應用程序當中充分發揮由此帶來的諸多優勢。
在大型web應用程序的開發中，對JavaScript的使用，以TypeScript作為切入點，將大大提高我們開發的效率。TypeScript不僅能夠幫助我們在具備充分掌控能力且遵循可重復使用方針的前提下完成編碼工作，同時也能夠擁有一條通往ECMAScript 6的理想路徑。相信今後web前端開發，甚至整個web端所有網站的開發，都將逐步使用到TypeScript，以提高JavaScript的編程效果。
⑨ 如何編寫高效簡潔的JavaScript代碼
、寫代碼寫的快：基礎知識准確掌握，多寫，時間長了寫的就快了。
2、性能好：多看些演算法類的書籍，加深對js性能優化方面的知識的了解，對http請求的了解，dom層次的了解，頁面渲染等。