① 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层次的了解，页面渲染等。