Time of Update: 2014-09-10
JavaScript中判斷原生函數檢查function是否是原生代碼 我總是經常碰到需要檢查某個function是否是原生代碼的情況 —— 這是功能測試中一個很重要的內容: 函數是瀏覽器內建支援的,還是通過第三方類庫類比的。要檢測這一點,最簡單的辦法當然是判斷函數的 toString 方法返回的值啦。 JavaScript代碼 判斷函數是否是原生方法其實相當簡單: 1// 判斷是否原生函數 2function isNative(fn) { 3//
Time of Update: 2014-09-10
三種取消選中單選框radio的方法 本文依賴於jQuery,其中第一種,第二種方式是使用jQuery實現的,第三種方式是基於JS和DOM實現的。 01 <!DOCTYPE HTML> 02 <html> 03
Time of Update: 2014-09-10
CSS3
Time of Update: 2014-09-10
cursor 滑鼠樣式——屬性,cursor滑鼠樣式取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | inherit[<uri> ,]*:
Time of Update: 2014-09-10
jQuery CSS()方法改變現有的CSS樣式表 使用CSS()方法改變現有的CSS樣式表,css()方法在使用上具有多樣性。其中有一種可接受兩個輸入參數:樣式屬性和樣式值,兩者之間用逗號分隔。比如要改變連結顏色,可以這樣編寫代碼: 1$("#61dh a").css('color','#123456'); 2//選取器‘$("#61dh a")'表示ID為‘#61dh'的元素下的所有連結。 3//.css(&
Time of Update: 2014-09-10
jQuery 浮動導覽功能表適合購物商品類型的網站 單頁面網頁內容較多,頁面長度較大,需要方便快速的在頁面的不同位置進行定位,所以浮動菜單逐漸流行了起來,如 男裝、女裝、美妝等。這種菜單功能分為兩部分:1、點擊功能表項目,網頁滾動到對應位置,可簡單通過錨點實現;2、滾動頁面的時候,功能表項目的選中狀態要跟著改變,這就需要監聽網頁的滾動事件並通過一點計算來實現了;計算 scrollTop 和 各個 div 的 offsetTop
Time of Update: 2014-09-10
使用CSS3建立不可選的的文字,css3建立可選下面的例子展示了在HTML5中你如何使用CSS建立不可選的文字。 Html代碼 <!DOCTYPE HTML> <html> <head> <title>Creating non-selectable text&nb
Time of Update: 2014-09-10
background-position 用法詳細介紹,position用法文法: background-position : length || length background-position : position || position 取值: length : 百分數 | 由浮點數字和單位標識符組成的長度值。請參閱 長度單位 position : top | center | bottom |
Time of Update: 2014-09-09
純css3實現的幽靈按鈕導航,css3幽靈按鈕之前為大家介紹了好幾款導覽功能表,今天再給大家帶來一款css3實現的幽靈按鈕式的導覽功能表。導航介面非常好看。右側是一個css3實現的動畫訊息表徵圖。如下: 線上預覽 源碼下載 實現代碼:html代碼: <header> <nav> <a>Home</a> <a>Words</a>
Time of Update: 2014-09-09
CSS3給頁面打標籤,CSS3頁面打標籤我們經常會在頁面的左上方或者右上方看到類似的標籤,比如頁面的連結(最常使用)等,下面我們就實現一個簡單的標籤 實現步驟是先做一個水平長條,使用CSS3的transform來實現旋轉,如果是在左上方的話就逆時針旋轉45度,右上方順時針旋轉45度。代碼: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5
Time of Update: 2014-09-10
前端開發神器sublime代碼emmet快捷書寫設定檔存放位置,sublimeemmet1,開啟安裝sublime下路徑2 ,找到如下路徑 Data\Packages\Emmet\emmet\snippets.json3,把找到的snippets.json這個檔案用sublime開啟,就可以看到配置的emmet快速鍵,可以自己手動更改,改後記得重啟sublime才生效 開啟的檔案如: sublime text中用emmet怎編寫margin:0 auto;margin:0
Time of Update: 2014-09-09
jQuery判斷元素是否顯示與隱藏jQuery判斷一個元素是顯示還是隱藏,jQuery使用is()方法來判斷一個元素是否顯示,反之則為隱藏 核心代碼if($(#username).is(:hidden)){}執行個體代碼:<script type=text/javascript src=../../WEB-FACE/script/jquery-1.8.0.min.js></script><script
Time of Update: 2014-09-10
為網格布局圖片打造的超炫 CSS 載入動畫,網格css 今天,我想與大家分享一些專門為網格布局的映像製作的很酷的 CSS 載入動畫效果。您可以把這些效果用在你的作品集,部落格或任何你想要的網頁中。設定很簡單。我們使用了下面這些工具庫來實現這個效果:Normalize.css 來替代傳統的 CSS 複位;ZURB Foundation 建立具有響應式的網格;Masonry 建立一個動態網格布局;imagesLoaded 檢查是否已載入映像;Infinite
Time of Update: 2014-09-08
[ExtJS5學習筆記]第十六節 Extjs5使用panel新增的ViewModel屬性綁定資料 Sencha ext js 5之前的版本中是沒有viewmodel這個概念的,現在extjs5既然支援mvvm模式了,那麼她的組件也就相應的增加了對mvvm的預設支援。現在看看我們經常使用的panel組件對mvvm模式的強大支援。先看看文檔對panel的viewmodel屬性的定義: viewModel :
Time of Update: 2014-09-09
CSS 超出隱藏實現限制字數的功能代碼(多瀏覽器支援),css字數<html><title>css控制字數</title><head><style type="text/css">.dd { border: solid 1px gray; width: 180px; course: hand; overflow: hidden; white-space: nowrap; text-overflow:
Time of Update: 2014-09-09
javascript進階程式設計---classList屬性1、傳統方法:在操作類名的時候,需要通過className屬性添加、刪除和替換類名。如下面例子:...這個div中一共有三個類名,要從中刪掉一個類名,需要把這三個類分別拆開,然後進行處理,處理過程如下: <script type="text/javascript"> var className=div.className.split(/\s+/); //找到要刪掉的類名 var
Time of Update: 2014-09-09
玩轉Javascript this用法在web項目中Javascript是一門必須要掌握的動態語言,基於Javascript的架構大多離不開不了最基礎的Javascript的用法和原理。本文主要是總結一下Javascript中那萬惡的this關鍵字。 開門見山,拋出一個觀點:“Javascript中this永遠是指向調用它的對象”。下面我會舉3個最有代表性的例子來驗證我的這個觀點。 例一 對象方法調用複製代碼
Time of Update: 2014-09-09
CSS開發規範,css開發摘要: 無論多少人開發一個項目,規範是最初始也是最基本的,一個好的規範不僅讓代碼看起來完美也能夠解決衝突。下面是我在開發時使用的css規範基本規範:基本原則:模組化編寫實踐:命名注意事項:總結: 在開發中養成一個好的習慣是非常重要的,每個開發人員都應該有自己的規範,希望通過此文對你以後的編碼有所改變。如果你有更好的建議,可以補充。誰有移動端網頁開發規範?下面是我從網上收集整理的wap2.0手機網站開發需要注意的7個問題:手機網頁編碼需要遵循什麼規範?遵循XHTML
Time of Update: 2014-09-09
[ExtJS5學習筆記]第十七節
Time of Update: 2014-09-08
Javascript Date 類型的值傳遞與引用傳遞問題建立一個Date類型的變數 d1。var d1 = new Date();alert(d1);運行後頁面上會彈出: Fri Sep 05 2014 16:40:50 GMT+0800再建立一個變數 d2, 將 d1的值賦給d2, 把d2 的 年份設定為 2013,var d2 = d1;d2.setFullYear("2013");alert(d1 + "/" + d2);運行後頁面上會彈出: