JavaScript

三分鐘帶你玩轉jQuery.noConflict()，jquery.noconflictjQuery是目前使用最廣泛的前端架構之一，有大量的第三方庫和外掛程式基於它開發。為了避免全域命名空間汙染，jQuery提供了jQuery.noConflict()方法解決變數衝突。這個方法，毫無疑問，非常有效。遺憾的是，jQuery的官方文檔對該方法的描述不夠清晰，許多開發人員並不清楚當他們調用jQuery.noConflict()時，究竟發生了什麼，從而導致在使用時出現了許多問題。儘管如此，jQuery.

瞭解HTML CSS選取器操作和特性，htmlcss選取器特性　　子選取器　　在CSS樣式表中, 有時候我們需要為一個選取器進行再次的選擇, 比如要為某段落標籤下的<span>標籤進行樣式設定(<span>標籤必須為段落標籤下的第一代子項目, 意思即中間不包含別的標籤嵌套), 這個時候就要使用子選取器. 　　程式碼範例:　　p>span{　　　　font-size:20px;　　}　　" > "就稱之為子選取器,

css 文本超出容器長度後自動省略的方法!，css容器 我們在給使用者顯示常值內容的時候,往往需要避免常值內容超出容器寬度,防止換行溢出,小弟在網上找了下發現網上的實現僅僅只是實現了用 ...省略了的功能!而並沒有擷取游標提示的功能,所有小弟就結合網上的代碼改了個帶省略符號並且擷取游標顯示全部的功能,廢話不多說先上!   如果文本超出了指定寬度就會用...省略,並且當滑鼠擷取游標的時候會顯示全部! 上代碼 <span style=

CSS3的calc()用法簡單介紹，css3calcCSS3的calc()用法簡單介紹:calc是calculate（計算的意思）縮寫。從calc()的外表來看，它類似於程式語言中的方法，具有計算功能。確實如此，它可以動態計算css中一些元素的相關屬性值，能夠運用簡單的"+"、"-"、"*"、"/"四則運算。基本規則如下:（1）.可以使用百分比、px、em、rem等單位。（2）.可以混合使用各種單位進行計算。下面看幾個程式碼片段:.box{ border:1px solid #ddd;

css 表格，cssborder-collapse 屬性設定表格的邊框是否被摺疊成一個單一的邊框或隔開： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 table { 6 border-collapse: collapse; 7 } 8 </style> 9 </head>10 <body>11 <table>12 <tr>13

web開發中比較常用的html標籤，web開發標籤作為一名web開發人員，總結了一下經常用到的html標籤，如下：<html><head><!--meta頭標籤 表示頁面三秒後跳轉到新浪頁面--><meta charset="utf-8" http-equiv="refresh"

css3實現的氣泡效果代碼執行個體，css3實現氣泡執行個體css3實現的氣泡效果代碼執行個體:本章節分享一段代碼執行個體，它實現了氣泡效果。由於css3的強大功能，很多美觀的效果可以不用使用圖片。代碼執行個體如下:<!DOCTYPE html><html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" />

工作中遇到的瀏覽器差別（就不叫IE6bug了），差別ie6bug1、根據ie版本寫css <!--[if lt IE 8]> <style> .cntContainer{margin-top: -1px;} </style><![endif]--> 非ie：if !IE;          僅IE：if IE;          

css3實現的圓角效果代碼執行個體，css3實現圓角執行個體css3實現的圓角效果代碼執行個體:本章節分享一段代碼執行個體，它使用css3實現了圓角效果。代碼執行個體如下:<!DOCTYPE html><html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" />

JS通過Cookie判斷頁面是否為首次開啟，jscookie廢話不多說了，直接給大家貼代碼了，本文寫的不好還請各位大俠見諒。JScript code：function

瞭解HTML 元素分類，HTML元素分類　　HTML中包含大量的標籤, 這些標籤在我們使用中發現會有小小的差別, 有的標籤用了之後不會有太大的布局變化, 只是語義化, 而有的標籤卻會重起一行, 相當於自己斷行符號了一次, 這就是不同標籤元素的分類不同造成的結果.　　區塊層級元素　　在HTML中, <div>, <p>, <h1>, <form>, <ul>, <ol>, <li>等標籤就是區塊層級元素,

熟悉HTML CSS布局模型，htmlcss布局模型　　HTML最難的地方來了!這個我反覆了很多遍, 包括現在寫部落格, 也對我自己算是一種溫習, 我這塊怕是沒辦法寫的很好懂, 因為我自己還不能把我學到的準確通俗易懂的表達出來, 給自己記個筆記, 以後再來一點一點的改, 新手可以看看, 對於初學這塊的人應該還是有點協助的.　　CSS布局模型　　以下全部是個人初學HTML的一點理解, 哪裡錯了歡迎指正, 我也會改, 因為全程自學, 只能摸著石頭過河,

jquery實現的判斷倒計時是否結束代碼，jquery倒計時本章節介紹一段代碼執行個體，此代碼能夠判斷當前日期是否已經倒計時結束，此代碼中並沒有倒計時效果，只是判斷是否倒計時完成，比如購物網站優惠期限等，雖然實際應用中，很少會出現類似的代碼，不過希望能夠給瀏覽者帶來一定的啟示作用。代碼如下:function done(){var str=$('#end').text(); var out=str.match(/\d+/g);console.log(out); var

基於JavaScript實現圖片點擊快顯視窗而不是儲存，javascript快顯視窗一直想給安裝一個縮圖點擊彈出的外掛程式，但是找了找幾乎都是用的php來做的，外掛程式的使用和安裝極其繁瑣，於是上網查了些demo，自己實現了一個純js的圖片彈出外掛程式。實現的思路是通過編寫hook圖片的onclick事件的函數，在函數中對body追加div元素，再將傳入的圖片對象放入元素中，同時再監聽div的onclilck事件，當捕捉到點擊，再關閉(其實是隱藏)彈出的div。通過在函數初始化的時候收集頁面所有

Angularjs全域變數被範圍監聽的正確姿勢，angularjs全域變數如果你只想知道結論：$scope.$watch($rootScope.xxx,function(newVal,oldVal){//do something})馬上就有人問為什麼不是:$rootScope.$watch("xxx",function(newVal,oldVal){//do something})從我最近的一個bug來說說為什麼要用第一種方式。邏輯，一開始我使用了 $rootScope.$watch

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)

JavaScript實現彈出模態表單並接受傳值的方法，javascript模態本文執行個體講述了JavaScript實現彈出模態表單並接受傳值的方法。分享給大家供大家參考，具體如下：function shows(zwbh){ var

JavaScript中關聯原型鏈屬性特性，javascript原型資料屬性：資料屬性包含一個資料值的位置，在這個位置可以讀取和寫入值。4個描述的行為特性：writable 表示能否修改屬性的值。預設為trueEnumerable 表示能否過過for in迴圈返回屬性是否可以枚舉。configuralbe 表示是否能過來delete刪除屬性從來重新定義屬性，能否修改其配置。value

JavaScript的Backbone.js架構的一些使用建議整理，javascriptbackboneBackbone 為複雜Javascript應用程式提供模型(models)、集合(collections)、視圖(views)的結構。其中模型用於綁定索引值資料和自訂事件；集合附有可枚舉函數的豐富API； 視圖可以聲明事件處理函數，並通過RESTful JSON介面串連到應用程式。當我們開發含有大量Javascript的web應用程式時，首先你需要做的事情之一便是停止向DOM對象附加資料。

10個JavaScript中易犯小錯誤，10javascript在今天，JavaScript已經成為了網頁編輯的核心。尤其是過去的幾年，互連網見證了在SPA開發、圖形處理、互動等方面大量JS庫的出現。　　如果初次打交道，很多人會覺得js很簡單。確實，對於很多有經驗的工程師，或者甚至是初學者而言，實現基本的js功能幾乎毫無障礙。但是JS的真實功能卻比很多人想象的要更加多樣、複雜。JavaScript的許多細節規定會讓你的網頁出現很多意想不到的bug，搞懂這些bug，對於成為一位有經驗的JS開發人員