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
前言最近為了換工作,準備下面試,開始回顧複習JavaScript相關的知識,昨天下午想到了數組去重的相關方法,乾脆整理出幾篇JavaScript演算法文章,以備後用,此系列文章不定篇數,不定時間,想到哪寫到哪,不保證正確性,不保證高效率,只是談談個人理解,如有錯誤,請諸位斧正。關於去重數組去重是一個比較常見的演算法考察點,實現去重的方式無外乎通過唯一性和非唯一性。簡單來講就是挑出唯一的或者刪除不唯一的。以下所有演算法都是我自己瞎命名的,請無視之。迴圈匹配去重顧名思義,就是把數組中的每一個元素都和
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
自己編寫了一個表單驗證外掛程式,使用起來很簡單,以後還可以擴充更多的功能,比如ajax驗證。每個需要驗證的表單元素下面有一個span標籤,這個標籤的class有一個valid表示需要驗證,如果有nullable則表示可為空白;rule表示驗證規則,msg表示錯誤提示資訊;to表示要驗證的元素的name值,如果元素是單個的,to可以不寫。該外掛程式會遍曆每個有valid的span標籤,找出它前面需要驗證的元素,根據rule驗證,如果驗證不通過,則顯示邊框為紅色,滑鼠放在元素上時顯示錯誤資訊。&nb
Time of Update: 2017-01-19
廢話不多說,直接拿乾貨!先說說這個執行個體的要求:寫一個方法實現數組的去重。(要求:執行方法,傳遞一個數組,返回去重後的新數組,原數組不變,實現過程中只能用一層迴圈,雙層嵌套迴圈也可寫,只做參考);先給初學者解釋一下什麼叫數組去重(老鳥跳過):意思就是講數組裡面重複的元素去掉,比如說var arr = [3,2,4,2,1,2]; 數組去重得到的新數組是
Time of Update: 2017-01-19
幾年前,我參與設計開發一個房產網的項目,我負責前端工作,由於專案經理要求比較高,參考了很多房產類網站比較優秀的功能,想把別人比較優秀的設計和想法集合到一起,那時的設計稿和功能實現,簡直就是改了又改,今天做好的一個很好的效果,可能第二天就要推到重來,算了,不說這些了,還是說說我們今天要講解的案例吧,不知道大家訪問過搜房網沒有(完全沒有做廣告之嫌,搜房網,可以給點廣告費不),其中有一個功能產品經理特別喜歡,那,就是下面的這個:這是現在的效果,可能改了一些,原來的效果是,裡面的這張圖是可以上下左右拖動
Time of Update: 2017-01-19
推薦閱讀:JavaScript學習筆記之數組的增、刪、改、查通過最近學習,越來越感覺JavaScript的強大與魅力之處,僅數組一個知識點就讓我這樣的初學者折騰了很久。折騰是折騰,但還是很有效果的,這幾天的學習到的一些基本知識,就在自己的業務就用到了。頓感自信心爆棚,我也有一天能學會JavaScript。別的不多說了,咱們今天一起來玩數組的求和,看看有哪些方法可以實現數組的求和。數組方法JavaScript中數組有很多種方法,下圖能更好的向你闡述JavaScript有多少種方法,作用是啥:簡單點
Time of Update: 2017-01-19
本文執行個體為大家分享了js實現幸運抽獎九宮格大轉盤效果,供大家參考,具體內容如下實現代碼:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>九宮格大轉盤</title> <style type="text/css">/*reset*/*{ padding:0; margin:0}body{ height: 100%; width: 100%;
Time of Update: 2017-01-19
本文執行個體編寫的一個小遊戲,基於HTML5中的canvas。遊戲主要是小球反彈擊打小方塊。在代碼中主要實現了小方塊的產生,鍵盤鍵事件的監聽,小球的移動和碰壁之後的反彈以及怎樣消除小方塊等方法。代碼使用到了一個js指令碼庫遊戲開發流程:1、建立畫布:將畫布放在div標籤裡面,這樣可以控制畫布置中的位置,再對div標籤加上一些樣式比如border和border-radius,這樣一來使其看上去像手機,利於觀看。<div id="main">
Time of Update: 2017-01-19
本文為大家分享了做360度的全景相片的詳細步驟,其中要注意以下幾個問題:1、如何在拖圖片時,使其載入變快?---注意讓圖片隱藏的效能比讓圖片切換的效能高,且在IE9下運行,會出現圖片載入的問題2、如何使圖片帶有一定的速度轉3、考慮如果x為負數和負數兩種情況代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2017-01-19
本文總結一下,拖拽所延伸出來的一些效果,供大家參考,具體內容如下1.實現拖拉圖片時,帶框的效果。即當滑鼠拖動某一個圖片或物體時,其原有位置扔保留其型。這種效果,其實很簡單,主要是另外建立一個物體,使其與被拖拽的物體,寬和高一樣,然後,將其變為拖拽的對象。直接上代碼:<html<head><style>#div1 {width:100px; height:100px; background:yellow; position:absolute;}.box{border:
Time of Update: 2017-01-19
檔案上傳功能現在是越來越普遍,所有的社交網站,媒體網站,比如優酷視頻,微博等,都提供了上傳圖片,上傳視頻等功能。但過去WEB程式員都很清楚,用HTML表單上傳檔案是很麻煩的事情,特別是你想瞭解一下使用者上傳的檔案的一些屬性,必須等它上傳完成後才能知道。未知的東西上傳到伺服器上,有可能產生安全問題,也有可能體積太大,超過允許,浪費空間。現在好了,WEB技術在進步,HTML5帶來了很多好東西。這個FileReader
Time of Update: 2017-01-19
這是一篇關於javascript模組化AMD,CMD,CommonJS的學習總結,作為記錄也給同樣對三種方式有疑問的童鞋們,有不對或者偏差之處,望各位大神指出,不勝感激。本篇預設讀者大概知道require,seajs的用法(AMD,CMD用法),所以沒有加入使用文法。1、為何而生: 這三個規範都是為javascript模組化載入而生的,都是在用到或者預計要用到某些模組時候載入該模組,使得大量的系統巨大的龐雜的代碼得以很好的組織和管理。模組化使得我們在使用和管理代碼的時候不那麼混亂,而且
Time of Update: 2017-01-19
本文執行個體為大家分享了雪花飛舞效果javascript實現,供大家參考,具體內容如下原理:1、js動態建立DIV,指定CLASS類設定不同的背景圖樣式顯示不同的雪花效果。2、js擷取建立的DIV並改變其top屬性值,當下落的高度大於螢幕高後刪除該移動div3、好像不夠完善勿噴效果預覽:http://wjf444128852.github.io/demo02/snow/index.htmlHTML代碼:<!DOCTYPE html><html lang="en"><
Time of Update: 2017-01-19
在javascript中根據變數作用的範圍不同分為局部變數和全域變數,直接定義的變數是全域變數,全域變數可以被所有的指令碼訪問;在函數中定義的變數是局部變數,局部變數只在函數內有效。如果全域變數和局部變數使用相同的變數名,則局部變數將會覆蓋全域變數。例子代碼:<!DOCTYPE html> <html> <head> <meta charset="utf-8">
Time of Update: 2017-01-19
這篇文章主要為大家詳細介紹了動態載入JavaScript檔案的兩種方法,感興趣的小夥伴們可以參考一下第一種便是利用ajax方式,把script檔案代碼從背景載入到前台,而後對載入到的內容經過eval()實施代碼。第二種是,動靜建立一個script標籤,配置其src屬性,經過把script標籤插入到頁面head來載入js,相當於正在head中寫了一個<script src="..."></script>,只可是這個script標籤是用js動靜建立的
Time of Update: 2017-01-19
本文執行個體講述了JavaScript記錄游標在編輯器中位置的實現方法。分享給大家供大家參考,具體如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta
Time of Update: 2017-01-19
本文執行個體講述了JavaScript實現顯示函數呼叫堆疊的方法。分享給大家供大家參考,具體如下:許多大型的JavaScript應用程式間的函數調用關係是非常複雜的,在開發或者調試過程中,經常需要跟蹤某個函數是由哪些函數調用後才觸發執行的,弄清楚這些函數的調用順序對我們理解代碼的資料流向是非常重要的。Firebug提供了console.trace()來顯示函數堆棧,在需要調試的地方加上下面的一行代碼就能顯示該函數調用時的上下文關係。IE6就沒有這麼方便了,它沒有提供顯示函數堆棧的工具,當不可避免