怎么快速生成javascript 文檔

YUIDoc 是一個基于?Node.js?的應(yīng)用程序。新建個文檔寫著javascript寫入過程并保存操作如下：

公司主營業(yè)務(wù)：網(wǎng)站建設(shè)、成都做網(wǎng)站、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)建站是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)建站推出新鄭免費做網(wǎng)站回饋大家。

（1）YUIDoc 是一個基于?Node.js?的應(yīng)用程序，用來根據(jù) JavaScript 的注釋中生成 API 文檔，類似 JavaDoc，這也是當前?YUI?用來生成文檔的工具。生成的文檔效果：

（2）如果操作系統(tǒng)是windows的用戶，需要配置perl環(huán)境，推薦安裝ActivePerl ，Linux/Unix用戶則不用配置了。

（3）解壓縮JsDoc，在命令提示窗口中進入JsDoc所在目錄，使用如下命令即可生成Javascript代碼的文檔。

perl jsdoc.pl test.js

其中test.js是用于測試的js文件，如果成功則在該目錄下生成js_docs_out目錄，里面包含生成的文檔。

（4）如果生成失敗，產(chǎn)生如下錯誤信息：

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

具體的參數(shù)及用法可以查看JsDoc的官方網(wǎng)站。

總結(jié)：最終采用作用域的分析方式。即 函數(shù)調(diào)用 或 函數(shù)定義 被作為一個作用域。它們之前的 @class 將被理解為這個作用域內(nèi)成員的父成員。

怎樣快速而優(yōu)雅地遍歷 JavaScript 數(shù)組

我們一般用循環(huán)來遍歷數(shù)組，而循環(huán)一直是 JavaScript

性能問題的常見來源，有時循環(huán)用得不好會嚴重降低代碼的運行速度。例如，遍歷數(shù)組時，我們會很自然地寫出下面這種代碼：

// 未優(yōu)化的代碼1

var array = [0,1,2,3,4,5,6,7,8,9];

// for-in 循環(huán)

for (var val in array) {

fn(val);

}

還有這一種常見寫法：

// 未優(yōu)化的代碼2

var array = [0,1,2,3,4,5,6,7,8,9];

// for 循環(huán)

for (var i=0; i array.length; i++) {

fn(array[i]);

}

這兩個方法看上去似乎不錯，而且語義上也很容易理解。但是這兩個方法都有性能問題：

“未優(yōu)化的代碼1”中，for-in 需要分析出 array 的每個屬性，這個操作的性能開銷很大，用在 key

已知的數(shù)組上是非常不劃算的。所以盡量不要用 for-in，除非你不清楚要處理哪些屬性，例如 JSON 對象這樣的情況。

“未優(yōu)化的代碼2”中，循環(huán)每執(zhí)行一次，都要檢查一次 array.length 的值，讀屬性要比讀局部變量慢，尤其是當 array

里存放的都是 DOM 元素（像 array =

document.getElementByClassName("class");），因為每次讀 array.length

都要掃描一遍頁面上 class="class" 的元素，速度更是慢得抓狂。

假如你的任務(wù)是從頁面上 100 個復(fù)選框中，找出選中的復(fù)選框的 value，并把它們放入一個數(shù)組的話，在 IE

上可能得花上半秒才能完成。結(jié)果就是，用戶在列表里選擇了自己要的項目，點擊提交后起碼要過半秒才會有反應(yīng)，直觀感覺就是很卡。

我們絕不能接受這樣的結(jié)果，所以我們需要加快循環(huán)終止條件的計算速度。先把數(shù)組的長度先查出來，存進一個局部變量，那么循環(huán)的速度將會大大提高：

// 快速的代碼

var array = [0,1,2,3,4,5,6,7,8,9];

// for 循環(huán)

var length = array.length;

for (var i=0; i

length; i++) {

fn(array[i]);

}

現(xiàn)在只需要讀取一次 array.length 的值，遍歷數(shù)組的過程大大加快了。

不過我們還可以讓它更快。如果循環(huán)終止條件不需要進行比較運算，那么循環(huán)的速度還可以更快：

// 最快的代碼

var array = [0,1,2,3,4,5,6,7,8,9];

// for 循環(huán)

for (var i = array.length; i--;)

{

fn(array[i]);

}

把數(shù)組下標改成向 0 遞減，循環(huán)終止條件只需要判斷 i 是否為 0

就行了。因為循環(huán)增量和循環(huán)終止條件結(jié)合在一起，所以可以寫成更簡單的 while 循環(huán)：

// 最快且優(yōu)雅的代碼

var array = [0,1,2,3,4,5,6,7,8,9];

// while 循環(huán)

var i = array.length;

while (i--) {

fn(array[i]);

}

如何才能快速掌握 JavaScript，并且能寫出框架

可以先從簡單的封裝做起,比如將一些常用的方法進行封裝其他人只需調(diào)用即可不管你內(nèi)部如何實現(xiàn)。至于效果我一般都是些jq的插件,方便快捷。 提供下我寫的，比較簡單，就當練手積累經(jīng)驗吧。 (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; })(); //頁面調(diào)用(別忘了引入) Mr_2_B.trim(" hi"); Mr_2_B自己定義,實現(xiàn)方法很多種

如何快速的學(xué)習(xí)基本JS技術(shù)？

實話說學(xué)習(xí)是沒有捷徑的，最多也就是有一些學(xué)習(xí)的方法和技巧。關(guān)于學(xué)習(xí)JavaScript也就是js我分享一下我這個菜鳥的學(xué)習(xí)方法，只是個人的一些看法，不喜勿噴。\x0d\x0a1、基礎(chǔ)要學(xué)的好\x0d\x0a學(xué)過js的都是知道的，js的一些基礎(chǔ)的語法和一些變成語言是不一樣的，所以需要額外的注意一些基礎(chǔ)的語法，舉例來說：作用域，一般的編程語言都是全局變量函數(shù)外有效，函數(shù)內(nèi)的變量函數(shù)內(nèi)有效，而js是不一樣的，js的全局變量函數(shù)外和函數(shù)內(nèi)都有效，函數(shù)內(nèi)的函數(shù)只函數(shù)內(nèi)有效。還有js是基于對象的語言，但是為了支持面向?qū)ο蟮木幊趟枷?，js使用函數(shù)來模擬類或者是對象的概念，這些都是比較難理解的，含有一些js的地層?xùn)|西如原型鏈、上下文等也是非常的不好理解，這就需要基礎(chǔ)的知識一定要扎實才能行。\x0d\x0a2、多練習(xí)和實踐\x0d\x0a其實學(xué)習(xí)編程都是這樣的，多動手多思考是學(xué)習(xí)編程語言的最好辦法，很多東西看起來簡單但是做起來就非常難了，解決的方法是學(xué)習(xí)js要和做網(wǎng)頁特效聯(lián)系起來，畢竟js的一個很大的應(yīng)用方向就是實現(xiàn)網(wǎng)頁的效果和一些交互，所以學(xué)習(xí)基礎(chǔ)的同時要試著使用原生的js代碼來實現(xiàn)一些網(wǎng)頁特效，從中可以學(xué)到j(luò)s這門語言的博大精深。\x0d\x0a2、學(xué)習(xí)面向?qū)ο蟮木幊趟枷隲x0d\x0a雖然js對于面向?qū)ο缶幊痰闹С植皇呛芡昝溃且恍﹋s的大神使用了一些很多的方法，如構(gòu)造函數(shù)等模擬了一些比較完整的面向?qū)ο缶幊蹋噪y點也出來了，那就是js的面向?qū)ο笠绕渌恼Z言復(fù)雜難理解。\x0d\x0a4、學(xué)習(xí)js的一些框架\x0d\x0a使用原生的js進行開發(fā)太難了，但是我們可以通過js的框架來解決這個問題，基礎(chǔ)的框架如jQuery，還有比較高級的框架如angularjs都是很不錯的東西，只是js原生學(xué)的好，這些框架也就比較好理解了

幫助Web前端初學(xué)者快速掌握JavaScript技術(shù)的方法

今天小編要跟大家分享的文章是關(guān)于幫助web前端初學(xué)者快速掌握JavaScript技術(shù)的方法。當你試圖學(xué)習(xí)JavaScript或其他編程語言的時候，你通常會遇到如下挑戰(zhàn)：

·一些概念讓你感到困惑，特別是如果之前學(xué)過其他類型的語言。

·很難找到學(xué)習(xí)的時間(或者動力)去學(xué)習(xí)。

·你很容易忘掉之前學(xué)到的東西。

·JavaScript工具太多并且經(jīng)常更新，以至于很難找到學(xué)習(xí)的切入點。

幸運的是，這些難題最終能夠被克服。在這篇文章，將展示六個能夠幫助你更快、更開心、更高效地學(xué)習(xí)JavaScript的六個思維技巧。下面來和小編一起看一看吧！

1、不要對未來的憂慮干擾你現(xiàn)在的學(xué)習(xí)

有些JavaScript初學(xué)者會問剛開始要學(xué)習(xí)哪種框架，但是如果你還沒能熟練使用原生JavaScript，你就不應(yīng)該問這種問題。因為你會花很多時間研究各種框架而得不到進步。

走出這個陷阱的一個方法是制定一個學(xué)習(xí)路徑圖。例如，要成為前端開發(fā)，你的路徑圖可能是下圖。在將來你能夠使用HTML和CSS制作動態(tài)頁面。

將上圖步驟分開執(zhí)行，每個時間段只專注于提高一項技能，你將不會把時間浪費在擔心后面的技能上。

2、不要讓自信騙你進入持續(xù)遺忘的陷阱

快速理解一個概念會是JavaScript進步的最大阻礙，下面我將解釋。

當你遇到一個知識點，而你好像理解了，你很可能抑制不住內(nèi)心跳到下一個知識點的沖動?，F(xiàn)實可能是你會理解下一個知識點然后繼續(xù)跳到下一個知識點。但是，很快你會到達一個節(jié)點，在這個節(jié)點你發(fā)現(xiàn)自己已經(jīng)忘了前面所學(xué)，于是你需要回過頭復(fù)習(xí)，你快速瞟了一下之前所學(xué)然后又繼續(xù)學(xué)習(xí)新的知識。但是現(xiàn)在，你忘記了其他東西。你一直重復(fù)這種繼續(xù)-回顧-繼續(xù)-回顧模式直到你發(fā)現(xiàn)自己完全迷失。你開始沮喪，想要休息，然后當你開始重振旗鼓，卻發(fā)現(xiàn)自己已經(jīng)忘掉所有。

幸運的是，我們有兩個應(yīng)對上述問題的方法：

1、一次只學(xué)一樣?xùn)|西

2、做練習(xí)-實際上是敲代碼

當你學(xué)習(xí)一個新的概念，你要將它實踐出來，練習(xí)它，與它和善相處，甚至能夠?qū)⑺c其他概念聯(lián)系到一起。當你學(xué)習(xí)一個示例，最重要的是你要自己將代碼敲出來，這樣能幫助你吸收它。另外，一次只學(xué)一個東西能夠幫助你鞏固所學(xué)，因為記憶更少的東西更容易。

這個過程看起來貌似比閱讀然后快速跳到下一個知識點要花費更長的時間，但是實際上它所花的時間更少，因為這樣你就不需要頻繁復(fù)習(xí)之前所學(xué)。我在好幾個場合后才艱難的領(lǐng)悟到這個道理。

3、使用正確的思維方式練習(xí)

很多人認為敲代碼是煩人的重復(fù)性工作，所以他們通常會跳過這個步驟試著尋找捷徑。如果你試圖為JavaScript練習(xí)尋找捷徑，你將會為此花費更多的時間。但是我們?nèi)绾尾拍苁沟们么a更加的有趣，使得我們愿意去敲代碼呢?

試著改變?yōu)橄旅娴乃季S模式：

如果你剛學(xué)了一個JavaScript概念，然而你被告知不能使用它，對此你感覺如何?個人來說我會感到有點惱火，特別是為了弄懂它我花費了寶貴的時間。這就像是一個小孩得到了一個新的玩具，但卻被限制不能玩它。

當你學(xué)習(xí)JavaScript的新知識，試著將這個知識點視作一個新玩具，例如新車、一雙新鞋、或任何你覺得值得有趣的東西。然后，不要把敲代碼當成工作，將敲代碼視作你正在玩游戲。你正在使用剛學(xué)的技能做一些很酷的事情。給自己驚喜，把成果展示給你的朋友。

帶著游戲的思維模式你將學(xué)得更快，將記憶的更牢，同時你將體會到更多樂趣。

4、使用Facebook技巧為編程騰時間

人們遇到的一個普遍問題是，他們通常找不到時間去敲代碼。通常，這些人會花好幾個小時瀏覽例如Facebook、YouTube、Wikipedia或者Reddit這樣的網(wǎng)站。無論你是否符合上述描述，我們都能從中學(xué)到一些東西。

我當然有時間只瀏覽Facebook一會兒，但通常我會在上面待好幾個小時瀏覽往返。這是如何發(fā)生的?我認為原因在于，剛開始我并沒打算花在這上面花費那么多時間。開始行動是做一件事情最困難的部分，所以將目標設(shè)定的足夠小能夠幫助我們進入狀態(tài)。如果有人問我是不是打算花幾個小時瀏覽Facebook，我會回答不，因為我沒有時間。然而，對于僅僅嘗試一下我是能夠接受的，這也是我能夠沉浸其中的方法。

好消息是，你能夠?qū)η么a運用同樣的心理技巧。不要計劃花幾個小時敲代碼，因為你會發(fā)現(xiàn)自己沒有時間。相反的，告訴自己只敲三分鐘代碼。這樣你就不需要為尋找敲代碼的時間煩心。

5、思考的慢你將學(xué)得更快

這一條聽起來違反直覺，所以下面我將用一個故事來解釋。

我的一個朋友又一次對JavaScript的一個特性感到困惑。我讓他將他知道的解釋給我聽，然后告訴我哪兒讓他困惑。當它向我解釋代碼，我發(fā)現(xiàn)他在跳步。

“等會兒!”我說道。“慢慢來，然后將這些一步步解釋給我聽。”

我的朋友直接將整個代碼的功能總結(jié)給我聽。

我再次讓他暫停?！澳氵€是在跳步。再解釋一次，這次我需要你一步步將每一行代碼發(fā)生了什么解釋給我聽?！?/p>

這一次，我的朋友能夠更好的解釋代碼是如何運行的。關(guān)鍵在于他花時間去理解每一行代碼而不是試圖一下理解所有。

在上述這種案例中，思考的更慢實際上讓你學(xué)得更快。

6、在寫復(fù)雜代碼前先用簡單語言寫下

如果你要寫的代碼是復(fù)雜并且不常見的，先用簡單語言將代碼寫下。這樣，你能夠你能夠在真正寫之前知道自己要做什么。下面是使用這個方法的兩個好處：

1、你將更容易更快速的寫代碼，因為你不需要時刻停下來思考自己將要怎么做。

2、由于你知道代碼要干什么，能夠更好的排除錯誤。

總結(jié)：

我們已經(jīng)講了好幾個更快速學(xué)習(xí)JavaScript的方法，但是你也能將上述方法運用于學(xué)習(xí)其他東西。下面是上述方法的概括：

1、不要再想將要學(xué)什么，沉浸于現(xiàn)在

2、通過把新技能當做玩具使得練習(xí)更有趣

3、就像瀏覽Facebook、YouTube之類的網(wǎng)站一樣，在敲代碼前告訴自己只敲幾分鐘，這樣你就擁有了敲代碼的時間

4、慢下來，小步向前，你將學(xué)得更快

以上就是小編今天為大家分享的關(guān)于幫助web前端初學(xué)者快速掌握JavaScript技術(shù)的方法的文章，希望本篇文章能夠?qū)φ趶氖聎eb前端學(xué)習(xí)的小伙伴們有所幫助，想要了解更多web前端相關(guān)知識記得關(guān)注北大青鳥web培訓(xùn)官網(wǎng)，最后祝愿小伙伴們工作順利，成為一名優(yōu)秀的web前端工程師。

來源：#/shehui/2016/10-24/11717064.html