Time of Update: 2015-07-29
標籤:主要利用了setTimeout(),遞迴和String.substring();做出的效果就像是有一個打字員在打字. 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="Generator" content="EditPlus®"> 6 <meta name="Author"
Time of Update: 2015-07-29
標籤: js中,按照值刪除數組中的某個元素Array.prototype.indexOf = function(val) { for (var i = 0; i < this.length; i++)
Time of Update: 2015-07-29
標籤:1 for in迴圈:使用它時,要主要遍曆的是所有可枚舉的屬性(執行個體以及原型中的屬性)function Person(name){ this.name = name;}Person.prototype.getName=function(){ return this.name;}var p = new Person(‘mengxb‘);for(prop in p) {//此時會遍曆到原型上的getName,如果不想遍曆原型上的屬性和方法,可以用hasOwnProperty()
Time of Update: 2015-07-27
標籤: 本文是金旭亮老師網易雲課堂的課程筆記,記錄下來,以供備忘。概述使用對象字面量,或者向Null 物件中動態地添加新成員,是最簡單易用的對象建立方法。然而,除了這兩種常用的對象建立方式,JavaScript還提供了其他方法建立對象。1).使用工廠函數建立對象我們可以編寫一個函數,此函數的功能就是建立對象,可將其稱為“對象Factory 方法”。 1 //工廠函數 2 function createPerson(name, age,
Time of Update: 2015-07-27
標籤:定時器設定的延遲時間是沒有保證的。因為所有在瀏覽器中執行的JavaScript單線程非同步事件(比如滑鼠點擊事件和計時器)都只有在它有空的時候才會被執行。setTimeout 會在每次回呼函數執行之後至少需要延時10ms再去執行一次(可能是更多,但是不會少)。但是setInterval會每隔10ms就去嘗試執行一次回呼函數,不管上一個回呼函數是不是還在執行。javascript引擎只有一個線程,迫使非同步事件只能加入到隊列去等待執行。在執行非同步代碼的時候,setTimeout
Time of Update: 2015-07-28
標籤:訪問子結點childNodes訪問選定元素節點下的所有子節點的列表,返回的值可以看作是一個數組,他具有length屬性。文法:elementNode.childNodes注意:如果選定的節點沒有子節點,則該屬性返回不包含節點的 NodeList。我們來看看下面的代碼:運行結果:IE: UL子節點個數:3 節點類型:1其它瀏覽器: UL子節點個數:7 節點類型:3注意:1.
Time of Update: 2015-07-28
標籤: 又是高度集中開發路徑模組的一天。真希望自己以後都可以如此的專註和高效(雖然知道很難一直都保持這樣的狀態,我會堅持的~哈哈哈) 言歸正傳,今天開發了途徑點的功能和改進了些相關起點、終點的代碼。先說一下我近點遇到的幾個主要的問題(最近遇到問題都會把問題手寫在紙上,這樣能讓自己更好的專註於問題本身,能在最短的時間內解決問題並且方便現在寫部落格) 1、如何像百度地圖一樣把途徑點的個數控制在五個以內。代碼如下:ctMenuForMap.
Time of Update: 2015-07-28
標籤:javascript<!doctype html><html><head><meta charset="utf-8"><title>無標題文檔</title></head><script type="text/javascript">document.write("js物件導向:封裝");function
Time of Update: 2015-07-27
標籤:一、in操作符1.定義如果指定的屬性存在於指定的對象中,則in運算子會返回true.(如果一個屬性是從原型鏈上繼承來的,in運算子也會返回true)2.數組操作//數組var arr = ["ben","Ben","benjamin","Benjamin"];console.log(arr);console.log(0 in arr); //trueconsole.log(2 in arr); //trueconsole.log(5 in arr); //falseconsole.log(
Time of Update: 2015-07-27
標籤:使用JavaScript將圖片拷貝進畫布要想將圖片放入畫布裡,我們使用canvas元素的drawImage方法:// Converts image to canvas; returns new canvas elementfunction convertImageToCanvas(image) {var canvas = document.createElement("canvas");canvas.width = image.width;canvas.height =
Time of Update: 2015-07-27
標籤:當網頁被載入時,瀏覽器會建立頁面的文件物件模型(Document Object Model)通過 HTML DOM,可訪問 JavaScript HTML 文檔的所有元素。通過 id 尋找 HTML 元素:getElementById 這裡大小寫敏感,而且不像VS報錯提示效能那麼好,所以寫JavaScript成功後有些許的成就感..如果您需要操作某個特定的元素,使用 getElementById() 方法:getElementById
Time of Update: 2015-07-27
標籤:history對象記錄了使用者曾經瀏覽過的頁面(URL),並可以實現瀏覽器前進與後退相似導航的功能。注意:從視窗被開啟的那一刻開始記錄,每個瀏覽器視窗、每個標籤頁乃至每個架構,都有自己的history對象與特定的window對象關聯。文法:window.history.[屬性|方法]注意:window可以省略。History 對象屬性History 對象方法使用length屬性,當前視窗的瀏覽曆史總長度,代碼如下:<script type="text/javascript">
Time of Update: 2015-07-26
標籤:在編寫前端JavaScript代碼時,最痛苦的莫過於代碼的智能感知(Intelli
Time of Update: 2015-07-26
標籤:函數是一種特殊對象; 對象:屬性的集合(名-值對);函數用來初始化(用new運算子)一個建立的對象稱為建構函式。對象中當屬性是一個函數時,稱其為方法。函數體內,局部變數的優先順序高於同名的全域變數。 代碼例子: var scope = "global";
Time of Update: 2015-07-27
標籤:javascript 資料類型 學習任何一種程式設計語言,資料類型都是必不可少的一部分內容,很基礎,也很重要。該用何種資料類型定義變數,這也是編程中最基礎的一項。ECMAScript中有5種單一資料型別:Undefined、Null、Boolean、Number和String。還有一種複雜的資料類型——Object。ECMAScript中不支援任何建立自訂類型的機制,所有值都成為以上6種資料類型之一。在ECM
Time of Update: 2015-07-26
標籤:javascript mvc 模板Javascript中模板的核心概念是,將包含模板變數的HTML片段和Javascript對象做合并,把模板變數替換為對象中的屬性值。書中講到了幾種庫作為模板引擎,但是連結失效了,可以在這裡下載,連結:jQuery.tmpl使用方式很簡單,看一下它的說明就行了。給定一個模板,通過給它添加資料就能產生渲染好的元素節點,然後就可以將它添加到頁面中,主要使用方法如://資料var object
Time of Update: 2015-07-27
標籤:前幾天社區的群裡森破發了一個這樣的連結:http://ourjs.com/detail/52fb82e13bd19c4814000001做了一遍後突然對人生感到了迷茫,本著不能只有我一個人傷心的原則,只要是程式員的好友我都發了一遍給他們答。最近亞馬遜書滿減,湊單買了本javascript實用程式碼片段的書,結果發現原來那個所謂八級測試的始作俑者就是這本···
Time of Update: 2015-07-27
標籤:WebGL是一種3D繪表徵圖准,這種繪圖技術標準允許把JavaScript和OpenGL ES 2.0結合在一起,通過增加OpenGL ES 2.0的一個JavaScript綁定,WebGL可以為HTML5 Canvas提供硬體3D加速渲染,這樣Web開發人員就可以藉助系統顯卡來在瀏覽器裡更流暢地展示3D情境和模型了,還能建立複雜的導航和資料視覺化。
Time of Update: 2015-07-26
javascript頁面倒計時執行個體,javascript倒計時本文執行個體講述了javascript頁面倒計時實現方法。分享給大家供大家參考。具體實現方法如下:<html> <head> </head> <body> <input type="text" name="mss" id="mss"/> <form action="./index.html"> <input type="text"
Time of Update: 2015-07-26
javascript檔案載入管理簡單實現方法,javascript載入本文執行個體講述了javascript檔案載入管理簡單實現方法。分享給大家供大家參考。具體如下:這裡介紹超級簡單的進行javascript的檔案(模組)的載入管理,實現sea.js或者require.js核心功能,用一行<script src="js/light/light.js"></script>載入所有的js檔案。//按照lightJs的順序,讓網頁載入js檔案:var lightJs = [