Time of Update: 2014-12-04
自己寫的javascript綁定模型 基於jquery//綁定模型$.bind = {};//綁定基礎$.bind.base = function (get, set) { return function (o) { if (typeof (o) != 'undefined') { set(o); }; return get(); };};//綁定文本$.bind.text = function
Time of Update: 2014-12-04
原創JavaScript Jquery特效之----多重特效摺疊菜單(附帶詳細注釋和演算法思路)摺疊菜單<script type="text/javascript" src="js/jquery-2.1.0.js"></script><script type="text/javascript" src="js/foldMenu.js"
Time of Update: 2014-12-04
JavaScript的對象和繼承本文記錄一種JavaScript的對象定義和繼承的書寫方式,也是目前使用比較普遍的一種。1、定義對象(混合的建構函式和原型方式)// 屬性在建構函式裡定義function Person(name, age, sex) {this.name = name;this.age = age;this.sex = sex;}// 方法在原型裡定義Person.prototype.hello = function() {alert("Hello, my name is " +
Time of Update: 2014-12-04
javascript架構設計讀書筆記之字串的擴充和修複,javascript讀書筆記1.repeat方法:將一個字串重複自身n次。比如:repeat("chaojidan",2) -> chaojidanchaojidan方法1:複製代碼 代碼如下:function repeat(str,n){ return Array.prototype.join.call({length:n+1},str);
Time of Update: 2014-12-04
JavaScript模式讀書筆記 第6章 代碼複用模式主要使用代碼繼承來完成複用。1,使用類式繼承。 -1,類式繼承:按照類的方式來實現繼承,即所謂的類式。 -2,類式繼承:通過建構函式(child)擷取來自parent的屬性,從而建立對象。 <script>//parent function Parent(name){this.name = name || 'Adam'; } Parent.prototype.say = function(){ return
Time of Update: 2014-12-04
javascript架構設計讀書筆記之數組的擴充與修複,javascript讀書筆記1.indexOf和lastIndexOf方法:因為IE7在數組對象上使用indexOf會報錯,所以需要重寫一個相容性的。複製代碼 代碼如下:Array.prototype.lastIndexOf(item,index){ var n = this.length,i = (index==null||index>n-1)?n-1:index; if(i < 0) i = n+i; for(
Time of Update: 2014-12-04
spring mvc與html中處理引用js等靜態檔案的問題 最近開發頁面遇到一些問題,在這裡記錄一下。
Time of Update: 2014-12-04
javascript後台直接返回Boolean類型處理r最近使用jqueyr的ajax後台驗證,直接返回一個Boolean類型的值的到前台,使用json格式傳到前台var result = $.ajax({url:
Time of Update: 2014-12-04
使用js擷取圖片原始大小,js擷取尺寸瀏覽器中顯示的圖片大小未必是他真實的高和寬,比如像下面這樣,我們給他加上寬和高的樣式<img src="IE.png" style="width:25px;height:25px;"> 這樣在瀏覽器中顯示的大小就是25px。那麼我們如何擷取圖片的真實大小呢?,下面的代碼就實現了這個功能複製代碼 代碼如下: <!DOCTYPE html> <html> &
Time of Update: 2014-12-04
Javascript冒泡排序演算法詳解,javascript冒泡演算法比較相鄰的元素。如果第一個比第二個大,就交換他們兩個。對每一對相鄰元素作同樣的工作,從開始第一對到結尾的最後一對。在這一點,最後的元素應該會是最大的數。針對所有的元素重複以上的步驟,除了最後一個。持續每次對越來越少的元素重複上面的步驟,直到沒有任何一對數字需要比較。複製代碼 代碼如下:function sort(elements){ for(var i=0;i<elements.length-1;i++){&
Time of Update: 2014-12-04
JavaScript的一些知識片段(1)打算把使用Javascript的水平從child提升到小學畢業,近期會持續記錄一些知識點。 javascript的引用機制:只要一個對象賦值為另一個對象,就建立了引用。一旦建立了引用,對象們就公用一塊空間。可以看下面一段代碼: 複製代碼var stooge={ nickname:"Maria"}var x = stooge;console.log(stooge.nickname)
Time of Update: 2014-12-04
javascript引擎長時間獨佔線程造成卡頓的解決方案,javascript引擎Javascript 引擎的單線程特性使得在處理一個較大的迴圈遍曆時會長時間獨佔線程,導致其它事件(例如使用者操作)無法及時響應,嚴重時造成卡頓甚至是假死現象。為解決上述問題,一種可行機制是將大的迴圈拆分成若干小的迴圈片段分區執行,使得Javascript 引擎有時機在各段之間插入執行其它事情,從而有效改善效能體驗Ansync.js複製代碼 代碼如下:function Ansync (totalCount,
Time of Update: 2014-12-03
利用HTML 5中的Menu和Menuitem元素快速建立菜單,menumenuitem原文:Introducing the HTML5 “Menu” and “Menuitem” Elements譯文:HTML 5中Menu和Menuitem的元素介紹譯者:dwqs今天向你介紹HTML
Time of Update: 2014-12-04
3種Jquery限制文字框只能輸入數字字母的方法,jquery文字框onlyNum(),onlyAlpha()和onlyNumAlpha()3個Jquery擴充方法number.js複製代碼 代碼如下:// ----------------------------------------------------------------------// <summary>// 限制只能輸入數字// </summary>// -------------------------
Time of Update: 2014-12-04
js字串完全替換函數分享,js字串函數這幾天用到了js字串完全替換的功能,啥都不說,直接上代碼,需要拷走即可:複製代碼 代碼如下:<!DOCTYPE html><html> <head> <meta charset="utf-8" />
Time of Update: 2014-12-04
Javascript堆排序演算法詳解,javascript堆排序堆排序分為兩個過程:1.建堆。堆實質上是完全二叉樹,必須滿足:樹中任一非葉子結點的關鍵字均不大於(或不小於)其左右孩子(若存在)結點的關鍵字。堆分為:大根堆和小根堆,升序排序採用大根堆,降序排序採用小根堆。如果是大根堆,則通過調整函數將值最大的節點調整至堆根。2.將堆根儲存於尾部,並對剩餘序列調用調整函數,調整完成後,再將最大跟儲存於尾部-1(-1,-2,...,-i),再對剩餘序列進行調整,反覆進行該過程,直至排序完成。複製代碼
Time of Update: 2014-12-04
用js讀、寫、刪除Cookie代碼續篇,cookie續篇上次的一篇文章:用js讀、寫、刪除Cookie代碼分享及詳細注釋說明,在實踐中發現了一些問題:1.cookie在本地檔案上只能在Firefox上調試,IE和chrome無效2.cookie沒有設定為永不到期,只考慮了設定一個時間段就到期,顯然不太合理。這次給出的是比較合理的cookie作業碼:複製代碼 代碼如下:var Cookie = { get: function (k) { &
Time of Update: 2014-12-03
你知道嗎?主導2015年的網頁設計趨勢,2015年網頁設計 網頁設計,像網路的其它領域一樣,在2014年也是經曆了數次變革。幾個新的網頁設計趨勢有望在2015年出現,預計在網頁設計領域將會出現更具創新和有趣的設計理念,特別是新舊趨勢的融合。下面就讓我們來看看,2015年 Web 設計領域的發展趨勢。您可能感興趣的相關文章Web 開發中很實用的10個效果【源碼下載】精心挑選的優秀jQuery Ajax分頁外掛程式和教程12個讓人驚歎的的創意的 404 錯誤頁面設計精選9個值得學習的 HTML5
Time of Update: 2014-12-03
將Json日期格式化在做項目中,將實體轉化為JSON後,結果後台返回json 時間格式為/Date(1306418993027)/,在前台JS裡顯示的並不是真正的日期,而且我們不能把所有日期欄位都變成string吧,因此找了一個JS的擴充方法,來實現這個功能,代碼如下:function ChangeDateFormat(jsondate) { jsondate = jsondate.replace("/Date(", "").replace(")/", ""); if
Time of Update: 2014-12-03
[JS進階] JS 之Blob 物件類型什麼是Blob?Blob 是什嗎? 這裡說的是一種Javascript的物件類型。oracle 中也有類似的欄位類型。在 [JS進階] HTML5 之檔案操作(file) 這一篇中用到了File對象,而實際上 file 對象只是 blob 對象的一個更具體的版本,blob 儲存著大量的位元據,並且 blob 的 size 和 type 屬性,都會被 file 對象所繼承。所以, 在大多數情況下,blob 對象和 file