Time of Update: 2016-02-15
瞭解HTML CSS選取器操作和特性,htmlcss選取器特性 子選取器 在CSS樣式表中, 有時候我們需要為一個選取器進行再次的選擇, 比如要為某段落標籤下的<span>標籤進行樣式設定(<span>標籤必須為段落標籤下的第一代子項目, 意思即中間不包含別的標籤嵌套), 這個時候就要使用子選取器. 程式碼範例: p>span{ font-size:20px; } " > "就稱之為子選取器,
Time of Update: 2016-02-15
CSS手動改變DIV高寬,CSS手動DIV高寬本執行個體代碼可以使DIV可以手動改變大小效果體驗:http://hovertree.com/code/css/resize.htm代碼如下:<!DOCTYPE html><html><head><title>何問起</title><base target="_blank" /><style>
Time of Update: 2016-02-15
CSS3的calc()用法簡單介紹,css3calcCSS3的calc()用法簡單介紹:calc是calculate(計算的意思)縮寫。從calc()的外表來看,它類似於程式語言中的方法,具有計算功能。確實如此,它可以動態計算css中一些元素的相關屬性值,能夠運用簡單的"+"、"-"、"*"、"/"四則運算。基本規則如下:(1).可以使用百分比、px、em、rem等單位。(2).可以混合使用各種單位進行計算。下面看幾個程式碼片段:.box{ border:1px solid #ddd;
Time of Update: 2016-02-15
web開發中比較常用的html標籤,web開發標籤作為一名web開發人員,總結了一下經常用到的html標籤,如下:<html><head><!--meta頭標籤 表示頁面三秒後跳轉到新浪頁面--><meta charset="utf-8" http-equiv="refresh"
Time of Update: 2016-02-15
css3實現的氣泡效果代碼執行個體,css3實現氣泡執行個體css3實現的氣泡效果代碼執行個體:本章節分享一段代碼執行個體,它實現了氣泡效果。由於css3的強大功能,很多美觀的效果可以不用使用圖片。代碼執行個體如下:<!DOCTYPE html><html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" />
Time of Update: 2016-02-15
工作中遇到的瀏覽器差別(就不叫IE6bug了),差別ie6bug1、根據ie版本寫css <!--[if lt IE 8]> <style> .cntContainer{margin-top: -1px;} </style><![endif]--> 非ie:if !IE; 僅IE:if IE;
Time of Update: 2016-02-15
float執行個體講解,plc編程執行個體講解float執行個體講解float是個強大的屬性,在實際前端開發過程中,人們經常拿它來進行布局,但有時,使用的不好,也麻煩多多啊。比如,現在我們要實現一個兩列布局,左邊的列,寬度固定;右邊的列,寬度自動擴充。見下:思路:利用div+float,div1為左邊的列,div2為右邊的列,將div1的寬度設定為固定寬度並將其設定為左浮動,脫離文檔流;div2在普通流中就ok了。具體代碼和見下:<!DOCTYPE html>
Time of Update: 2016-02-15
css3實現的圓角效果代碼執行個體,css3實現圓角執行個體css3實現的圓角效果代碼執行個體:本章節分享一段代碼執行個體,它使用css3實現了圓角效果。代碼執行個體如下:<!DOCTYPE html><html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" />
Time of Update: 2016-02-15
JS通過Cookie判斷頁面是否為首次開啟,jscookie廢話不多說了,直接給大家貼代碼了,本文寫的不好還請各位大俠見諒。JScript code:function
Time of Update: 2016-02-15
熟悉HTML CSS布局模型,htmlcss布局模型 HTML最難的地方來了!這個我反覆了很多遍, 包括現在寫部落格, 也對我自己算是一種溫習, 我這塊怕是沒辦法寫的很好懂, 因為我自己還不能把我學到的準確通俗易懂的表達出來, 給自己記個筆記, 以後再來一點一點的改, 新手可以看看, 對於初學這塊的人應該還是有點協助的. CSS布局模型 以下全部是個人初學HTML的一點理解, 哪裡錯了歡迎指正, 我也會改, 因為全程自學, 只能摸著石頭過河,
Time of Update: 2016-02-15
jquery實現的判斷倒計時是否結束代碼,jquery倒計時本章節介紹一段代碼執行個體,此代碼能夠判斷當前日期是否已經倒計時結束,此代碼中並沒有倒計時效果,只是判斷是否倒計時完成,比如購物網站優惠期限等,雖然實際應用中,很少會出現類似的代碼,不過希望能夠給瀏覽者帶來一定的啟示作用。代碼如下:function done(){var str=$('#end').text(); var out=str.match(/\d+/g);console.log(out); var
Time of Update: 2016-02-15
淺析Javascript匿名函數與自執行函數,淺析javascript函數是JavaScript中最靈活的一種對象,這裡只是講解其匿名函數的用途。匿名函數:就是沒有函數名的函數。函數的定義,大致可分為三種方式:第一種:這也是最常規的一種function double(x){ return 2 * x; }第二種:這種方法使用了Function建構函式,把參數列表和函數體都作為字串,很不方便,不建議使用。var double = new Function('x', 'return 2 * x;')
Time of Update: 2016-02-15
基於JavaScript實現圖片點擊快顯視窗而不是儲存,javascript快顯視窗一直想給安裝一個縮圖點擊彈出的外掛程式,但是找了找幾乎都是用的php來做的,外掛程式的使用和安裝極其繁瑣,於是上網查了些demo,自己實現了一個純js的圖片彈出外掛程式。實現的思路是通過編寫hook圖片的onclick事件的函數,在函數中對body追加div元素,再將傳入的圖片對象放入元素中,同時再監聽div的onclilck事件,當捕捉到點擊,再關閉(其實是隱藏)彈出的div。通過在函數初始化的時候收集頁面所有
Time of Update: 2016-02-15
jquery實現具有嵌套功能的選項卡,jquery嵌套關於選項卡功能大家一定都不會陌生,無非就是滑鼠點擊或者懸浮能夠切換相關的內容。通常情況下,大家見到的選項卡都是沒有嵌套功能的,也就是說就是完成了一層轉場效果,本章節分享一段代碼執行個體,實現了選項卡的嵌套功能,也就是選項卡中嵌套有選項卡功能,也就能夠容納更多的內容。代碼如下:<head><meta
Time of Update: 2016-02-15
原生javascript實現自動更新的時間日期,javascript自動更新能夠動態變化的事物總比靜態更能夠吸引人,甚至更有實用效果,比如能夠自動變化的時間日期效果就是如此,下面就通過代碼執行個體介紹一下如何?此效果,代碼執行個體如下:一、具體代碼<html><head><meta charset="gb2312"><title>幫客之家</title><script type="text/javascript">var
Time of Update: 2016-02-15
深入淺析JavaScript物件導向和原型函數,javascript物件導向對象,是javascript中非常重要的一個梗,是否能透徹的理解它直接關係到你對整個javascript體系的基礎理解,說白了,javascript就是一群對象在攪。。(嗶!)。下面給大家介紹下常用的幾種對象建立模式使用new關鍵字建立最基礎的對象建立方式,無非就是和其他多數語言一樣說的一樣:沒對象,你new一個呀!var gf = new Object(); gf.name = "tangwei"; gf.bar =
Time of Update: 2016-02-15
javascript實現尋找數組中最大值方法匯總,javascript數組方法一(使用遞迴函式):var arr = [9,8,55,66,49,68,109,55,33,6,2,1]; var max = arr[0];function findMax( i ){ if( i == arr.length ) return max; if( max < arr[i] ) max = arr[i]; findMax(i+1);} findMax(1);console.log(max)
Time of Update: 2016-02-15
JavaScript中關聯原型鏈屬性特性,javascript原型資料屬性:資料屬性包含一個資料值的位置,在這個位置可以讀取和寫入值。4個描述的行為特性:writable 表示能否修改屬性的值。預設為trueEnumerable 表示能否過過for in迴圈返回屬性是否可以枚舉。configuralbe 表示是否能過來delete刪除屬性從來重新定義屬性,能否修改其配置。value
Time of Update: 2016-02-15
簡單瞭解Backbone.js的Model模型以及View視圖的源碼,backbone.jsmodelBackbone.Model今天我們先來談談Backbone.js MVC 中的 M , Model是backbone的核心部分,包含著頁面展示內容的資料,還有圍繞著資料操作的各種 轉換,校正,計算 ,許可權控制,服務端互動等等操作,你可以通過 Backbone.Model.extend() 產生你的model , 當然產生的model也可以作為一個基類去向下擴充更多的model var
Time of Update: 2016-02-15
JavaScript的Backbone.js架構的一些使用建議整理,javascriptbackboneBackbone 為複雜Javascript應用程式提供模型(models)、集合(collections)、視圖(views)的結構。其中模型用於綁定索引值資料和自訂事件;集合附有可枚舉函數的豐富API; 視圖可以聲明事件處理函數,並通過RESTful JSON介面串連到應用程式。當我們開發含有大量Javascript的web應用程式時,首先你需要做的事情之一便是停止向DOM對象附加資料。