JS技术

JavaScript的小窍门_Javascript教程(3)

字号+ 作者:H5之家 来源:H5之家 2015-10-01 13:22 我要评论( )

想要轻松地快速了解某项操作的用时吗?使用Firebug的timer功能来记录结果好了。 复制内容到剪贴板代码: function TimeTracker(){ console.time(MyTimer); for(x=5000; x 0; x--){} console.timeEnd(MyTimer); } 21.

想要轻松地快速了解某项操作的用时吗?使用Firebug的timer功能来记录结果好了。
复制内容到剪贴板代码:
function TimeTracker(){
console.time("MyTimer");
for(x=5000; x > 0; x--){}
console.timeEnd("MyTimer");
}


21. 自决的函数

相比于调用函数,让函数在页面载入或者某一父函数被调用时自动执行,是十分简单方便的做法。你只需要把你的函数包在父辈之内,然后添上一个额外的括号,本质上这括号就触发了你定义的函数(了解更多)。
复制内容到剪贴板代码:
(function doSomething() {
   return {
      name: 'jeff',
      lastName: 'way'
   };
})();


22. 原生 JavaScript 总是会比使用代码库来的快

诸如jQuery和Mootools这样的JavaScript库,能为你写代码的过程省下不少时间——尤其是当需要 AJAX 操作时。不过你可得记住,只要你的代码写得恰当,原生JavaScript总是会比利用代码库的写法执行得快一些。

jQuery的“each” 方法对于循环操作十分便利,但是使用原生态的for语句总归会快很多。


23. Crockford 的 JSON.Parse

尽管 JavaScript 2会内建JSON处理器,但写这篇文章之时,我们还是需要自己实现。Douglas Crockford,JSON的创建者,已经为我们创作出能直接使用的处理器了。您可以在这里下载。

导入这段代码,你就能新建 JSON 全局对象,然后处理你的 .json 文件。
复制内容到剪贴板代码:
var response = JSON.parse(xhr.responseText);
var container = document.getElementById('container');
for(var i = 0, len = response.length; i < len; i++) {
container.innerHTML += '<li>' + response.name + ' : ' + response.email + '</li>';
}


24. 移去“Language”

很多年前,language还是每段script标签必备属性:
复制内容到剪贴板代码:
<script type="text/javascript" language="javascript">
...
</script>

 

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评