最佳化JavaScript指令碼的效能

隨著網路的發展,網速和機器速度的提高,越來越多的網站用到了豐富用戶端技術。而現在Ajax則是最為流行的一種方式。JavaScript是一種 解釋型語言,所以能無法達到和C/Java之類的水平,限制了它能在用戶端所做的事情,為了能改進他的效能,我想基於我以前給JavaScript做過的

你想不到的壓縮方法:將javascript檔案壓縮成PNG映像儲存

你有沒有想過:為了壓縮js檔案,把js檔案轉化成PNG映像,然後用 canvas 控制項中的 getImageData() 函數將映像再重新讀成js檔案。我昨天在這裡發表的JS檔案快速載入的文章中提到了這一方法,有網友對這個做法高度興趣,於是今天詳細解讀一下。這樣可以做到很高的壓縮比,到底有多高,下面會提到。這種方法用到了 canvas 控制項,這也意味著只有支援 canvas 控制項的瀏覽器下才有效。現在你可以看到,上面的映像類似一個雜訊映像,但它實際上是一個由124K的 prototype

40 個輕量級 JavaScript 庫 (下)

流行的 JavaScript 庫不勝枚舉,jQuery, MooTools, Prototype, Dojo, YUI。這些 JavaScript 庫功能豐富,加上它們的外掛程式,幾乎能勝任任何工作,然而這是有代價的,這些庫往往導致你的網頁尺寸臃腫。在某些場合,如果你只想完成特定的工作,可以使用 一些功能更專一的輕量庫,本文介紹了40個非常出色的輕量級 JavaScript 庫。這是本文的第二部分,第一部分參見40 個輕量級 JavaScript 庫 (上)。5.

Javascript實現自動添加控制項

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><body><script   type="text/javascript">var   count   =  

Why aren’t client-side (javascript) added controls showing in the postback event?

When adding options to a dropdownlist (or other similar controls) in javascript and posting the page back to the server, the dynamically added options aren't available on the server-side control.The answer to this question comes from having a good

)JavaScript:prototype屬性使用說明

轉自:http://bokee.shinylife.net/blog/article.asp?id=455prototype 是在 IE 4 及其以後版本引入的一個針對於某一類的對象的方法,而且特殊的地方便在於:它是一個給類的對象添加方法的方法!這一點可能聽起來會有點亂,別急,下面我便通過執行個體對這一特殊的方法作已下講解:  首先,我們要先瞭解一下類的概念,JavaScript

JavaScript經典效果集錦之五

三十一 菜單特效[code]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><!-- saved from url=(0046)http://vip.aou.cn/csqf/new_page_3.htm --><HTML><HEAD><TITLE>New Page 28</TITLE><META http-equiv=Content-Type

javascript基礎之我見(1)—-深度理解原型鏈

寫在開始之前:  早就想要好好總結下javascript的基礎知識了,所以從這篇文章起,我會開始總結各種js的文法知識,作為一名以js開發為生計的前端工程師,深深的著迷於js的語言魅力,而js最吸引人最強大的地方,便在於他獨特的文法,能深刻的理解js的文法,是作為一個前端工程師的基本素質,在這裡,筆者在總結的同時,也希望前端朋友們給予自己的補充和見解。那麼就讓我們從js最最獨特的文法,閉包,原型,詞法範圍開始,接下來,筆者也會討論this,正則,瀏覽器的能力檢測,事件代理等細節問題,以及html

寫出高效能javascript(1)—-三個習慣

  做了這麼久的前端工程師,總被朋友問到怎麼寫出高效能的javascript,那麼我今天就來簡單總結下,其實js本身是沒有什麼效能問題的,所謂的記憶體泄露,也主要針對於IE6,IE7,而IE7的記憶體泄露問題也並不嚴重,這裡不討論瀏覽器造成的記憶體泄露問題,我們只討論,養成什麼樣的書寫習慣能夠寫出,高效率高效能的js。     在這裡我總結了三個書寫js的習慣,然後分別針對執行效率,記憶體問題,安全等各個方面綜合分析要養成這三個習慣的原因。   

網購不忘學習——用javascript解決網站訪問源的分類引導

一到假期,購買慾就成倍加強,勞動節也不例外,昨天在網上買洗車器,不小心進入一個叫三雪的網站,發現儘管在搜尋結果中顯示的是它的主網域名稱,但點擊卻直接進了網站的一個內頁(/xicheqi),反覆幾次,依然如此,從這頁面的設計看,也算上得有幾分姿色,可是好好的主網域名稱不用,直接跳到內頁幹什嗎?於是我在地址欄修改地址,改成主網域名稱後,再訪問,發現網站是有首頁的,但,比起剛剛看到的內頁,首頁設計反而顯得簡陋至極,my

javascript基礎之我見(2)—-一句話搞定this,並淺析js,as相互調用的this問題

        在寫js的時候,我們往往會遇到this的概念,this的指向,總會讓人很頭痛。今天根據我對this的理解,和一些經驗,來用一句話總結下this。那麼這句話就是:   this在有函數調用者時指向調用者否則指向GLOBAL,call、apply除外。    那麼,我們通過一個例子來理解並記住這句話: 1 function test(){ 2 console.log(this); 3 } 4 test();//Window 5 var th = {}; 6

【收藏】14個非常棒的 JavaScript 遊戲開發架構

文章目錄 其它相關資源

最近頁面請求(request)時 用javascript等字串出現用戶端檢測到有潛在危險的Request.Form 值

從用戶端檢測到有潛在危險的Request.Form 值。原因及其解決方案收藏從用戶端檢測到有潛在危險的Request.Form 值。原因及其解決方案原因:頁面請求(request)時,含有html或javascript等字串時。ASP.NET會認為是危險的值,就會拋出辭異常。當頁面上使用了所見即所得 (WYSIWYG)編輯器(例如使用了fckeditor或FreeTextBox控制項等)的時候會發生此異常。解決方案一:在頁面上加入 <% Page

複製加網站資訊的javascript代碼及對應的javascript阻止命令

複製加網站資訊的javascript代碼 代碼Code highlighting produced by Actipro CodeHighlighter

Microsfot.Web.UI.WebControls.TreeView JavaScript控制方法研究

舊文Microsfot.Web.UI.WebControls.TreeView JavaScript控制方法研究caidaoli@hotmail.com 2003-11-26被選擇的節點的索引:tree.selectedNodeIndex 被單擊的節點的索引:tree.clickedNodeIndex 擷取一個節點:tree.getTreeNode(nodeIndex) 在根節點下增加一個子節點: var tree = document.all['TreeView1']; var node =

網站開發中經常用到的javaScript技術

1.1 屏蔽鍵盤所有鍵<script language="javascript"><!--function document.onkeydown(){   event.keyCode = 0;   event.returnvalue = false;}--></script>1.2 屏蔽滑鼠右鍵在body標籤裡加上oncontextmenu=self.event.returnvalue=false或者<script language="javascrip

JavaScript實現刪除提示

可以實現對按鈕刪除的確認:<script language="JavaScript">function delete_confirm(e) { if (event.srcElement.outerText=="刪除")  event.returnValue=confirm("您確認執行刪除操作嗎?"); } document.onclick=delete_confirm;</script>可以實現對連結刪除的確認,即"刪除"兩字連結<script language=

[轉帖]如何提升JavaScript操作DOM的效率

Nicholas為您講解如何提升JavaScript操作DOM的效率!在Web開發中,JavaScript的一個很重要的作用就是對DOM進行操作,可 你知道嗎?對DOM的操作是非常昂貴的,因為這會導致瀏覽器執行迴流操作,而執行了過多的迴流操作,你就會發現自己的網站變得越來越慢了,我們應該儘可能 的減少DOM操作。本文是這個系列的最後一篇,給出了一些指導性原則,比如在什麼時候應該對DOM可以進行什麼樣的操作等。【原文】Nicholas C. Zakas-Speed up your

JavaScript設計的漂亮的玫瑰花

 這朵玫瑰花可以在Google瀏覽器中看到(流暢),IE9中看到(慢)。 <!doctype html> <html> <head> <title>3D Rose</title> <meta charset="utf-8" /> </head> <body> <canvas id="c"></canvas>

服務端控制項驗證與自己寫的javascript驗證函式同時存在時出現的衝突問題(RequiredFieldValidator&JS)

我在一個web頁面裡用到了RegularExpressionValidator控制項驗證TextBox,然後我自己又編寫了一個js函數,讓button的click事件調用,結果出現了如下問題:1、在TextBox輸入,單擊button時click事件可以觸發js函數驗證2、在TextBox輸入時可以觸發RegularExpressionValidator驗證3、但是當TextBox輸入明顯有錯時,單擊Button卻不能觸發RegularExpressionValidator驗證Page頁裡的控制

總頁數: 3271 1 .... 362 363 364 365 366 .... 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.