你想不到的壓縮方法:將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 中的this 與事件註冊 及event

本文不討論 文法解釋期和執行期的區別 以及上下文環境和閉包的概念 我們只從另一個角度來看問題.js 中的this 是一個指標 他指象某個對象.  那麼 一般來說 記住一條原則 即可.如果一個函數不是作為類 來執行個體化某個對象 如 new func();而是當 函數 做為某個對象的 方法被調用時 則this就指向該對象. 如果該函數是直接被調用 則this指向全域變數...這句話似乎不好理解. 我們看下例子function test(){this.name='franky';}var o={};

[譯]Javascript quiz

原文:http://asenbozhilov.com/articles/quiz.html這些題目都源自ECMA-262-3規範.Good luck!譯者注:作者是根據ES3出的題,但我沒發現和ES5有不同表現的地方.暫時不給出答案解釋.請到http://ecma-international.org/ecma-262/5.1/找答案 Function.prototype.toString.call({ name: 'F', body: 'print("Javascript is

一套有趣的 javascript題.

原題地址: http://www.cnblogs.com/ziyunfei/archive/2012/10/04/2711370.html有興趣的同學可以去做一做. 本帖為,本人給出的答案貼.並非原作者給出答案. 僅供參考. 歡迎討論. 1. TypeError原因: Function.prototype.toString不是一個通用方法,這意味著,該方法被調用時,其this,如果不是一個函數對象,則要拋出TypeError異常.2. TypeError.原因: new

網購不忘學習——用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頁裡的控制

javascript 關於類型判斷的不同方法 和效能的 思考.

.目前 主流的判斷方式 是var obj='franky';return Object.prototype.toString.call(obj)=='object String'; 這種方式..不得不說 這種方式很優秀 除了代碼量比較多一些... 但是它在 非ie瀏覽器中的效能表現十分優秀...有些朋友可能會奇怪 這個不是專門判斷是不是 Array的麼. 考慮到typeof 返回 object  以及 iframe new Window()  等其他window.Array!=

javascript 函數參數限制.

javascript 函數實參數限制.我依稀記得哪本書上有說過,實參數限制是32個? 現在想想估計是我記錯了..他也許說的是32位.測試結果:safari 下是65535個.即 ushort 來儲存(2位元組 16個1).更多的則忽略.其他瀏覽器 至少是int.MaxValue .據說FireFox 甚至是用long 來維護 實參數.其他瀏覽器 也許是int 或者可能是uint .這個就不管了. 畢竟我們知道了瓶頸 在 65535.基於 以上基礎.可以在 串連數組時 考慮優先採用

總頁數: 3271 1 .... 226 227 228 229 230 .... 3271 Go to: 前往

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

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

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