Time of Update: 2017-01-13
Notification API 是瀏覽器的通知介面,用於在使用者的案頭上顯示通知資訊,案頭電腦和手機都適用。具體的實現形式由瀏覽器自行部署,對於手機來說,一般顯示在頂部的通知欄。如果網頁代碼調用這個API,瀏覽器會詢問使用者是否接受。只有在使用者同意的情況下,通知資訊才會顯示。一. 檢查瀏覽器是否支援 Notification API:if (window.Notification) { // 支援} else { //
Time of Update: 2017-01-13
avaScript可以說是當今使用最為廣泛的語言,雖然是用戶端瀏覽器指令碼,但是使用JavaScript可以完成很多意想不到的效果,由於編程人員的良莠不齊,會出現不可避免的冗餘代碼。在JavaScript避免建立多餘的變數和代碼一般來說,我討厭程式編碼產生多餘的變數和代碼,一如WordPress所推崇的“代碼如詩”,一段簡短整潔的代碼看著讓人很舒服,一段代碼,從建立代碼開始到代碼結束,聲明了很多變數,其實是不必要的,下面我分享幾段代碼,來詳細的談談這個話題。Array.prototype.for
Time of Update: 2017-01-13
他們堅信有一點,如果你建立一個屬性對象,或者建立三維全域變數,這是任何人都公平的遊戲。然而,一些非常簡單的模式,你可以使用JavaScript來保護在訪問一個給定的對象或變數的私人!Classes你可能知道在JavaScript中是不存在真實的類的,但使用功能和原型,我們可以類比非常好。使用這種模式,你也可以類比私人變數:function MyClass(parameter) { // Create the&n
Time of Update: 2017-01-13
間歇調用在JavaScript中間歇調用很常見,setInterval,就是間隔一定的時間重複調用。setInterval()方法接收兩個參數:第一個參數可以是字串,也可以是函數,第二個參數是一個以毫秒為單位的數字,表示重複間隔的時間長度。參數是字串當第一個傳遞參數是字串時,如下:setInterval("alert('this is a
Time of Update: 2017-01-13
事件流指的是頁面中接收事件的順序,IE,Firefox和chrome瀏覽器都是事件冒泡,所謂是事件冒泡指的是事件最開始由最具體的元素接收,然後逐級向上傳播到不具體的節點。而事件捕獲則正好相反,事件捕獲是由Netscape提出的,事件冒泡和捕獲具體如下圖所示:雖然事件捕獲是Netscape唯一支援的事件流模型,但目前IE9,Firefox和Google也都支援這種事件流模型。事件冒泡的好處因為事件具有冒泡機制,因此我們可以利用冒泡的原理,把事件加到父級上,觸發執行效果。這樣做的好處當然就是提高效能
Time of Update: 2017-01-13
封裝: 把相同功能的代碼丟到一個函數中,重複調用。封裝css函數 : 1,可以擷取元素的樣式
Time of Update: 2017-01-13
this是Javascript語言的一個關鍵字。它代表函數運行時,自動產生的一個內部對象,只能在函數內部使用。比如, function test(){ this.x = 1; }隨著函數使用場合的不同,this的值會發生變化。但是有一個總的原則,那就是this指的是,調用函數的那個對象。下面分四種情況,詳細討論this的用法。情況一:純粹的函數調用這是函數的最通常用法,屬於全域性調用,因此this就代表全域對象Global。請看下面這段代碼,它的運行結果是1。 function
Time of Update: 2017-01-13
眾所周知,由於前端javascript對跨域訪問做了安全限制,javascript只能訪問與包含它的文檔在同一域下的內容。而實際編碼時我們會遇到使用iframe跨域訪問、Ajax跨域通訊等操作,這個時候如何突破跨網域作業的問題,本文將結合執行個體講述解決方案。iframe不同子域通訊在同一主域不同子域如何進行Javascript調用?這個問題好解決,例如現有主域111cn.net和子域abc.111cn.net,在111cn.net有一個頁面嵌入iframe的指向了abc.111cn.net下的
Time of Update: 2017-01-13
Javascript變數類型實值型別: 字串、數字、布爾、Null、Undefined參考型別: 數組、對象、函數實值型別與參考型別的比較通過兩個執行個體來比較這兩種類型 (調試環境: Chrome 開發人員工具 Console)實值型別執行個體var a = 'hello';var b = a;b; /* hello */a = 'world';b; &
Time of Update: 2017-01-13
一直以來,我們都希望用js擷取準確的時間,也就是北京時間,當畢竟js是用戶端語言,只能擷取到本地的時間,而這個在我們做項目的時候往往是不準確的,我們無法保證使用者的電腦時間都是準確的,所以我們一般用伺服器端語言來擷取伺服器的時間。雖然,伺服器端語言擷取時間很輕鬆,但是對於前端開發人員來說沒有任何作用,他們需要用JS擷取準確的時間,下面就介紹一種使用JS擷取伺服器時間的方法:在背景程式把頁面元素傳遞給瀏覽器的時候會有一個Response
Time of Update: 2017-01-13
在JavaScript中,建立數組可以使用Array建構函式,或者使用數組直接量[],後者是首選方法。Array對象繼承自Object.prototype,對數組執行typeof操作符返回object而不是array。然而,[] instanceof Array也返回true。也就是說,類數組對象的實現更複雜,例如strings對象、arguments對象,arguments對象不是Array的執行個體,但有length屬性,並能通過索引取值,所以能像數組一樣進行迴圈操作。
Time of Update: 2017-01-13
JavaScript不僅門檻低,而且是一門有趣、功能強大和非常重要的語言。各行各業的人發現自己最混亂的選擇是JavaSscript程式設計語言。由於有著各種各樣的背景,所以不是每個人都對JavaScript及其基本原理有廣泛的認識。通常來書,除非你去參加工作面試才會去思考為什麼或者怎麼做,否則JavaScript只是你工作的內容。這個系類的目標是深入探討JavaScript的一些概念和理論。主題來自於 Darcy
Time of Update: 2017-01-13
匹配字元例如:京Z 12345 -京Z12345ZF 12345 -ZF12345臨時12345 臨時 12345規則:第一位:中文或字母第二位:字母或中文第三位可以是空格可以沒有後面跟字母或數字5-7個最終結果:$str="京時
Time of Update: 2017-01-13
並在標籤中引入:<script src =http://d3.v2.min.js></script>用D3實現資料視覺效果,首先需要定義資料。我們將採用json格式的資料。當然可以使用其他類型的資料。var data = {“east” : [ {"orderNum":12}, {"orderNum":20}, {"orderNum":30}, {"orderNum":
Time of Update: 2017-01-13
一、背景有兩個大項目是從RD那邊遷移過來,因為項目初期FE無人力跟進,所以都是後端同學直接用Smarty完成的前端部分;所以考慮到遷移的成本和方案,索性升級一下當前的JS模板引擎。二、大致方案支援extends標籤支援block標籤1、標籤文法為了便於模板詞法分析,在模板左定界符後加上@來標識,標籤名替換為屬性設定方式,如extends標籤:<%@ extends="layout/layout.html"
Time of Update: 2017-01-13
一般情況下,使用 “=” 可以實現賦值。但對於數組、對象、函數等這些參考型別的資料,這個符號就不好使了。1. 數組的簡單複製1.1
Time of Update: 2017-01-13
最簡單的
Time of Update: 2017-01-13
由於程式設計的緣故,很多時候我們希望使用者輸入的東西為英文符號,我們可以給使用者提示,但是我們又不能保證他們都會遵守,所以用js轉換中文符號為英文符號就變得迫切需要了。function changeDouHao(str){ str=str.replace(/,/ig,','); return str; } 這是一個轉換逗號的例子,使用了正則字串替換,同理可得function changeWenHao(str){
Time of Update: 2017-01-13
定義和用法random() 方法可返回介於 0 ~ 1 之間的一個隨機數。文法Math.random()傳回值0.0 ~ 1.0 之間的一個偽隨機數。開啟Node,進入終端命令列模式,輸入Math.random(): >Math.random() 0.436846193857491結果是不是依舊如同往常一樣稀鬆平常的小於1的一個偽隨機數跳了出來呢。
Time of Update: 2017-01-13
一段代碼,瞭解靜態方法和執行個體方法:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">