編寫高品質JavaScript代碼的基本要點(1)

此摘要也包括一些與代碼不太相關的習慣,但對整體代碼的建立息息相關,包括撰寫API文檔、執行同行評審以及運行JSLint。這些習慣和最佳做法可以協助你寫出更好的,更易於理解和維護的代碼,這些代碼在幾個月或是幾年之後再回過頭看看也是會覺得很自豪的。書寫可維護的代碼(Writing Maintainable Code )軟體bug的修複是昂貴的,並且隨著時間的推移,這些bug的成本也會增加,尤其當這些bug潛伏並慢慢出現在已經發布的軟體中時。當你發現bug

Ubuntu下搭建Node.js+express web開發架構

本文主要對前人所寫文章的總結,包括自己在安裝node.js 和express過程中遇到的問題。以備後用,同時能讓正在學習node.js 的人少走一些彎路。1.安裝環境,由於對linux是菜鳥層級,所以在虛擬機器上安裝的一個ubuntu11.10 隨便玩玩,虛擬機器的安裝這裡就不多說了。2.node.js安裝:

用Eclipse調試Node.js代碼

node.js是基於Google V8的,而Google V8有一個Eclipse的調試外掛程式,這個外掛程式同樣也支援node.js。1、安裝Eclipse debugger for V8這個,用過Eclipse的應該都知道,不過還是簡單說下吧:選擇“Install New Software”點“Add”Location為:

早該知道的7個JavaScript技巧(1)

我寫JavaScript代碼已經很久了,都記不起是什麼年代開始的了。對於JavaScript這種語言近幾年所取得的成就,我感到非常的興奮;我很幸運也是這些成就的獲益者。我寫了不少的文章,章節,還有一本專門討論它的書,然而,我現在依然能發現一些關於這種語言的新知識。下面的描述的就是過去讓我不由得發出“啊!”的感歎的編程技巧,這些技巧你應該現在就試試,而不是等著未來的某個時候偶然的發現它們。簡潔寫法JavaScript裡我最喜歡的一種東西就是產生對象和數組的簡寫方法。在過去,

10條建議讓你建立更好的jQuery外掛程式

在開發過很多 jQuery 外掛程式以後,我慢慢的摸索出了一套開發jQuery外掛程式比較標準的結構和模式。這樣我就可以 copy & paste 大部分的代碼結構,只要專註最主要的邏輯代碼就行了。使用相同的設計模式和架構也讓修複bug或者二次開發更容易。一套經過驗證的架構可以保證我的外掛程式不出大的問題,不論外掛程式簡單還是複雜。我在這裡分享10條我總結的經驗。1.

AMD:瀏覽器中的模組規範

Modules/Wrappings 使得實現變為現實。雖然和NodeJS的模組寫法不完全一致,但也有很多相似之處,使得熟悉NodeJS的程式員有一些親切感。但NodeJS終究是伺服器端的JavaScript,沒有必要把這些條條框框放到瀏覽器JavaScript環境中。這時AMD 誕生了,它的全稱為非同步模組定義。從名稱上看便知它是適合script

是時候開始使用JavaScriptstrict 模式了

ECMAScript5將strict 模式(strict mode)引入了Javascript中,目的是允許開發人員能夠選擇“更好”的Javascript版本,這個版本能用不同的方式處理那些普遍而又臭名昭著的錯誤。一開始的時候,我對該模式抱著懷疑的態度,因為當時在只有一款瀏覽器(Firefox)支援strict 模式。時至今日,所有的主流瀏覽器的最新版本——包括IE10與Opera12——都支援strict

分享5個最佳的JavaScript日期處理類庫

在大家日常網站開發和web應用開發中,我們往往需要有效調用Javascript處理日期和時間格式相關的函數,在Javascript中已經包含了部分最基本的內建處理方法。當然如果大家有時間的話,完全可以自己開發和編寫需要的方法,但是有效使用別人已經開發好的類庫肯定是一個更好的處理方式,沒有必要什麼都原創吧,君子善假於物也。今天這裡我們收集了5個最佳的日期處理函數類庫,希望對於大家有協助,如果你喜歡我們的文章,請大家給我們留言,謝謝!1. XDate這個類庫是javascript本地日期對象的封裝,

10個超贊的jQuery動態外掛程式推薦

1. jmpress.js一個jQuery的impress.js實現,基於CSS3變化和過度效果。只支援現代瀏覽器,所以只支援Chrome,Safari和Firefox10支援,當然以後肯定支援所有的瀏覽器。2. Stellar.js一個jQuery的外掛程式提供給滾動元素來產生視差滾動的特效3. jQuery Multiple File Upload Plugin一個jQuery的外掛程式協助使用者很容易的選擇很多檔案上傳。並且提供很多準系統不遞交表單執行協助錯誤監控。4. jQuery

10個絕對讓你瘋狂的HTML5和JS實驗性展示

看看今天我們收集的絕對讓你瘋狂的HTML5和JS實驗展示,這些示範驗證了各種架構和超酷互動的效能。大多數的示範都能在Google Chrome和Firefox裡流暢的運行,當然IE5並不支援這些示範。1. Canvas Sphere 由Emil Korngold渲染的一個超酷的3D點裝球體實現的2D投影,使用一個非常迷你的3D引擎。這個示範使用z-sorting和alpha motion模糊方式來產生3D旋轉感受。看看這個超酷的示範吧!2. Marbles簡單的物理示範,使用新發布的A3

10件有關JavaScript讓人費解的事情

JavaScript 可算是世界上最流行的程式設計語言,它曾被 Web 開發設計師貼上噩夢的標籤,雖然真正的噩夢其實是 DOM API,這個被大量的開發與設計師隨手拈來增強他們的 Web 前端的指令碼語言,如今越來越被重視,雖則如此,JavaScript 仍然擁有很多讓人費解的東西。1. 它以 Java 命名,但並不是 Java它最初叫 Mocha, 接著改名為 LiveScript,最後才確定命名為 JavaScript,根據記錄,Java 的命名與 Netscape 和 Sun

大部分人沒用過的JS頁面模板化

介紹今天遇到一個問題,這個問題也是我以前遇到的問題,以前的方式,也是大多數人使用的方式。大家可以看看我的文章。從前的方式——我估計也是大多數人使用的方式比如以下的代碼——摘自新浪首頁的一段js代碼,這種方式也是大多數人使用的方式。上面的代碼,你看完有什麼反應?你也許會把+=這種形式改成數組的push形式,有人說push比這種字元連結要快,但是也快不了多少。如果這種嵌入的html代碼很多,你也要這樣處理嗎?如果修改添加或者刪除)某個html,那麼你就

JS非同步編程三:Jscex無創痕切入jQUI

很多人可能會有個疑問,Jscex和其他類庫共同使用或者文法混用時,會不會出現衝突或者異常?那麼我們就來做個嘗試吧!我們使用tab外掛程式:$(function () {  $("#tabs").tabs({ event: "mouseover" });

很棒的時間軸ui控制項(純javascript)

效果預覽:線上預覽:傳送門時間練利用兩個時間之間的差別與整個時間軸的長度運算得來locateHandler = function () {           var referTime = (that[that.length] - that[0]) / 86400000, i&

不用再擔心JS檔案限制你的速度

經常聽到客戶問這樣的問題:你們幫我看看我的網站怎麼開啟那麼慢啊,是不是中毒了?然後我們就去測試他的網站,發現問題簡單的很:每個網頁的開頭有著不計其數的外聯檔案。樣式表還好,最多的不外乎幾十K。可怕的是JS檔案,這些個企業的負責人都不是IT專業人員,兼職管理企業的網站,喜歡迎合領導搞些特效什麼的,又不知道最佳化。什麼JQUERY,特效,驗證等等,全都羅列在head裡,林林總總快一千k了。今天說說給他們做最佳化的那些簡單的手段吧。一、給JS檔案減肥。有的人為了給網站增加炫目效果,往往會使用一些JS效

JavaScript重新整理架構及頁面的方法總集

聲明:最近越來越感覺JS的優越性,項目中用到關於架構頁面重新整理的方法,在網上搜尋以後發現有許多不錯的代碼,但不是很齊全。於是,我索性從網路上搜集以後經過精心編排,整理了一下。^ - ^ 希望大家多多指教!先來看一個簡單的例子下面以三個頁面分別命名為frame.html、top.html、bottom.html為例來具體說明如何做。 frame.html

測試:你自認為理解了JavaScript?

Dmitry Baranovskiy 的部落格中有篇文章連結),其中有五段小代碼,用來測試是否理解JavaScript 的核心,閉包和範圍。大家先試著給出alert 語句的輸出結果。之後再建一個測試檔案,檢測你的答案。if (!("a" in window)) {      var a = 1;  }

對於JavaScript,開發人員更關注哪些方面

在技術社區或論壇中,某一個技術或觀點可能會引起使用者的廣泛討論,甚至爭吵。但也有一些技術文章則比較平靜。James Padolsey觀察了一些JavaScript社區,總結出了開發人員更關心JavaScript的哪些方面,或哪些技術更容易引起開發人員之間的激烈討論。以下是容易引起開發人員激烈討論的主題:1.自動插入分號2.eval是令人討厭的3.ECMAScript 5

JS模組化編程之require.js的用法

這個系列的第一部分和第二部分,介紹了Javascript模組原型和理論概念,今天介紹如何將它們用於實戰。我採用的是一個非常流行的庫require.js。一、為什麼要用require.js?最早的時候,所有Javascript代碼都寫在一個檔案裡面,只要載入這一個檔案就夠了。後來,代碼越來越多,一個檔案不夠了,必須分成多個檔案,依次載入。下面的網頁代碼,相信很多人都見過。   <script src="1.js"></s

JavaScript:屬性賦值和原型鏈

本文要研究一下:一個對象的原型鏈是如何影響該對象自身的屬性賦值操作的.本文更詳細的闡述了一下上篇文章“[譯]JavaScript中的屬性:定義和賦值的區別”中提到的一個知識點.原型鏈每個對象都有一個包含了一個或者多個對象的原型鏈,該對象正是這個原型鏈的起始物件.原型鏈上的所有對象的所有屬性都可以被該對象訪問到.例如:> var proto = { foo: 1 };

總頁數: 3271 1 .... 2936 2937 2938 2939 2940 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.