高效能JavaScript:載入和執行

       在步入正題之前為大家介紹一本很好的書《高效能JavaScript》大家不妨看一下,在本文中我為大家分享我看這本書的一些收穫。阻塞特性:       JS 有個很無語的阻塞特性,就是當瀏覽器在執行JS 代碼時,不能同時做其他任何事情,無論其代碼是內嵌的還是外部的。指令碼位置:      

JavaScript代碼最佳化新工具UglifyJS

jQuery 1.5 發布的時候 john resig 大神說所用的代碼最佳化程式從Google Closure切換到UglifyJS,新工具的壓縮效果非常令人滿意。 UglifyJS 是一個服務端node.js的壓縮程式。我測試了一下壓縮率確實比較高。 所以值得寫篇文章推薦下。你也可以嘗試一下線上版的Uglifyjs: http://sweet.fengyin.name/如果你對 uglifyjs 有興趣可以按照以下安裝方式進行安裝。1. 安裝 node.js 環境2. 進入 https://

javascript執行個體:Select的OnChange()事件

select       我們用Select的onchange事件時,常會遇到這樣一個問題,那就是連續選相同一項時,不觸發onchange事件.select的onchange事件就是這樣子的.你得有Change(改變),才能觸發該事件....      掌握了它的特性後,相應的解決辦法也很簡單.<select name=sel >

如何編寫高品質的Javascript代碼(1)

優秀的Stoyan Stefanov在他的新書中(《Javascript Patterns》)介紹了很多編寫高品質代碼的技巧,比如避免使用全域變數,使用單一的var關鍵字,迴圈式預存長度等等。這篇文章不僅僅從代碼本身來考慮如何最佳化編碼,也從代碼的設計階段來考慮,包括書寫API文檔,同事的review,使用JSLint。這些習慣都能協助你編寫更加高品質的、更易於理解的、可維護的代碼(讓你的代碼在多年之後仍使你引以為傲)。編寫可維護的代碼軟體的BUG修複需要花費大量的精力。尤其當代碼已經發布之後,

JavaScript 可收放的面板

<script type="text/javascript">     var oPanel = null;     window.onload = function()     { 

JavaScript架構的選擇函數:DOM遍曆

DOM遍曆基於ID、元素類型、類名尋找元素非常有用,但是如果你想基於它在DOM樹中的位置來尋找元素該怎麼辦?換句話說,你有一個給定的元素,你想尋找它的父元素、子項目中的一個、它的上一個或下一個節點兄弟節點。例如,採用下面這段零碎的HTML代碼:清單1:HTML片段(一個table)<table>    <thead>       

網頁javascript精華代碼集

精華|網頁 【1、普通的快顯視窗】 其實代碼非常簡單: <SCRIPT LANGUAGE=javascript> <!-- window.open ('page.html') --> </SCRIPT>   因為這是一段javascripts代碼,所以它們應該放在<SCRIPT LANGUAGE=javascript>標籤和</script>之間。<!-- 和

用javascript獲得地址欄參數的兩種方法

<script language="JavaScript"><!--function Request(strName){var strHref = "www.abc.com/index.htm?a=1&b=1&c=測試測試";var intPos = strHref.indexOf("?");var strRight = strHref.substr(intPos + 1);var arrTmp = strRight.split("&");for(var i = 0; i

Javascript教程:重溫Javascript繼承機制

文章簡介:重溫Javascript繼承機制. 上段時間,團隊內部有過好幾次幾次給力的分享,這裡對西風師傅分享的繼承機制稍作整理一下,適當加了寫口語化的描述,留作備案。一、講個故事吧澄清在先,Java 和Javascript是雷鋒和雷峰塔的關係。Javascript原名Mocha,當時還叫做LiveScript,創造者是Brendan

javascript技術講座-使用內部對象系統

對象 使用瀏覽器的內部對象系統, 可實現與HTML文檔進行互動。它的作用是將相關元素組織封裝起來,提供給程式設計人員使用,從而減輕編程人的勞動,提高設計Web頁面的能力。 一、瀏覽器對象層次及其主要作用除了前面提到過的文檔document對象外,Navigator瀏覽器中還提供了視窗(Window)對象以及曆史(History)和位置(Location)對象。

javascript技術講座-基於對象的javascript語言

對象 JavaScript語言是基於對象的(Object-Based),而不是物件導向的(object-oriented)。之所以說它是一門基於對象的語言,主要是因為它沒有提供象抽象、繼承、重載等有關物件導向語言的許多功能。而是把其它語言所建立的複雜物件統一起來,從而形成一個非常強大的對象系統。

javascript技術講座-基本資料結構

資料|資料結構 JavaScript提供指令碼語言的編程與C++非常相似,它只是去掉了C語言中有關指標等容易產生的錯誤,並提供了功能強大的類庫。對於已經具備C++或C語言的人來說,學習JavaScript指令碼語言是一件非常輕鬆愉快的事。

中文的版用javascript實現超酷的“網頁時鐘”

網頁|中文 只須將如下的javascript代碼插入到你頁面html的<head>區即可!<SCRIPT language=JavaScript><!--dCol='yellow'; //定義日曆顏色fCol='#ff0000'; //定義1-12這12個數的顏色sCol='#00ff00'; //定義秒針顏色mCol='#0000ff'; //定義分針顏色hCol='#ff0000';

javascript設計漫天雪花

設計 原代碼插入到<body>下面:<script language="javascript"> <!-- N = 40; Y = new Array(); X = new Array(); S = new Array(); A = new Array(); B = new Array(); M = new Array(); V = (document.layers)?1:0; iH=(document.layers)

jQuery是JavaScript架構:13款非常有用的jQuery外掛程式

文章簡介:分享13款非常有用的jQuery外掛程式. jQuery是一個非常優秀的JavaScript 架構,使用簡單靈活,同時還有許多成熟的外掛程式可供選擇,它可以協助你在項目中加入一些非常好的效果。這篇文章與大家分享13款非常有用的jQuery 外掛程式。ImageLens:a jQuery plug-in for Lens Effect Image ZoomingImage Len 是一款用於為圖片添加鏡頭放大效果的 jQuery 外掛程式。diagonalFade

JavaScript 小技巧(第七集)

javascript|技巧 第七集 如何去產生亂數   接下來我們要為你介紹一個可以產生亂數的函數,也是以 javascript 所寫的這個函數只是利用了一點小技巧而已。而這種技巧在大部分的編譯器(compiler)中,大都是如此(或類似)計算出亂數來的。相信 javascript 最後應也會以相似的方法來產生這樣的method,如果它會提供這樣功能的話,以下是此函數的結果:   這是一個計算產生的亂數.3861138662928667

Javascript解決瀏覽器安全色性問題

相容性問題是由於多個瀏覽器同時存在而導致的。這些瀏覽器在處理一個相同的頁面時,表現有時會有差異。這種差異可能很小,甚至不會被注意到;也可能很大,甚至造成在某個瀏覽器下無法正常瀏覽。我們把引起這些差異的問題統稱為“瀏覽器安全色性問題”。下面讓我們一起來看Javascript在解決相容性問題上的方法。1. document.form.item 問題問題:代碼中存在 document.formName.item("itemName")

javascript實用技巧集錦(1)

技巧 1. oncontextmenu="window.event.returnValue=false" 將徹底屏蔽滑鼠右鍵<table border oncontextmenu=return(false)><td>no</table> 可用於Table 2. <body onselectstart="return false"> 取消選取、防止複製3. onpaste="return false"

javascript教程:關於if語句最佳化的方法

文章簡介:UglifyJS是一個對javascript進行壓縮和美化的工具,在它的文檔說明中,我看到了幾種關於if語句最佳化的方法。儘管我還沒使用它去做一些嘗試性的測試,但從這裡可以看到它的確對js作了美化的工作。也許有人認為if語句就那麼簡單,能最佳化到什麼程度?

JavaScript元素type屬性達到預先載入但不執行的效果

文章簡介:我們經常使用動態建立 JavaScript 的方式來實現 JavaScript 檔案的無阻塞(Non-blocking)、並行下載(Parallel )。 我們經常使用動態建立 JavaScript 的方式來實現 JavaScript 檔案的無阻塞(Non-blocking)、並行下載(Parallel )。其實還可以添加自訂的 type 屬性(比如 text/cache),達到預先載入但不執行的效果:var doc = document,  

總頁數: 3271 1 .... 91 92 93 94 95 .... 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.