Time of Update: 2015-05-22
標籤:概述 Regex被用來檢索、替換那些符合某個模式的文本 標準Regex文法 javascript對Regex的支援 替代寫法 逆向環視//需求:替換mpre.cnsuning.com為${pre},
Time of Update: 2015-05-06
標籤:1.1 函數與對象 1.定義函數的方式定義類 定義類的方法: function class1(){ //類成員的定義及建構函式部分 } class1既是一個函數,也是一個類。 使用 new 操作符獲得一個類的執行個體new 操作符,不僅對JavaScript的內部對象有效,同樣可以用於自訂的類來擷取一執行個體。例如:1 var obj1=new
Time of Update: 2015-05-26
JS和css實現檢測行動裝置方向的變化並判斷橫豎螢幕 這篇文章主要介紹了JS和css實現檢測行動裝置方向的變化並判斷橫豎螢幕,本文分別給出實現代碼,需要的朋友可以參考下 方法一:用觸發手機的橫屏和豎屏之間的切換的事件 代碼如下: window.addEventListener("orientationchange", function() { // 宣布新方向的數值 alert(window.orientation); },
Time of Update: 2015-04-23
jQuery捲軸外掛程式nanoscroller使用指南,jquerynanoscroller網站在展示資訊時,如果資訊量過大,解決方案主要有三種。1.分頁,將資訊分頁顯示。2.整頁顯示,但是頁面過長,影響瀏覽體驗。3.使用捲軸,而預設捲軸樣式太單一,使用者體驗不友好。所以我們需要美化捲軸。美化捲軸最簡單的方式就是使用jquery外掛程式,本文介紹的就是jquery外掛程式中的捲軸外掛程式nanoscroller.官方展示,樣式可自訂1.nanoscroller外掛程式功能對內容實現滾動功能2.
Time of Update: 2015-03-26
使用JavaScript 實現的臉部偵測,javascript人臉我一直對視頻和圖片中的人臉標記、檢測和Face Service技術高度興趣。儘管我知道擷取邏輯和演算法去開發Face Service軟體或者外掛程式已經超出了我的想象。當我知道Javascript庫可以識別微笑,眼睛和臉部結構時,我得到啟發去寫一個教程。有許多的庫,這些庫要不就是純粹的基於Javascript的,要不就是基於java語言的。今天,我們開始學習tracking.js,它是一個由Eduardo
Time of Update: 2015-03-11
jQuery實現切換字型大小的方法,jquery切換字型大小本文執行個體講述了jQuery實現切換字型大小的方法。分享給大家供大家參考。具體實現方法如下:複製代碼 代碼如下:$.fn.switchSize = function(settings) {// defaults settingssettings = $.extend({ container: 'body', arrSizeClass: ['small',
Time of Update: 2015-02-13
jquery判斷一個div的邊界是否超出另外一個div的邊界摘要:本文簡單介紹jquery判斷一個div的邊界是否超出另外一個div的邊界,如果超出邊界做出相應的處理。 1、實現效果判斷前判斷後2、實現思路實作類別似的判斷,主要是擷取兩個div在瀏覽器中的上下左右的四至,在jquery中,可以通過div.offset().left和div.offset().top擷取div在瀏覽器中的絕對位置的left和top值;div在瀏覽器中的絕對位置的right和bottom為div的left+
Time of Update: 2015-02-04
jQuery及JS實現迴圈中暫停方法,jqueryjs迴圈暫停本文執行個體講述了jQuery及JS實現迴圈中暫停方法。分享給大家供大家參考。具體分析如下:問題:jquery對數組進行迴圈,如果要求每次迴圈的時候暫停2秒鐘,在使用jQuery的.earch迴圈的時候,無論怎麼設定,都不會暫停。setTimeout也只是在第一次執行的時候暫停。原因猜測:js開始執行多線程?改進:改為setInterval來控制迴圈,達到數組最大值的時候,clearInterval取消迴圈。以下是jQuery代碼:&
Time of Update: 2015-02-04
jQuery實現跟隨滑鼠運動圖層效果的方法,jquery跟隨本文執行個體講述了jQuery實現跟隨滑鼠運動圖層效果的方法。分享給大家供大家參考。具體分析如下:一、基本目標寫一個跟隨滑鼠運動的圖層,圖層中顯示當前滑鼠的位置,如所示:此圖層之所以使用jQuery,而不是因為javascript,是因為jQuery的代碼其便於相容當前的所有主流的瀏覽器,至少IE8是沒有任何問題的,不用像javascript大段大段的代碼都用到相容性上面了。二、製作過程本次實驗的核心是jquery裡面的mousemov
Time of Update: 2015-01-31
JSON格式的鍵盤編碼對照表,json編碼對照表整理了一份JSON格式的鍵盤編碼對照表。歡迎轉載,但請註明出處,謝謝!{ VK_BACK: 8, //退格鍵 VK_TAB: 9, //TAB鍵 VK_RETURN: 13, //斷行符號鍵 VK_SHIFT: 16, //Shift鍵 VK_CONTROL: 17, //Ctrl鍵 VK_MENU: 18, //Alt鍵 VK_PAUSE: 19, //Pause Break鍵
Time of Update: 2015-01-30
Jquery 實現checkbox全選方法,jquerycheckbox昨天早上有寫到怎麼利用Jquery實現全選根據大家的意見對程式中一些寫法不好的地方進行了修改,也是本人水平有限,存在各種考慮不到的地方。文章最後我提出了一個問題,要寫一個通用的方法來調用,於是就有了現在的這篇文章,晚上回到家,我就寫出了效果下面的例子可以供大家討論學習,如果覺得不錯也可以直接應用到項目中。1:為什麼要寫這個方法
Time of Update: 2015-01-20
JS操作JSON總結 JSON(JavaScript Object Notation) 是一種輕量級的資料交換格式,採用完全獨立於語言的文字格式設定,是理想的資料交換格式。同時,JSON是JavaScript 原生格式,這意味著在 JavaScript 中處理 JSON資料不需要任何特殊的 API 或工具包。 本文主要是對JS操作JSON的方法做下總結。在JSON中,有兩種結構:對象和數組。 1. 一個對象以“{”(左括弧)開始,“}”(
Time of Update: 2015-01-18
jQuery老黃曆完整實現方法,jquery老黃曆實現本文執行個體講述了jQuery老黃曆實現方法。分享給大家供大家參考。具體實現方法分析如下:先來看看程式運行效果:html頁面部分如下:複製代碼 代碼如下:<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html;
Time of Update: 2015-01-12
js擷取會話框prompt的傳回值的方法,jsprompt本文執行個體講述了js擷取會話框prompt的傳回值的方法。分享給大家供大家參考。具體分析如下:擷取會話框prompt的傳回值,見例子:複製代碼 代碼如下:<html><head><script type="text/javascript">if(prompt("請輸入密碼","") ==
Time of Update: 2015-01-08
javascript實現全形與半形字元的轉換,javascript全形先上代碼,再說廢話^_^複製代碼 代碼如下:/** * 轉全形字元 */function toDBC(str){ var result = ""; var len = str.length; for(var i=0;i<len;i++)
Time of Update: 2015-01-07
json實現前背景相互傳值詳解,json實現後台詳解前背景相互傳值如果值太多,寫的麻煩累人,且容易出錯。這裡整理出一套使用標記 標籤屬性的辦法來傳值, 後台取值和前台的綁定都有了大大的簡化。一、把json對象轉成字串複製代碼 代碼如下:$.extend({ //將json對象轉換成字串
Time of Update: 2015-01-06
12個來自 Codrops 的創新互動和動畫效果,codrops互動 產品的使用者體驗是否被使用者所接受,很大一部分取決於互動介面的設計,互動介面設計是整個產品設計中的核心,對於產品品質有著決定性的影響。這裡集合了12個來自 Codrops 的創新的介面互動和動畫效果,值得我們去研究和使用。 溫馨提示:為保證最佳的效果,請在 IE10+、Chrome、Firefox 和 Safari 等現代瀏覽器中瀏覽。您可能感興趣的相關文章Web 前端開發人員和設計師必讀文章集錦經典網頁設計:
Time of Update: 2014-11-14
Nibbler – 免費的網站測試和指標評分工具,nibbler Nibbler 是一款免費的工具,用於測試網站的各個方面指標。輸入任意網站的地址,Nibbler 會給你一份報告,列出網站的10個關鍵領域的分數,包括可訪問性,使用者體驗,搜尋引擎最佳化,社交媒體和技術等等。 試用一下 您可能感興趣的相關文章網站開發中很有用的 jQuery 效果【附源碼】分享35個讓人驚訝的 CSS3 動畫效果示範十分驚豔的8個 HTML5 &
Time of Update: 2014-11-02
JsRender for index迴圈索引用法詳解,jsrender索引本文執行個體講述了JsRender for
Time of Update: 2014-10-30
javascript設定連續兩次點擊按鈕時間間隔的方法,javascript連續兩次本文執行個體講述了javascript設定連續兩次點擊按鈕時間間隔的方法,分享給大家供大家參考。具體實現方法如下:很多時候我們在實際應用中,可能並不希望按鈕聯絡被不間斷的點擊,所以要限定一定的時間間隔才能夠再次點擊按鈕,下面就通過代碼執行個體介紹一下如何?此功能,代碼如下:複製代碼 代碼如下:<!DOCTYPE html> <html> <head> <meta