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
javascript事件綁定學習要點,javascript事件綁定事件綁定分為兩種:一種是傳統事件綁定(內聯模型,指令碼模型),一種是現代事件綁定(DOM2級模型)。現代事件綁定在傳統綁定上提供了更強大更方便的功能。一 傳統事件綁定的問題傳統事件綁定中的內聯模型不做討論,基本很少去用。先來看一下指令碼模型,指令碼模型將一個函數賦值給一個事件處理函數。傳統綁定如:window.onload=function(){ var box=document.getElementById('box');
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
angularjs表格ng-table使用備忘錄,angularjsng-table項目中用到angularjs的表格ng-table,功能相當強大,像搜尋、排序、checkbox、分頁、每頁表格顯示數目等都有。API,demo什麼的也只能參考官網了。這裡做個備忘,哪天肯定還會用到。HTML:<!DOCTYPE html><html><meta charset="utf-8"/><head> <script
Time of Update: 2016-03-13
Nodejs如何複製檔案,Nodejs複製檔案前端童鞋都知道,javascript是沒有許可權操作磁碟檔案的,server童鞋一向都很鄙視。但是nodejs可謂讓咱們前端揚眉吐氣啊,最近在學node,其強大的功能讓人異常激動和興奮。今天就學習了它怎麼讀寫檔案。首先需要引入fs模組,這是nodejs內建的。var fs=require("fs");具體可參考Nodejs
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
javascript html5移動端輕鬆實現檔案上傳,html5輕鬆實現PC端上傳檔案多半用外掛程式,引入flash都沒關係,但是移動端要是還用各種冗餘的外掛程式估計得被噴死,項目裡面需要做圖片上傳的功能,既然H5已經有相關的介面且相容性良好,當然優先考慮用H5來實現。用的技術主要是: ajax FileReader FormDataHTML結構:<div class="camera-area"> <form
Time of Update: 2016-03-13
詳解AngularJS控制器的使用,詳解angularjs控制器控制器在Angularjs中的作用是增強視圖,它實際就是一個函數,用來向視圖中的範圍添加額外的功能,我們用它來給範圍對象設定初始狀態,並添加自訂行為。當我們在頁面上建立一個控制器時,Angularjs會產生並傳遞一個$scope給這個控制器,由於Angularjs會自動執行個體化控制器,所以我們只需要寫建構函式即可。下面的例子展示了控制器初始化:function my Controller($scope){ $scope.msg="
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
關於Bootstrap彈出框無法調用問題的解決辦法,bootstrap解決辦法問題描述寫項目中使用到了前端架構bootstrap,提供的功能很強大! bootstrap學習然而在用bootstrap提供的彈出框組件時,彈出框怎麼也彈不出! 按理說應該這樣: 官方給出的範例是這樣寫的:<!DOCTYPE html><html><head><title>Bootstrap 執行個體 -
Time of Update: 2016-03-13
WordPress 單頁面上一頁下一頁的實現方法【附代碼】,wordpress上一頁WordPress的文章頁頁有實現上一篇下一篇的功能函數,不過我們想在單頁page.php裡面實現上一頁下一頁的功能,previous_post_link()和next_post_link() 函數還不能完全滿足我的需要,所以就自己寫函數實現。頁面有分級功能,需求是按 menu order 排序的子級頁面之間有上一篇、下一篇連結,如:Themes(父級頁面)---- zBench(子級頁面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
js實現上一頁下一頁的效果【附代碼】,js上一頁Javascript 返回上一頁:1. history.go(-1), 返回兩個頁面: history.go(-2);2. history.back().3. window.history.forward()返回下一頁4. window.history.go(返回第幾頁,也可以使用訪問過的URL)例:複製代碼 代碼如下:<a
Time of Update: 2016-03-13
js實現頁面跳轉的五種方法推薦,js頁面跳轉五種js實現頁面跳轉的五種方法推薦第一種:複製代碼 代碼如下:<script language="javascript" type="text/javascript"> window.location.href="xx.jsp?backurl="+window.location.href; </script> 第二種: 複製代碼 代碼如下:<script language="javascript">
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
基於jQuery日曆外掛程式製作日曆,jquery日曆外掛程式來看下最終吧:是長得醜了一點,不要吐槽我-。-首先來說說這個日曆主要的製作邏輯吧:·一個月份最多有31天,需要一個7X6的表格去裝載·如果知道了某個月份1號是星期幾,這個月份有多少天,一個迴圈就可以顯示某個月的日曆了吧(眼睛都放光了*.*)·加上一些控制項讓使用者可以方便操作吧(比如可以輸入年份、月份,可以點擊選擇年份、月份)建立一個html檔案,html結構:<div class="container">
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-13
JavaScript進階程式設計(第三版)學習筆記6、7章,javascript學習筆記第6章,物件導向的程式設計對象:1、資料屬性configurable,表示能否通過delete刪除屬性從而重新定義屬性,能否修改屬性的特性,或能否把屬性修改為訪問器屬性,預設為trueenumerbale,表示能否通過for-in訪問屬性,預設truewritable,表示能否修改屬性值,預設truevalue,資料存放區位置,預設undefined修改預設屬性特性:Obj