Time of Update: 2015-03-18
標籤:JavaScript實現判斷圖片是否載入完成的3種方法整理 有時候我們在前端開發工作中為了擷取圖片的資訊,需要在圖片載入完成後才可以正確的擷取到圖片的大小尺寸,並且執行相應的回呼函數使圖片產生某種顯示效果。本文主要整理了幾種常見的javascipt判斷圖片載入完成時的方法,並通過代碼與實際應用相結合進行解釋與說明。onload方法通過向img標籤添加onload屬性,並填入相應的函數來執行後續的javascipt代碼。如下代碼例子中img元素預設是不顯示的,通過onload判斷載
Time of Update: 2015-03-18
標籤:javascript 基礎 JavaScript是一種可以用來給網頁增加互動性質的程式設計語言。<!DOCTYPE html><html><head> <title>Barely a script at all</title> &nbs
Time of Update: 2015-03-18
標籤:基礎 javascript 1.<script>標籤的屬性,方法及事件處理常式;屬性:defer(defer):規定是否對指令碼執行延遲,直到頁面載入為止;src(url):規定外部指令檔的url;charset(charset):規定外部指令檔使用的字元編碼;async:規定非同步執行指令碼;event:設定或擷取指令碼編寫用於的事件;htmlFor:設定或擷取綁定到事件指令碼的對象;type、languag
Time of Update: 2015-03-18
標籤:javascript 函數式編程 js像其他動態語言一樣是可以寫高階函數的,所謂高階函數是可以操作函數的函數。因為在js中函數是一個徹徹底底的對象,屬於第一類公民,這提供了函數式編程的先決條件。 下面給出一個例子代碼,出自一本js教程,功能是計算數組元素的平均值和標準差,先列出非函數式編程的一種寫法:var data = [1,1,3,5,5];var total = 0;for(var i = 0;i <
Time of Update: 2015-03-18
標籤:function Graph(v) { this.vertices = v; //初始化頂點 this.edges = 0; //邊數先設定為0 this.adj = []; //為每一個頂點準備一個鏈表,表示它和所有節點的關係 for (var i = 0; i < this.vertices.length; i++) { this.adj[i] = []; this.adj[i].push(""); }
Time of Update: 2015-03-18
標籤: 介紹 使用過 JavaScript架構(如 AngularJS, Backbone
Time of Update: 2015-03-18
標籤:function Node(data, left, right) //定義二叉樹節點,包括節點上儲存的資料,指向左右子節點的指標{ this.data = data; this.left = left; this.right = right; this.show = show;}function show() { return this.data;} function BST() { this.root = null;
Time of Update: 2015-03-18
jQuery統計指定子項目數量的方法 這篇文章主要介紹了jQuery統計指定子項目數量的方法,涉及jQuery可以通過>訪問子標籤的技巧,具有一定參考借鑒價值,需要的朋友可以參考下 本文執行個體講述了jQuery統計指定子項目數量的方法。分享給大家供大家參考。具體分析如下:jQuery可以通過 > 訪問子標籤,然後通過size獲得子標籤的數量? 1 2
Time of Update: 2015-03-19
jQuery選擇id屬性帶有點符號元素的方法,jqueryid本文執行個體講述了jQuery選擇id屬性帶有點符號元素的方法。分享給大家供大家參考。具體分析如下:如果jquery要選擇的元素id中帶有點符號,在選擇時需要在點前面加上兩個反斜線,如: $("#address\\.street").text("Enter this field");具體代碼如下:<!DOCTYPE html><html><head><meta
Time of Update: 2015-03-18
jQuery選擇id屬性帶有點符號元素的方法 這篇文章主要介紹了jQuery選擇id屬性帶有點符號元素的方法,涉及jQuery選取器的提示,非常具有實用價值,需要的朋友可以參考下 本文執行個體講述了jQuery選擇id屬性帶有點符號元素的方法。分享給大家供大家參考。具體分析如下:如果jquery要選擇的元素id中帶有點符號,在選擇時需要在點前面加上兩個反斜線,如: ? 1
Time of Update: 2015-03-19
jquery讓指定的元素閃爍顯示的方法,jquery閃爍本文執行個體講述了jquery讓指定的元素閃爍顯示的方法。分享給大家供大家參考。具體如下:這段jQuery代碼非常簡單,功能就是讓指定的元素不斷的變換顏色,閃爍顯示,調用也非常簡單。jQuery.fn.flash = function( color, duration ){ var current = this.css( 'color' ); this.animate( { color: 'rgb(' + color + ')' },
Time of Update: 2015-03-18
jQuery檢測滑鼠左鍵和右鍵點擊的方法 這篇文章主要介紹了jQuery檢測滑鼠左鍵和右鍵點擊的方法,涉及jQuery操作滑鼠事件的技巧,且針對IE瀏覽器具備良好的相容性,需要的朋友可以參考下 本文執行個體講述了jQuery檢測滑鼠左鍵和右鍵點擊的方法。分享給大家供大家參考。具體分析如下:這段代碼使用jQuery檢測滑鼠左鍵和右鍵點擊,可以判斷出使用者點擊了滑鼠左鍵還是滑鼠右鍵,其中考慮到了變態的IE的情況,放心使用。代碼如下:$("#someeleme
Time of Update: 2015-03-18
JavaScript語言常量和變數我們在上一章中介紹使用JavaScript編寫一個HelloJS的小程式,其中我們就用到變數。常量和變數是構成運算式的重要組成部分。常量在聲明和初始設定變數時,在標識符的前面加上關鍵字const,就可以把該指定為一個常量。顧名思義,常量是其值在使用過程中不會發生變化,執行個體代碼如下:const
Time of Update: 2015-03-18
JavaScript中擴充Array contains方法執行個體,arraycontainsjavascript的Array沒有contains方法,有時候這會不方便,contains方法實現很簡單:複製代碼 代碼如下:function contains(a, obj) { var i = a.length; while (i--) { if
Time of Update: 2015-03-18
jquery圖片切換外掛程式,jquery切換外掛程式複製代碼 代碼如下:/** * 圖片切換外掛程式 * Dependence jquery-1.7.2.min.js **/(function ($) { //調用方式 $('#silder').imgSilder({s_width:564, s_height:293, is_showTit:true, s_times:3000,css_link:'css/style.css'});
Time of Update: 2015-03-18
js完美實現@提到好友特效(相容各大瀏覽器),js好友要求1.輸入@時,彈出匹配的好友菜單2.游標進入包含有"@好友"的標籤時,快顯功能表3.按backspace刪除時,如果游標前面是包含有"@好友"的標籤,快顯功能表4.相容ie,firefox.具體做法針對要求一,很自然的會想到對輸入框綁定事件。這裡要綁定mousedown,而不是mouseup.因為如果是mouseup的話,用event.preventDefault()是無法阻止鍵盤輸入@的。另外,這裡在事件回調中用return
Time of Update: 2015-03-18
淺談js中的閉包,淺談js閉包首先我們先來看一段代碼:複製代碼 代碼如下:<a href="javascript:void(0);">111</a><a href="javascript:void(0);">222</a><a href="javacsript:void(0);">333</a>var a=document.getElementsByTagName("a"); function
Time of Update: 2015-03-18
JavaScript中使用Callback控制流程程介紹,javascriptcallbackjavascript中隨處可見的callback對於流程式控制制來說是一場災難,缺點顯而易見:1.沒有顯式的return,容易產生多餘流程,以及由此引發的bug。2.造成代碼無限嵌套,難以閱讀。下面就來說說怎麼解決避免上述的問題。第一個問題是一個習慣問題,在使用callback的時候往往會讓人忘了使用return,這種情況在使用coffee-script的時候尤甚(雖然它在編譯成javascript時會
Time of Update: 2015-03-18
JavaScript中消除閉包的一般方法介紹,javascript消除閉包JavaScript 的閉包是一個其主動發展的特性, 也是一個被動發展的特性. 也就是說, 一方面, JS 有了閉包能更好解決一些問題. 另一方面, JS 為瞭解決某些問題, 而不得不使用閉包勉強來解決問題.前者這裡不討論, 如果 JS 閉包能更好的解決問題, 當然使用閉包更好.我討論的是後者, 是因為 JS 本身的限制, 而不得不磕磕絆絆地用閉包來解決的問題,
Time of Update: 2015-03-18
jQuery+css3動畫屬性製作獵豹瀏覽器寬屏banner焦點圖,jquerycss3jQuery結合css3動畫屬性製作獵豹瀏覽器寬屏banner焦點圖切換支援手機觸屏滑動焦點圖切換代碼複製代碼 代碼如下:<div class="slide-main" id="touchMain"> <a class="prev" href="javascript:;" stat="prev1001"><img