其他

【已知】canvas提供了toDataURL的介面，可以方便的將canvas畫布轉化成base64編碼的image。目前支援的最好的是png格式，jpeg格式的現代瀏覽器基本也支援，但是支援的不是很好。【想要的】往往這麼簡單直接的介面通常都滿足不了需求。我想要的不僅是簡單的通過畫布產生一個png，我不想新開一個tab，然後還要右鍵另存新檔...我還需要更方便的自由的配置產生的圖片的大小，比例等。另外如果我還要別的圖片格式，比如位元影像bmp，gif等怎麼辦...【解決辦法】a)想直接把圖片產生後

      曆經一個多月的面試總算告落，做一些筆記，留給朋友借鑒，也留給自己回憶。 總體面試了6家公司，有兩家沒到談薪水的程度就被拒了，其餘的都是在薪資問題上沒達成一致，總體上看面試過程都還比較順利，沒碰上比較變態的面試官，筆試遇到困難最大的是“聯影醫 療”，筆試題目量很大，而且概念題居多，也有演算法題，2.0,3.0,4.0的基本應用題都有，當時大概瀏覽了下題目，差點沒忍住走人，後來進入面試，面試的哥們倒是比較面善，也沒問什麼問

前面用了8篇回顧瀏覽器中內建事件，且寫出了一個基本完整，功能還算強大的事件模組。如果您願意，還可以繼續添加一些功能如事件代理、一次性添加多個事件、和選取器結合一次性為多個元素添加事件。當然這些都不是必須的，可根據需求自行擴充。這篇開始看看自訂事件，自訂事件有許多應用情境。實際上它實現了“觀察者模式”。使用過google（或靈圖）地圖API的同學應該知道地圖有個縮放事件zoom，即地圖放大或縮小的時候觸發。這個zoom就是自訂事件。感興趣的可以點擊此處看看。自訂事件並不深奧，幾行代碼就可以實現一個

前幾天專案經理跟我說有這麼個需求：一個很大的表格，垂直滑動時表頭固定，水平滑動裡第一、二列固定。我一想這也太難實現了，直接回複說可能實現不了，可是沒過會經理髮個12306網站的一個現存的實現樣子，汗！我只能說那我先調研下實現的成本吧。心裡想想反正客戶給錢，沒有什麼理由不做啊。1.

最簡單的莫過於使用click方法<input id="btn" type="button" value="BUTTON" onclick="alert(1)"/><script>var btn = document.getElementById('btn');btn.click();</script>所有瀏覽器都彈出了1。把input換成div呢<div id="d1" style="background:gold;width:50px;height:5

文章目錄 Using RGBA Colors 1. 顏色 和 透明度在CSS3中對顏色進行了很多擴充,具體詳情可參照官網：www.w3.org/TR/2003/CR-css3-color-20030514，下面說下CSS3中新的數字定義顏色的方法。1.1

 內容概述在p2p通訊領域中，由NAT(Network Address

有時需要模仿使用者的一些動作（滑鼠/鍵盤操作），最常見的莫過於滑鼠點擊。一一列舉1，dispatchEvent()這是標準的觸發事件方法，使用時需要先建立好事件對象。如下var evt =

之前工作忙，這篇博文來的有點晚，向大家說聲抱歉！1 文本特效CSS3給文字加了很多特效,http://www.w3schools.com/css3/css3_text_effects.asp在這裡我將介紹：text-shadow、word-wrap、word-break和text-overflow。1.1 text-shadow文字陰影目前IE還不支援，而其它瀏覽器都已經支援了。文法：text-shadow: h-shadow v-shadow blur color;這和box-shadow

接上一篇,基於rotate的方式類比三維空間。一開始定一個旋轉原點，讓物體隨著這個原點旋轉。（一般定為畫布中心）vpx = canvas.width/2;vpy = canvas.height/2; 然後為了讓旋轉效果和使用者有互動，讓旋轉速度和角度和滑鼠位置掛上關係stage.addEventListener('mousemove', function (x, y) { angleY = (x - vpx) * .001; angleX = (y - vpy) * .001;});

HTML表單一直都是Web的核心技術之一，有了它我們才能在Web上進行各種各樣的應用。HTML5 Forms新增了許多新控制項及其API，方便我們做更複雜的應用，而不用藉助其它Javascript架構，先說下表單的幾個基本知識點：表單仍是以<form>元素作為容器，我們可在其中設定基本的提交特性；當使用者提交頁面時，表單仍然向伺服器發送表單控制項的值；之前老版本中的表單控制項，如text radio

　　找工作一個月了，杳無音訊，學曆、工作經驗都沒，連個面試電話都沒。　　我想起了做銷售被人刁難的時候，心裡的憤懣。想起了辛苦攢錢學習java時的躊躇滿志。有時候心灰意冷，有的時候卻又充滿鬥志。但是不管什麼時候，我都不會懼怕，不懼怕前路的未知，不會懼怕現實的困苦艱難，儘管我身上只剩了180塊錢現在。　　想起了小時候和別人打架，被人戳到了眼睛，捂著眼就趴到了地上。周圍的人都嚇壞了，不知所措。我捂著眼睛又爬了起來，使勁揉了揉眼眶，噙著淚水大喊：媽的，再來！父親說過，堅強的人從來不哭。我是個男人，要堅強

Transform 適應於對任一DOM元素的2D或3D轉換,這些轉換效果有:旋轉(rotate)、展開(scale)、平移(move)、傾斜(skew)等，利用Transform和javascript可以製作一些簡單的動畫，可以為web應用帶來些意想不到的效果。目前瀏覽器並不是完全支援所有的Transform ，IE9、Firefox 和Opera 僅支援2D transforms ，相應的CSS定義為：-ms-transform 、-moz-transform 和-o-transform

名言：別人用一種方法，我用十種方法，成功勝算將是別人的10倍。——陳景潤      作為程式員，應該需要具備許許多多的基本功，比如對資料庫的增刪改查、對基本的控制項的熟練使用等。在資料庫的插入前，往往需要判斷添加的記錄是否已經存在於資料庫中，如果已經存在則不需要再進行插入操作了。     

最近看完了添加事件和刪除事件的核心方法，忍不住想把jQuery的事件模組摳出來。jQuery的代碼是非常內聚的，一環套一環。想獨立出來不容易。jQuery的事件模組嚴重依賴於其資料儲存(jQuery.data)，你會發現My Code中的dataManager對象對應它。 這裡只提供bind和unbind方法。暫不包含事件命名空間(event namespace)事件代理(event delegation)特殊事件如dom ready 介面如下：E.bind(el, 'click', fn);

最近上網看到一個JS特效,讓文字逐個在網頁上顯示,就像手動一個一個輸入這些文字一樣.把相關的代碼copy過來,在本地運行,發現這些JS只在IE在有效,其它瀏覽器都沒有效果,於是本人在此基礎上作些改進,讓此效果在所有瀏覽器都有此效果.以下是網上JS特效源碼:<script language="JavaScript1.2">var it=0function initialize(){mytext=typing.innerTextvar

有時需要將數組轉成偽數組（ArrayLike），如下var ary = ['one','two','three'];var obj = {}; // 沒有length屬性Array.prototype.push.apply(obj, ary);for(var i in obj){alert(i + ': ' + obj[i]);}IE8/9/Firefox/Safari/Chrome

剛開始W3C CSS Workgroup拒絕將CSS3 transition與animation加入官方標準，一些成員認為過渡效果和動畫並非樣式屬性，而且已經可以用指令碼實現。所以請大家明白，特別是Web前端開發員，用CSS3做一些過渡效果和動畫，並不比運用JS指令碼實現要好（個人認為：用CSS只不過讓不懂JS的人員（設計人員）也能做動畫，而且使用瀏覽器封裝好的方法，但使用JS指令碼可以更靈活，在效能上也能去最佳化）。 1.Transition

觸發事件，或稱類比使用者動作。比如點擊，我們可以用代碼去類比使用者點擊，達到的效果與真實的滑鼠點擊是一樣的。在 事件模組的演變 我使用了dispatchEvent(標準) 和fireEvent(IE)來主動觸發事件。如下...dispatch = w3c ?function(el, type){try{var evt =

最易讀版function chain(obj){function fun(){if (arguments.length == 0){return fun.obj;}var methodName = arguments[0], methodArgs = [].slice.call(arguments,1);fun.obj[methodName].apply(fun.obj,methodArgs);return fun;}fun.obj = obj;return fun;}易讀版function