快速javascript,快速充电
怎么快速生成javascript 文档
YUIDoc 是一个基于 Node.js 的应用程序。新建个文档写着javascript写入过程并保存操作如下:
公司主营业务:网站建设、成都做网站、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联建站是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联建站推出新郑免费做网站回馈大家。
(1)YUIDoc 是一个基于 Node.js 的应用程序,用来根据 JavaScript 的注释中生成 API 文档,类似 JavaDoc,这也是当前 YUI 用来生成文档的工具。生成的文档效果:
(2)如果操作系统是windows的用户,需要配置perl环境,推荐安装ActivePerl ,Linux/Unix用户则不用配置了。
(3)解压缩JsDoc,在命令提示窗口中进入JsDoc所在目录,使用如下命令即可生成Javascript代码的文档。
perl jsdoc.pl test.js
其中test.js是用于测试的js文件,如果成功则在该目录下生成js_docs_out目录,里面包含生成的文档。
(4)如果生成失败,产生如下错误信息:
Can't locate HTML/Template.pm in @INC ......
需要配置HTML::Template模块,配置方法为:
进入perl的Package Manager,可以使用命令ppm,也可以点击开始菜单——ActivePerl 5.8.8 Build 817——Perl Package Manager。然后使用install命令安装HTML::Template模块,代码如下:
C:\ ppm
PPM install HTML-Template
PPM quit
具体的参数及用法可以查看JsDoc的官方网站。
总结:最终采用作用域的分析方式。即 函数调用 或 函数定义 被作为一个作用域。它们之前的 @class 将被理解为这个作用域内成员的父成员。
怎样快速而优雅地遍历 JavaScript 数组
我们一般用循环来遍历数组,而循环一直是 JavaScript
性能问题的常见来源,有时循环用得不好会严重降低代码的运行速度。例如,遍历数组时,我们会很自然地写出下面这种代码:
// 未优化的代码1
var array = [0,1,2,3,4,5,6,7,8,9];
// for-in 循环
for (var val in array) {
fn(val);
}
还有这一种常见写法:
// 未优化的代码2
var array = [0,1,2,3,4,5,6,7,8,9];
// for 循环
for (var i=0; i array.length; i++) {
fn(array[i]);
}
这两个方法看上去似乎不错,而且语义上也很容易理解。但是这两个方法都有性能问题:
“未优化的代码1”中,for-in 需要分析出 array 的每个属性,这个操作的性能开销很大,用在 key
已知的数组上是非常不划算的。所以尽量不要用 for-in,除非你不清楚要处理哪些属性,例如 JSON 对象这样的情况。
“未优化的代码2”中,循环每执行一次,都要检查一次 array.length 的值,读属性要比读局部变量慢,尤其是当 array
里存放的都是 DOM 元素(像 array =
document.getElementByClassName("class");),因为每次读 array.length
都要扫描一遍页面上 class="class" 的元素,速度更是慢得抓狂。
假如你的任务是从页面上 100 个复选框中,找出选中的复选框的 value,并把它们放入一个数组的话,在 IE
上可能得花上半秒才能完成。结果就是,用户在列表里选择了自己要的项目,点击提交后起码要过半秒才会有反应,直观感觉就是很卡。
我们绝不能接受这样的结果,所以我们需要加快循环终止条件的计算速度。先把数组的长度先查出来,存进一个局部变量,那么循环的速度将会大大提高:
// 快速的代码
var array = [0,1,2,3,4,5,6,7,8,9];
// for 循环
var length = array.length;
for (var i=0; i
length; i++) {
fn(array[i]);
}
现在只需要读取一次 array.length 的值,遍历数组的过程大大加快了。
不过我们还可以让它更快。如果循环终止条件不需要进行比较运算,那么循环的速度还可以更快:
// 最快的代码
var array = [0,1,2,3,4,5,6,7,8,9];
// for 循环
for (var i = array.length; i--;)
{
fn(array[i]);
}
把数组下标改成向 0 递减,循环终止条件只需要判断 i 是否为 0
就行了。因为循环增量和循环终止条件结合在一起,所以可以写成更简单的 while 循环:
// 最快且优雅的代码
var array = [0,1,2,3,4,5,6,7,8,9];
// while 循环
var i = array.length;
while (i--) {
fn(array[i]);
}
如何才能快速掌握 JavaScript,并且能写出框架
可以先从简单的封装做起,比如将一些常用的方法进行封装其他人只需调用即可不管你内部如何实现。至于效果我一般都是些jq的插件,方便快捷。 提供下我写的,比较简单,就当练手积累经验吧。 (function(){ if(!window.Mr_2_B){ window.Mr_2_B = {}; } function trim(txt){ return txt.replace(/(^\s*)|(\s*$)/g, ""); } window.Mr_2_B.trim = trim; })(); //页面调用(别忘了引入) Mr_2_B.trim(" hi"); Mr_2_B自己定义,实现方法很多种
如何快速的学习基本JS技术?
实话说学习是没有捷径的,最多也就是有一些学习的方法和技巧。关于学习JavaScript也就是js我分享一下我这个菜鸟的学习方法,只是个人的一些看法,不喜勿喷。\x0d\x0a1、基础要学的好\x0d\x0a学过js的都是知道的,js的一些基础的语法和一些变成语言是不一样的,所以需要额外的注意一些基础的语法,举例来说:作用域,一般的编程语言都是全局变量函数外有效,函数内的变量函数内有效,而js是不一样的,js的全局变量函数外和函数内都有效,函数内的函数只函数内有效。还有js是基于对象的语言,但是为了支持面向对象的编程思想,js使用函数来模拟类或者是对象的概念,这些都是比较难理解的,含有一些js的地层东西如原型链、上下文等也是非常的不好理解,这就需要基础的知识一定要扎实才能行。\x0d\x0a2、多练习和实践\x0d\x0a其实学习编程都是这样的,多动手多思考是学习编程语言的最好办法,很多东西看起来简单但是做起来就非常难了,解决的方法是学习js要和做网页特效联系起来,毕竟js的一个很大的应用方向就是实现网页的效果和一些交互,所以学习基础的同时要试着使用原生的js代码来实现一些网页特效,从中可以学到js这门语言的博大精深。\x0d\x0a2、学习面向对象的编程思想\x0d\x0a虽然js对于面向对象编程的支持不是很完美,但是一些js的大神使用了一些很多的方法,如构造函数等模拟了一些比较完整的面向对象编程,所以难点也出来了,那就是js的面向对象要比其他的语言复杂难理解。\x0d\x0a4、学习js的一些框架\x0d\x0a使用原生的js进行开发太难了,但是我们可以通过js的框架来解决这个问题,基础的框架如jQuery,还有比较高级的框架如angularjs都是很不错的东西,只是js原生学的好,这些框架也就比较好理解了
帮助Web前端初学者快速掌握JavaScript技术的方法
今天小编要跟大家分享的文章是关于帮助web前端初学者快速掌握JavaScript技术的方法。当你试图学习JavaScript或其他编程语言的时候,你通常会遇到如下挑战:
·一些概念让你感到困惑,特别是如果之前学过其他类型的语言。
·很难找到学习的时间(或者动力)去学习。
·你很容易忘掉之前学到的东西。
·JavaScript工具太多并且经常更新,以至于很难找到学习的切入点。
幸运的是,这些难题最终能够被克服。在这篇文章,将展示六个能够帮助你更快、更开心、更高效地学习JavaScript的六个思维技巧。下面来和小编一起看一看吧!
1、不要对未来的忧虑干扰你现在的学习
有些JavaScript初学者会问刚开始要学习哪种框架,但是如果你还没能熟练使用原生JavaScript,你就不应该问这种问题。因为你会花很多时间研究各种框架而得不到进步。
走出这个陷阱的一个方法是制定一个学习路径图。例如,要成为前端开发,你的路径图可能是下图。在将来你能够使用HTML和CSS制作动态页面。
将上图步骤分开执行,每个时间段只专注于提高一项技能,你将不会把时间浪费在担心后面的技能上。
2、不要让自信骗你进入持续遗忘的陷阱
快速理解一个概念会是JavaScript进步的最大阻碍,下面我将解释。
当你遇到一个知识点,而你好像理解了,你很可能抑制不住内心跳到下一个知识点的冲动。现实可能是你会理解下一个知识点然后继续跳到下一个知识点。但是,很快你会到达一个节点,在这个节点你发现自己已经忘了前面所学,于是你需要回过头复习,你快速瞟了一下之前所学然后又继续学习新的知识。但是现在,你忘记了其他东西。你一直重复这种继续-回顾-继续-回顾模式直到你发现自己完全迷失。你开始沮丧,想要休息,然后当你开始重振旗鼓,却发现自己已经忘掉所有。
幸运的是,我们有两个应对上述问题的方法:
1、一次只学一样东西
2、做练习-实际上是敲代码
当你学习一个新的概念,你要将它实践出来,练习它,与它和善相处,甚至能够将它与其他概念联系到一起。当你学习一个示例,最重要的是你要自己将代码敲出来,这样能帮助你吸收它。另外,一次只学一个东西能够帮助你巩固所学,因为记忆更少的东西更容易。
这个过程看起来貌似比阅读然后快速跳到下一个知识点要花费更长的时间,但是实际上它所花的时间更少,因为这样你就不需要频繁复习之前所学。我在好几个场合后才艰难的领悟到这个道理。
3、使用正确的思维方式练习
很多人认为敲代码是烦人的重复性工作,所以他们通常会跳过这个步骤试着寻找捷径。如果你试图为JavaScript练习寻找捷径,你将会为此花费更多的时间。但是我们如何才能使得敲代码更加的有趣,使得我们愿意去敲代码呢?
试着改变为下面的思维模式:
如果你刚学了一个JavaScript概念,然而你被告知不能使用它,对此你感觉如何?个人来说我会感到有点恼火,特别是为了弄懂它我花费了宝贵的时间。这就像是一个小孩得到了一个新的玩具,但却被限制不能玩它。
当你学习JavaScript的新知识,试着将这个知识点视作一个新玩具,例如新车、一双新鞋、或任何你觉得值得有趣的东西。然后,不要把敲代码当成工作,将敲代码视作你正在玩游戏。你正在使用刚学的技能做一些很酷的事情。给自己惊喜,把成果展示给你的朋友。
带着游戏的思维模式你将学得更快,将记忆的更牢,同时你将体会到更多乐趣。
4、使用Facebook技巧为编程腾时间
人们遇到的一个普遍问题是,他们通常找不到时间去敲代码。通常,这些人会花好几个小时浏览例如Facebook、YouTube、Wikipedia或者Reddit这样的网站。无论你是否符合上述描述,我们都能从中学到一些东西。
我当然有时间只浏览Facebook一会儿,但通常我会在上面待好几个小时浏览往返。这是如何发生的?我认为原因在于,刚开始我并没打算花在这上面花费那么多时间。开始行动是做一件事情最困难的部分,所以将目标设定的足够小能够帮助我们进入状态。如果有人问我是不是打算花几个小时浏览Facebook,我会回答不,因为我没有时间。然而,对于仅仅尝试一下我是能够接受的,这也是我能够沉浸其中的方法。
好消息是,你能够对敲代码运用同样的心理技巧。不要计划花几个小时敲代码,因为你会发现自己没有时间。相反的,告诉自己只敲三分钟代码。这样你就不需要为寻找敲代码的时间烦心。
5、思考的慢你将学得更快
这一条听起来违反直觉,所以下面我将用一个故事来解释。
我的一个朋友又一次对JavaScript的一个特性感到困惑。我让他将他知道的解释给我听,然后告诉我哪儿让他困惑。当它向我解释代码,我发现他在跳步。
“等会儿!”我说道。“慢慢来,然后将这些一步步解释给我听。”
我的朋友直接将整个代码的功能总结给我听。
我再次让他暂停。“你还是在跳步。再解释一次,这次我需要你一步步将每一行代码发生了什么解释给我听。”
这一次,我的朋友能够更好的解释代码是如何运行的。关键在于他花时间去理解每一行代码而不是试图一下理解所有。
在上述这种案例中,思考的更慢实际上让你学得更快。
6、在写复杂代码前先用简单语言写下
如果你要写的代码是复杂并且不常见的,先用简单语言将代码写下。这样,你能够你能够在真正写之前知道自己要做什么。下面是使用这个方法的两个好处:
1、你将更容易更快速的写代码,因为你不需要时刻停下来思考自己将要怎么做。
2、由于你知道代码要干什么,能够更好的排除错误。
总结:
我们已经讲了好几个更快速学习JavaScript的方法,但是你也能将上述方法运用于学习其他东西。下面是上述方法的概括:
1、不要再想将要学什么,沉浸于现在
2、通过把新技能当做玩具使得练习更有趣
3、就像浏览Facebook、YouTube之类的网站一样,在敲代码前告诉自己只敲几分钟,这样你就拥有了敲代码的时间
4、慢下来,小步向前,你将学得更快
以上就是小编今天为大家分享的关于帮助web前端初学者快速掌握JavaScript技术的方法的文章,希望本篇文章能够对正在从事web前端学习的小伙伴们有所帮助,想要了解更多web前端相关知识记得关注北大青鸟web培训官网,最后祝愿小伙伴们工作顺利,成为一名优秀的web前端工程师。
来源:#/shehui/2016/10-24/11717064.html
网站名称:快速javascript,快速充电
浏览地址:http://azwzsj.com/article/dsccpgp.html