Time of Update: 2017-01-19
js 如何過濾字串裡中文或空格呢?方法有很多種,我們可以使用替換與Regex來實現,本文向大家介紹兩個簡單的例子,感興趣的朋友可以參考一下。1.javascript過濾空格:function moveSpace() {var str = " abc defg";alert(str.replace(/[ ]/g, ""));}moveSpace(); 2.javascript過濾中文:var title ="字串zifuchuan"var reg=/[u4E00-u9FA5]/g;var
Time of Update: 2017-01-19
本文為大家分享了一個炫酷的js日曆控制項,供大家參考,具體內容如下引用JSLit.js 下載 JSLite.io,相容 JSLite 和 jQuery安裝方法頁面引用 JSLite 或者jQuery<div id="JSLiteCalenbar4"><input type="text"></div><script type="text/javascript" src="../JSLite.js"></script><script
Time of Update: 2017-01-19
經常在網站別人的網站的註冊頁中看到一個拖拽驗證的效果,就是它的驗證碼剛開始不出來,而是有一個拖拽的條,你必須將這個拖拽條拖到底,驗證碼才出來,說了感覺跟沒說一樣,你還是不理解,好吧,我給個圖你看看:這個是在萬網的註冊頁中所截的圖,大概的效果就是,當拖動那個拖拽框時,如果拖拽框沒有拖到最右邊,則拖拽框會移動到初始位置,如果拖動到最右邊,則拖拽框顯示為對勾,中間的文字也變了,但是我試了一下,他的驗證碼的框沒有出來,不知道是改了還是怎麼的,我沒有繼續點擊確定往下進行,那不是我們要講的重點,我就在他的代
Time of Update: 2017-01-19
之前文章中也講了一下拖拽的基本思想,理論是有了,那實踐呢,可以運用到什麼地方呢?下面就給大家帶來一個用拖拽思想寫的一個小執行個體,供大家參考,大致效果看下圖:就是這樣一個簡單的一個拖拽條,你可以把它理解為捲軸,也可以理解為表單中的數量選擇控制項,也可以理解為進度條,等等,反正你可以改成很多你想要的效果,廢話不多說,我們來看看這個是怎麼做的吧!想了想,感覺原理就不用說了吧,我在拖拽效果中就已經說的很清楚了,不清楚的同學可以出門左轉,查看 javascript小執行個體,PC網頁裡的拖拽
Time of Update: 2017-01-19
JavaScript 有Date、Array、String等這樣的內建對象,功能強大使用簡單,人見人愛,但在處理一些複雜的邏輯的時候,內建對象就很無力了,往往需要開發人員自訂對象。從JavaScript定義上講對象是無序屬性的集合,其屬性可以包含基本值、對象或函數。也就是說對象是一組沒有特定順序的屬性,每個屬性會映射到一個值上,是一組索引值對,值可以是資料或對象。對象是JavaScript的基礎資料型別 (Elementary Data
Time of Update: 2017-01-19
前言最近為了換工作,準備下面試,開始回顧複習JavaScript相關的知識,昨天下午想到了數組去重的相關方法,乾脆整理出幾篇JavaScript演算法文章,以備後用,此系列文章不定篇數,不定時間,想到哪寫到哪,不保證正確性,不保證高效率,只是談談個人理解,如有錯誤,請諸位斧正。關於去重數組去重是一個比較常見的演算法考察點,實現去重的方式無外乎通過唯一性和非唯一性。簡單來講就是挑出唯一的或者刪除不唯一的。以下所有演算法都是我自己瞎命名的,請無視之。迴圈匹配去重顧名思義,就是把數組中的每一個元素都和
Time of Update: 2017-01-19
ES6(ECMAScript
Time of Update: 2017-01-19
在JavaScript中,call、apply和bind 是Function對象內建的三個方法,這三個方法的主要作用是改變函數中的this指向,從而可以達到`接花移木`的效果。本文將對這三個方法進行詳細的講解,並列出幾個經典應用情境。 call(thisArgs [,args...])該方法可以傳遞一個thisArgs參數和一個參數列表,thisArgs指定了函數在運行期的調用者,也就是函數中的this對象,而參數列表會被傳入調用函數中。thisArgs的取值有以下4種情況:(1)
Time of Update: 2017-01-19
1、比較兩個日期先後 var x = new Date('2015-05-25'); var y = new Date('2015-05-25'); if (x.getTime() == y.getTime()) { It'll be true; } 2、是否在兩個日期之間 var beforeSpringDate, afterSpringDate; for (var i = 0; i < springFestivalDays.length; i++) {
Time of Update: 2017-01-19
1、為什麼要擷取undefined?因為undefined在javascript中不是保留字,可以被使用者當做變數來賦值,這樣如果我們後期需要用到undefined來檢測一個變數的話,那麼檢測的值就不準確了;舉個栗子:var undefined=10;function sum(a,b){ if(a===undefined||b===undefined){ console.log("參數不正確"); }18101130357 return
Time of Update: 2017-01-19
幾年前,我參與設計開發一個房產網的項目,我負責前端工作,由於專案經理要求比較高,參考了很多房產類網站比較優秀的功能,想把別人比較優秀的設計和想法集合到一起,那時的設計稿和功能實現,簡直就是改了又改,今天做好的一個很好的效果,可能第二天就要推到重來,算了,不說這些了,還是說說我們今天要講解的案例吧,不知道大家訪問過搜房網沒有(完全沒有做廣告之嫌,搜房網,可以給點廣告費不),其中有一個功能產品經理特別喜歡,那,就是下面的這個:這是現在的效果,可能改了一些,原來的效果是,裡面的這張圖是可以上下左右拖動
Time of Update: 2017-01-19
本文執行個體分享了html5 canvas可拖動省份的中國地圖實現方法,供大家參考,具體內容如下1.資料擷取畫地圖需要省份邊界座標,理論上可以每次都用百度API擷取資料並繪圖,但為了增加效率,首先將所有座標都擷取下來並存入資料庫中。建立省份資料數組複製代碼 代碼如下:var allZoneData = [{'name':'遼寧省','been':'yes','id':'01'},<span style="font-family: Arial, Helvetica, sans-serif;"
Time of Update: 2017-01-19
ECMAScript只支援實現繼承,而且其實現繼承主要是依靠原型鏈來實現的。原型鏈原型鏈的基本思想是利用原型讓一個參考型別繼承另一個參考型別的屬性和方法。每一個建構函式都有一個原型對象,原型對象都包含一個指向建構函式的指標,而執行個體都包含一個指向原型對象的指標。如果:我們讓原型對象A等於另一個類型B的執行個體,那麼原型對象A就會有一個指標指向B的原型對象,相應的B的原型對象中儲存著指向其建構函式的指標。假如B的原型對象又是另一個類型的執行個體,那麼上述的關係依舊成立,如此層層遞進,就構成了執行
Time of Update: 2017-01-19
表單驗證為終端使用者檢測無效的資料並標記這些錯誤,是一種使用者體驗的最佳化。下面展現瀏覽器內建的驗證功能也可在移動端中查看:HTML部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
Time of Update: 2017-01-19
本文執行個體講述了JavaScript實現簡潔的俄羅斯方塊。分享給大家供大家參考,具體如下:先來看看運行效果圖:完整執行個體代碼如下:<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>俄羅斯方塊</title><style type="text/css"> .
Time of Update: 2017-01-19
事件對象是用來記錄一些事件發生時的相關資訊的對象。事件對象只有事件發生時才會產生,並且只能是事件處理函數內部訪問,在所有事件處理函數運行結束後,事件對象就被銷毀! W3C DOM把事件對象作為事件處理函數的第一個參數傳入進去
Time of Update: 2017-01-19
瞭解RegExp類型:ECMAScript通過RegExp類型來支援Regex。 var expression=/pattern/flags; Regex的模式(pattern)部分:可以是任何簡單或複雜的Regex,可以包含字元類,限定符,分組,向前尋找,反向引用。 關於Regex中各種特殊字元(如 \,^,$,\w,\b 等)的含義可以參考 MDN Regex-特殊字元
Time of Update: 2017-01-19
JavaScript 可用來在資料被送往伺服器前對 HTML 表單中的這些輸入資料進行驗證。該採用什麼樣的方式對使用者作出提醒呢?你一定不想用alert()提示框在輸入欄位後加一個sqan標籤<input id="phone" name="phone" type="text" size="12" onBlur="validateNonEmptyFun(this,document.getElementById('phone_help'));" /><span id="phone_
Time of Update: 2017-01-19
本文執行個體為大家分享了javascript實現九九乘法表的相關代碼,具體內容如下<script type="text/javascript"> var sum=0; var wite; for (var i = 1; i < 10; i++){ var div=$('<div class="class'+i+'"></div>'); $("body").append(div); for(var j =
Time of Update: 2017-01-19
javascript中的範圍(scope)和上下文(context)是這門語言的獨到之處,這部分歸功於他們帶來的靈活性。每個函數有不同的變數上下文和範圍。這些概念是javascript中一些強大的設計模式的後盾。然而這也給開發人員帶來很大困惑。下面全面揭示了javascript中的上下文和範圍的不同,以及各種設計模式如何使用他們。上下文(Context)和範圍(Scope)首先需要知道的是,上下文和範圍是兩個完全不同的概念。多年來,我發現很多開發人員會混淆這兩個概念(包括我自己),