Time of Update: 2017-01-18
在 ES6 中引入了一種新的字串字面量 — 模板字串,除了使用反引號 (`) 表示,它們看上去和普通的字串沒有什麼區別。在最簡單的情況下,他們就是普通的字串:context.fillText(`Ceci n'est pas une cha?ne.`, x, y); context.fillText(`Ceci n'est pas une cha?ne.`, x, y);之所以被稱為模板字串,是因為模板字串為 JS 引入了簡單的字串插值特性,也就是說,可以方便優雅地將 JS
Time of Update: 2017-01-18
今天討論的新特性讓我非常興奮,因為這個特性是 ES6 中最神奇的特性。這裡的“神奇”意味著什麼呢?對於初學者來說,該特性與以往的 JS 完全不同,甚至有些晦澀難懂。從某種意義上說,它完全改變了這門語言的通常行為,這不是“神奇”是什麼呢。不僅如此,該特性還可以簡化程式碼,將複雜的“回調堆棧”改成直線執行的形式。我是不是鋪墊的太多了?下面開始深入介紹,你自己去判斷吧。簡介什麼是 Generator?看下面代碼:function* quips(name) { yield "hello " +
Time of Update: 2017-01-18
下面通過代碼給大家講解下,具體請看下文:IE瀏覽器與非IE瀏覽器的區別是IE瀏覽器支援ActiveXObject,但是非IE瀏覽器不支援ActiveXObject。在IE11瀏覽器還沒出現的時候我們判斷IE和非IE經常是這麼寫的複製代碼 代碼如下:function isIe(){ return window.ActiveXObject ? true : false; }但是在IE11中上面判斷的返回的是false,我自己在IE11
Time of Update: 2017-01-18
設計思想 該方法的關鍵是Cookie技術和生動影像特性的綜合運用。使用Cookie,可以在使用者端的硬碟上記錄使用者的資料,下次訪問此網站時,即可讀取使用者端硬碟的Cookie,直接得知來訪者的身份和訪問次數等有關資訊。JavaScript中通過document.cookie屬性訪問Cookie,這個屬性包括名字、失效日期、有效網域名稱、有效URL路徑等。用等號分開的名字和其值是Cookie的實際資料,本例中用來儲存該訪問者訪問該頁面的次數。通過把Web頁中的影像地圖到一個Images數組,一
Time of Update: 2017-01-18
變數是用於儲存資訊的容器: x=5; length=66.10;還記得在學校裡學過的代數嗎?當您回憶在學校學過的代數課程時,想到的很可能是:x=5, y=6, z=x+y 等等。 還記得嗎,一個字母可以儲存一個值(比如 5),並且可以使用上面的資訊計算出 z 的值是 11。 您一定沒有忘記,對吧。 這些字母稱為變數,變數可用於儲存值 (x=5) 或運算式 (z=x+y)。JavaScript 變數正如代數一樣,JavaScript 變數用於儲存值或運算式。
Time of Update: 2017-01-18
要獲得字元的Unicode編碼,可以使用string.charCodeAt(index)方法,其定義為: strObj.charCodeAt(index) index為指定字元在strObj對象中的位置(基於0的索引),傳回值為0與65535之間的16位整數。例如: var strObj = "ABCDEFG"; var code = strObj.charCodeAt(2); // Unicode
Time of Update: 2017-01-18
先將使用者的輸入值全部轉換為大寫(或小寫),然後再行比較: var name = document.form1.txtUserName.value.toLowerCase(); if(name == "urname") { // statements go here. } JavaScript有兩種相等運算子。一種是完全向後相容的,標準的"==",如果兩個運算元類型不一致,它會在某些時候自動對運算元進行類型轉換,
Time of Update: 2017-01-18
使用substring()或slice()方法(NN4+, IE4+),下面說明它們的具體用法。 substring()的原型為: string.substring(from, to)
Time of Update: 2017-01-18
非常簡單,就用一個"+"將兩個字串"相加": var longString = "One piece " + "plus one more piece."; 要將多個字串累積為一個字串,還可以使用"+="操作符: var result = ""; result += "My name is Anders" result += " and my age is 25"; &
Time of Update: 2017-01-18
現在的瀏覽器裡,有一個十分有趣的功能,你可以在不重新整理頁面的情況下修改瀏覽器URL;在瀏覽過程中.你可以將瀏覽曆史儲存起來,當你在瀏覽器點擊後退按鈕的時候,你可以沖瀏覽曆史上獲得回退的資訊,這聽起來並不複雜,是可以實現的,我們來編寫些代碼。來看看它是如何工作的。var stateObject = {};var title = "Wow Title";var newUrl =
Time of Update: 2017-01-18
JavaScript的範圍以函數為界,不同的函數擁有相對獨立的範圍。函數內部可以聲明和訪問全域變數,也可以聲明局部變數(使用var關鍵字,函數的參數也是局部變數),但函數外部無法訪問內部的局部變數:function test() {var a = 0; // 局部變數b = 1; // 全域變數}a = ?, b = ? // a為undefined,b為1同名的局部變數會覆蓋全域變數,但本質上它們是兩個獨立的變數,一方發生變化不會影響另一方:a = 5; // 函數外a的值為5
Time of Update: 2017-01-18
簡介JSON即JavaScript Object Natation,它是一種輕量級的資料交換格式,非常適合於伺服器與 JavaScript
Time of Update: 2017-01-18
無論簡單還是複雜的Web應用,都由一些HTML、JavaScript、CSS檔案組成。通常開發人員會通過JQuery、Knockout、Underscore等等這樣的第三方JavaScript架構來提高開發速度。由於這些JavaScript架構都針對特定的用途開發而且已經得到了“驗證”,所以直接使用它們就比自己從頭實現所需要的功能顯得更為合適。然而,伴隨著應用的複雜度不斷上升,寫出乾淨、低耦合、可維護的代碼變得越來越重要。在這篇文章裡,我將解釋
Time of Update: 2017-01-18
RequireJS是一個提高你的javascript代碼速度和品質的有效方法,同時它還讓你的代碼更容易閱讀和維護。在本文中,我會為你介紹RequireJS和應該如何使用它。我們討論引入檔案和定義模組,甚至還會接觸最佳化方面的知識。簡單的說,require.js是一個指令碼載入程式,允許你把你的javascript代碼獨立成檔案和模組,同時管理每個模組間的依賴關係。引入檔案在開始使用RequireJS前,我們需要先下載它的庫和Asynchronous Module
Time of Update: 2017-01-18
簡介如今最常用的JavaScript庫之一是RequireJS。最近我參與的每個項目,都用到了RequireJS,或者是我向它們推薦了增加RequireJS。在這篇文章中,我將描述RequireJS是什麼,以及它的一些基礎情境。非同步模組定義(AMD)談起RequireJS,你無法繞過提及JavaScript模組是什麼,以及AMD是什麼。JavaScript模組只是遵循SRP(Single Responsibility
Time of Update: 2017-01-18
本文執行個體講述了javascript處理a標籤超連結預設事件的方法。分享給大家供大家參考。具體分析如下:有時需要在a標籤上添加click事件,並且跳轉前處理一些事務,故需要做一些處理;通常前端會給出一個<a href="#">link</a>來代表這個行為,有些還會這樣寫<a href="###">link</a>或者<a
Time of Update: 2017-01-18
JavaScript 的原型對象總是讓人糾結。即使是經驗豐富的JavaScript專家甚至其作者,經常對這一概念給出很有限的解釋。我相信問題來自於我們對原型最早的認識。原型總是與new, constructor 以及令人困惑的prototype屬性緊密聯絡。事實上,原型是一個相當簡單的概念。為了更好地理解它,我們需要忘記我們所‘學到'的構造原型,然後,追本溯源。什麼是原型?原型是一個從其他對象繼承屬性的對象。是不是任何對象都可以是原型?是的那些對象有原型?每個對象都有一個預設的原型。
Time of Update: 2017-01-18
1.關於this對象 複製代碼 代碼如下:view plaincopy to clipboardprint? var obj1=new Object(); var obj2=new Object(); //給兩個對象都添加屬性p,並分別等於1和2 obj1.p=1; obj2.p=2; //給obj1添加方法,用於顯示p的值 obj1.getP=function(){ alert(this.p); //表面上this指標指向的是obj1 } //調用obj1的getP方法,結果顯示為1 obj1
Time of Update: 2017-01-18
childNodes屬性:將返回一個數組,這個數組包含給定元素節點的全體子項目。 childType屬性:返回的數組包含著所有類型的節點 nodeValue屬性:改變某個文本節點的值 firstChild和lastChild屬性:無論何時何地,只要需要訪問childNodes[]數組的第一個元素,外面都可以把它寫成firstChild。 node.firstChild等價於node.childNodes[0] 同理
Time of Update: 2017-01-18
本文將討論使 JavaScript 函數更有表現力的兩個特性:Rest 參數和參數預設值。Rest 參數通常,我們需要建立一個可變參數的函數,可變參數是指函數可以接受任意數量的參數。例如,String.prototype.concat 可以接受任何數量的字串作為參數。使用 Rest 參數,ES6 為我們提供一種新的方式來建立可變參數的函數。我們來實現一個樣本函數 containsAll,用於檢查一個字串中是否包含某些子字串。例如,containsAll("banana", "b", "nan")