Time of Update: 2015-03-17
標籤:Javascript 及 CSS3 實現進度條效果 一:css2 屬性clip實現網頁進度條; 在實現之前,我們先來介紹一下clip屬性,因為這個屬性在css2.1中很少使用到,所以我們有必要來瞭解一下;瀏覽器支援程度:所有主流瀏覽器都支援 clip 屬性。 Clip屬性在w3c官網是這樣描述的:通過對元素進行裁剪來控制元素的可視地區,預設情況下 元素是不進行任何裁剪的。Clip裁剪的文法如下: .xx {clip:rect(<top>,
Time of Update: 2015-03-17
標籤:1,在時間控制項的onblur的時間上綁定checkDate()方法。2,在js中添加如下方法:function checkDate(){ var str_date = document.getElementById("str_date").value; var end_date = document.getElementById("end_date").value;
Time of Update: 2015-03-16
標籤:<script type="text/javascript"> //閉包(closure):內層函數可以引用存在於包圍它的函數內的變數,即使外層函數的執行已經結束 //注意內層函數引用的外層函數內的變數是外層函數執行結束後的最終值 test(1); function test(a) { //外層函數 &
Time of Update: 2015-03-16
標籤:
Time of Update: 2015-03-18
後端碼農談前端(CSS篇)第一課:CSS概述,後端css一、從扮演瀏覽器開始 扮演瀏覽器是Head First圖書中很有意義的一個環節。可作者忘記了告訴我們扮演瀏覽器的台本。我們從這裡開始。 是webkit核心渲染html和css的流程圖。從該圖我們可以知道以下幾個關鍵資訊: 二、導圖 導圖是該系列文章的安排目錄,一定程度上參考了王福朋先生的《學習CSS的思路》。 三、概念掃盲(對,這是發生在本文之前的知識點。) 1、規則:CSS 規則由選取器,以及一條或多條聲明兩個部分構成。
Time of Update: 2015-03-17
JavaScript中消除閉包的一般方法介紹 這篇文章主要介紹了JavaScript中消除閉包的一般方法介紹,本文直接給出了操作樣本,需要的朋友可以參考下 JavaScript 的閉包是一個其主動發展的特性, 也是一個被動發展的特性. 也就是說, 一方面, JS 有了閉包能更好解決一些問題. 另一方面, JS 為瞭解決某些問題, 而不得不使用閉包勉強來解決問題.前者這裡不討論, 如果 JS 閉包能更好的解決問題, 當然使用閉包更好.我討論的是後者, 是因為
Time of Update: 2015-03-17
jquery中JSON的解析方式 用jquery解析JSON資料的方法,作為jquery非同步請求的傳輸對象,jquery請求後返回的結果是json對象,這裡考慮的都是伺服器返回JSON形式的字串的形式,對於利用JSONObject等外掛程式封裝的JSON對象,與此亦是大同小異,這裡不再做說明 考慮都考慮的是伺服器返回的是JSON形式的字串的形式,對於利用JSONObject等外掛程式封裝的JSON對象,與此亦是大同小異,這裡不再做說明。 代碼如下:va
Time of Update: 2015-03-17
淺談js中的閉包 閉包是一個比較抽象的概念,尤其是對js新手來說.書上的解釋實在是比較晦澀,對我來說也是一樣.閉包是很多語言都具備的特性,在js中,閉包主要涉及到js的幾個其他的特性:範圍鏈,垃圾(記憶體)回收機制,函數嵌套,等等. 首先我們先來看一段代碼: 代碼如下:<a href="javascript:void(0);">111</a><a href="javascript:void(
Time of Update: 2015-03-17
CSS行內元素和區塊層級元素的置中,css行元素置中 一.水平置中 行內元素和區塊層級元素不同,對於行內元素,只需在父元素中設定text-align=center即可; 對於區塊層級元素有以下幾種置中方式: 1.將元素放置在table中,再將table的margin-left和margin-right設定成auto,將table置中,使在其之中的區塊層級元素葉置中,但是這種方式不符合語義化標籤的規範; 2.將區塊層級元素轉換行內元素(通過設定display:inli
Time of Update: 2015-03-17
Javascript中的Callback方法淺析,javascriptcallback什麼是callback複製代碼 代碼如下: 回呼函數就是一個通過函數指標調用的函數。如果你把函數的指標(地址)作為參數傳遞給另一個函數,當這個指標被用為調用它所指向的函數時,我們就說這是回呼函數。回呼函數不是由該函數的實現方直接調用,而是在特定的事件或條件發生時由另外的一方調用的,用於對該事件或條件進行響應。這個解釋看上去很複雜,於是找到了知乎上一個更好的解釋複製代碼
Time of Update: 2015-03-17
Javascript中的arguments與重載介紹,javascriptarguments因為語言上的設計錯誤,arguments可以被當成一個數組。複製代碼 代碼如下:function zero () { console.log(arguments[0]);}也會有複製代碼 代碼如下:function zero () { for(var
Time of Update: 2015-03-16
JavaScript中的DSL元編程介紹 這篇文章主要介紹了JavaScript中的DSL元編程介紹,本文講解了JavaScript元編程、JavaScript eval、JavaScript new Function()等內容,需要的朋友可以參考下 在看JavaScript Template源碼的時候,發現有一個很有意思的用法用來產生函數,想到這不就是元編程麼?JavaScript
Time of Update: 2015-03-16
Javascript中的Callback方法淺析 這篇文章主要介紹了Javascript中的Callback方法淺析,本文講解了什麼是callback、Javscript
Time of Update: 2015-03-17
JavaScript DSL 流暢介面(使用鏈式調用)執行個體,dsl鏈式認真研究了一會DSL,發現了這麼幾件有趣的事,JavaScript用得最多的一個東西怕是鏈式調用 (方法鏈,即Method Chaining)。 有意思的是Martin Flower指出:複製代碼 代碼如下: I've also noticed a common misconception - many people seem to equate fluent interfaces with Method
Time of Update: 2015-03-16
jQuery資料緩衝用法分析 這篇文章主要介紹了jQuery資料緩衝用法,較為詳細的分析了jQuery資料緩衝的功能、定義與相關的提示,需要的朋友可以參考下 本文分析了jQuery資料緩衝用法。分享給大家供大家參考。具體如下:在jQuery的API協助文檔中,jQuery這樣描述資料緩衝的作用:用於在一個元素上存取資料而避免了循環參考的風險。一、定義快取資料使用$(selector).data(name,value)方法可以為jQuery對象定義快取資料。這些快取
Time of Update: 2015-03-16
jQuery效能最佳化技巧分析 這篇文章主要介紹了jQuery效能最佳化技巧,較為詳細的分析了jQuery的常見提示,非常具有實用價值,需要的朋友可以參考下 本文較為詳細分析了jQuery效能最佳化技巧。分享給大家供大家參考。具體分析如下:一、使用最新版本的jQuery類庫jQuery新版本會較上個版本進行Bug修複和一些最佳化,不過需要注意的是,在更換版本之後,不要忘記測試你的代碼,畢竟有時候不是完全向後相容的。二、使用合適的選取器jQuery選取器效能最佳到最
Time of Update: 2015-03-16
jQuery+jRange實現滑動選取數值範圍特效,jqueryjrange有時我們在頁面上需要選擇數值範圍,如購物時選取價格區間,購買主機時自主選取CPU,記憶體大小配置等,使用直觀的滑塊條直接選取想要的數值大小即可,無需手動輸入數值,操作簡單又方便。HTML首先載入jQuery庫檔案以及jRange相關的css檔案:jquery.range.css和外掛程式:jquery.range.js複製代碼 代碼如下:<script src="jquery.js"></script&
Time of Update: 2015-03-16
jQuery外掛程式實現大圖全屏圖片相簿,jquery大圖大圖全屏圖片相簿jQuery外掛程式,支援左右按鈕切換以及點擊大圖自動切換圖片,基於jQuery外掛程式jQuery.album.js,外掛程式支援參數自訂功能,viewMode:0沒有縮圖 1有縮圖 2縮圖。全螢幕。可以對圖片進行左右轉,具體的參數大家可以查看jQuery.album.js檔案,總之效果很不錯,喜歡的朋友可學習下複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD
Time of Update: 2015-03-16
jQuery+PHP實現動態數字展示特效,jqueryphpHTML本例假設要在頁面上動態展示(無需重新整理整個頁面,只是局部重新整理動態數字)當前線上使用者數,常見在一些統計平台上應用。在HTML頁面中只需定義以下結構:複製代碼 代碼如下:<div class="count">當前線上:<span id="number"></span></div>
Time of Update: 2015-03-16
jQuery oLoader實現的載入圖片和頁面效果,oLoader使用方法不管是oLoader還是oPageLoader都是基於jQuery,所以調用前請先載入jquery庫,作者已經將兩個外掛程式整合到一起:jquery.oLoader.min.js,已經打包好請戳源碼下載。調用jQuery oLoader非常簡單,一句話如下:複製代碼 代碼如下:$('#element').oLoader(); 使用oLoader載入圖片:複製代碼 代碼如下:$(function(){ $('