Time of Update: 2016-03-13
詳解JavaScriptRegex之分組匹配及反向引用,Regex反向引用文法元字元:(pattern) 作用:用於反覆匹配的分組屬性$1~$9 如果它(們)存在,用於得到對應分組中匹配到的子串 \1或$1 用於匹配第一個分組中的內容\2或$2 用於匹配第一個分組中的內容...\9或$9 用於匹配第一個分組中的內容用法樣本var reg = /(A+)((B|C|D)+)(E+)/gi;//該Regex有4個分組//對應關係//RegExp.$1 <->
Time of Update: 2016-03-13
分享12個實用的jQuery程式碼片段,12jquery程式碼片段jQuery是一款優秀的JavaScript庫,它在WEB開發人員和網頁設計師中非常出名,協助網頁設計師開發出很多有創意和漂亮的WEB頁面。本文主要分享了12個有用的jQuery技巧,具體內容如下下面是我收集的一些小技巧,這些技巧將協助你提高你網站布局和應用的創意性以及功能性。一、在新視窗開啟連結用這個代碼,你點擊超文本連結時會在新視窗中開啟,為使用者帶來更好的體驗:$(document).ready(function() { /
Time of Update: 2016-03-13
jquery實現文字框textarea自適應高度,jquerytextarea瀏覽器中預設的文字框是不能根據內容的增多變高,只能固定高度有捲軸,體驗不是很好,找了很多方法相容都不行,總算找到個相容良好的方法:<body> <textarea id="textarea3" style="overflow-y:hidden; height:20px;resize: none"> </textarea> <script type="
Time of Update: 2016-03-13
javascript中call apply 與 bind方法詳解,applybind在JavaScript中,call、apply和bind是Function對象內建的三個方法,本文將通過幾個情境的應用,來詳細理解三個方法。call()call() 方法在使用一個指定的this值和若干個指定的參數值的前提下調用某個函數或方法。當調用一個函數時,可以賦值一個不同的 this 對象。this 引用當前對象,即 call 方法的第一個參數。通過 call
Time of Update: 2016-03-13
js實現ctrl+v粘貼上傳圖片(相容chrome、firefox、ie11),我們或多或少都使用過各式各樣的富文字編輯器,其中有一個很方便功能,複製一張圖片然後粘貼進文字框,這張圖片就被上傳了,那麼這個方便的功能是如何?的呢?原理分析提取操作:複製=>粘貼=>上傳在這個操作過程中,我們需要做的就是:監聽粘貼事件=>擷取剪貼簿裡的內容=>發請求上傳為方便理解下文,需要先明白幾點:
Time of Update: 2016-03-13
javascript時間排序演算法實現活動秒殺倒計時效果,javascript演算法製做一個活動頁面 秒殺列表頁 需要一個時間的演算法排序 自己琢磨了半天想了各種演算法也沒搞出來,後來問了下一個背景php同學 他寫了個演算法給我看了下 ,剛開始看的時候覺得這就是個純演算法,不能轉化成頁面的dom效果,可是再看了兩遍發現可以, 於是我就改了改,實現了,先分享給大家。頁面需求是:從11點到20點 每隔一個小時一場秒殺 如果是目前時間就顯示正在秒殺 之前的商品就往最後排
Time of Update: 2016-03-13
javascript實現可鍵盤控制的抽獎系統,javascript抽獎製作一個簡易的抽獎系統!歡迎大家學習!JS原理:建立一個數組用來儲存抽獎內容,例如 iphone6 等,當點擊開始的時候,開啟定時器,產生一個隨機數,把對應文本的innerHTML改成數組所對應的內容。如果想讓某個抽獎幾率變高,可以讓數組中某個值重複次數多點。接下來看代碼。、JavaScript代碼window.onload = function(){ var data = [ "iphone 6s plus",
Time of Update: 2016-03-13
ES6中非常實用的新特性介紹,es6非常實用新特性ECMAScript 6離我們越來越近了,作為它最重要的方言,Javascript也即將迎來文法上的重大變革,InfoQ特開設“深入淺出ES6”專欄,來看一下ES6將給我們帶來哪些新內容。寫在前面ES6 已經提交給 Ecma 大會審查了,也就是說,我們將迎來一大波 javascript 的最新標準,還有一些文法糖。ES6 中有很多值得我們關注的東西,下面是我發現的一些我們最常用的一些新特性,進行記錄一下。1.
Time of Update: 2016-03-13
ES6中如何使用Set和WeakSet,es6setweaksetES6中提供了兩新資料結構-Set和WeakSet。Set是類似於數組,但是成員變數的值都是唯一的,沒有重複的值。WeakSet也是不重複的值的集合,但是只能用來存放對象。一、Set使用(1)Set本身提供了一個建構函式,用來產生Set資料結構。var s = new Set();[2,2,2,5,8,16,2,1].map(x => s.add(x))for(i of s){console.log(i)}//2,5,8,1
Time of Update: 2016-03-13
js滑動提示效果代碼分享,js滑動代碼分享本文執行個體為大家分享了js滑動提示效果,供大家參考,具體內容如下js代碼漂亮的動畫效果;在靠右上方:背景顏色為紅,字型顏色為白色 滑動 變大 上移 緩慢漸層消失function tishi() { $("#tishi").attr("style", "border: 1px solid #000;position: absolute; z-index: 10; width:200px; height:
Time of Update: 2016-03-13
基於javascript製作聊天面板,javascript聊天面板本文執行個體分享了javascript製作聊天面板的相關代碼,具體內容如下先吧點擊頭像更換說話對象,簡單說下實現原理,html中建立一個ul用於存放所有說話的內容,對話內容是有javascript 動態產生,主要痛點:先布局好css,當時奧巴馬發送時候,讓這個li有浮動,當是小胖時候,讓這個li左浮動。代碼:<!DOCTYPE html><html lang="en"><head>
Time of Update: 2016-03-13
javascript html5 canvas實現可拖動省份的中國地圖,html5canvas本文執行個體分享了html5 canvas可拖動省份的中國地圖實現方法,供大家參考,具體內容如下1.資料擷取畫地圖需要省份邊界座標,理論上可以每次都用百度API擷取資料並繪圖,但為了增加效率,首先將所有座標都擷取下來並存入資料庫中。建立省份資料數組複製代碼 代碼如下:var allZoneData = [{'name':'遼寧省','been':'yes','id':'01'},<span
Time of Update: 2016-03-13
JavaScript製作簡單的日曆效果,javascript製作日曆本文執行個體為大家分享了<!DOCTYPE html><html> <head> <meta charset="gb2312"> <title></title> </head> <body> <script> document.write("<table>");
Time of Update: 2016-03-13
jQuery Html控制項基本操作(日常收集整理),jquery基本操作閑來無聊,收集總結一下jQuery常用操作,希望對新手有用。基於jquery 1.3.2<!--<script type="text/javascript" src="jquery/jquery-1.3.2.js"></script>--><!--<script
Time of Update: 2016-03-13
Angularjs中使用Filters詳解,angularjsfiltersFilter作用就是接收一個輸入,通過某個規則進行處理,然後給使用者返回處理後的結果。Filter可以用在模板、控制器、或者服務,同時也會很容易自訂一個Filter過濾器。在模板中使用FilterFilter可以用於在視圖模板中使用一下文法運算式:{{ expression | filter }}例如:格式{{ 12 | currency }}是使用currency的filter用法,讓數字12過濾為貨幣形式,結果是$1
Time of Update: 2016-03-13
詳解AngularJS過濾器的使用,詳解angularjs過濾器AnularJS的過濾器用來格式化需要展示給使用者的資料,有很多實用的內建過濾器,也可以自己編寫。在HTML中的模板綁定符號{{ }}內通過|符號來調用過濾器。例如,假設我們希望將字串轉換成大寫,可以對字串中的每個字元都單獨進行轉換操作,也可以使用過濾器:{{ name | uppercase }}在JavaScript代碼中可以通過$filter來調用過濾器。例如,在JavaScript代碼中使用lowercase過濾器:app.
Time of Update: 2016-03-13
JavaScript操作HTML DOM節點的基礎教程,javascriptdom因為 DOM 的存在,這使我們可以通過 JavaScript 來擷取、建立、修改、或刪除節點。NOTE:下面提供的例子中的 element
Time of Update: 2016-03-13
JavaScript中setTimeout和setInterval函數的傳參及調用,setinterval調用函數如何向 setTimeout 、 setInterval 傳遞參數看如下代碼:var str = 'aaa'; var num = 2; function auto(num){ alert(num); } setTimeout('auto(num)',4000);
Time of Update: 2016-03-12
SASS,sass教程Sass (Syntactically Awesome StyleSheets)Sass 是對 CSS 的擴充,讓 CSS 語言更強大、優雅。 它允許你使用變數、嵌套規則、 mixins、匯入等眾多功能, 並且完全相容 CSS 文法。 Sass 有助於保持大型樣式表結構良好, 同時也讓你能夠快速開始小型項目, 特別是在搭配 Compass 樣式庫一同使用時。CSS前置處理器,重量級底層,有強大的庫。基於Ruby。 官網:http://sass-
Time of Update: 2016-03-12
從零開始寫一款javascript外掛程式(一)——tab選項卡上一次寫了《從零開始學習製作H5情境應用》系列,反響還算好,所以趁最近不是太忙,繼續新的系列,從零開始寫javascript外掛程式。今天,先從最簡單的開始,將已有的一個Tab選項卡切換功能改寫成javascript外掛程式形式。原生函數寫法將一個javascript方法改寫為js外掛程式最簡單的方式就是將這個方法掛載到window全域對象下面我們先來看看最原始的使用函數寫法的代碼:tab.html<code