Time of Update: 2017-01-19
功能模組: 程式設計: 1.可選擇遊戲時間,顯示倒計時 1.定義全域變數 2.可選擇英文字母出現個數 2.控制遊戲時間函數 3.統計得分 3.動畫效果 4.菜單選項 4.設定字母圖片出現的時間 5.判斷函數 6.遊戲菜單 7.遊戲時間選項
Time of Update: 2017-01-19
一開始很多人都會拿jquery的選取器來跟這兩個api做對比(我也是),比較異同本來沒事,但卻使一些同學對這兩個api在瀏覽器中的實現產生了誤解,特別是再dom element上調用此api時。 下面是我的jsFiddle樣本,我就以此展開說明: js代碼: (function(global) { global.doc = document; global.body = doc.getElementsByTagName('body')[0]; global.$ = function(id) {
Time of Update: 2017-01-19
複製代碼 代碼如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>用JavaScript防PS裡的羽化效果代碼 - www.jb51.net</title> </head> <body onload=setValues()> <center> <SCRIPT
Time of Update: 2017-01-19
JavaScript控製圖片360度旋轉代碼 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-19
其實,關於prototype只要幾句話就可以總結: 任何原型都是對象,只有對象有原型 只有Function有prototype屬性,它是這個Function作為構造器時產生對象所繼承的原型。Function的原型和它的prototype屬性無關 對象的原型可以通過非標準的屬性 __proto__ 或ECMAScript5的方法 Object.getPrototypeOf() 訪問。
Time of Update: 2017-01-19
複製代碼 代碼如下: /*! * jLip JavaScript Library v0.1 * * Copyright 2012, Lip2up (lip2up@qq.com) * Just for free use, NO LICENSE */ (function() { function extend(target, props) { for (var m in props) { if (target[m] === undefined) target[m] = props[m]; } }
Time of Update: 2017-01-19
每種語言都有它特別的地方,對於JavaScript來說,使用var就可以聲明任意類型的變數,這門指令碼語言看起來很簡單,然而想要寫出優雅的代碼卻是需要不斷積累經驗的。本文利列舉了JavaScript初學者應該注意的七個細節,與大家分享。 (1)簡化代碼 JavaScript定義對象和數組非常簡單,我們想要建立一個對象,一般是這樣寫的: 複製代碼 代碼如下: var car = new Object(); car.colour = 'red'; car.wheels = 4;
Time of Update: 2017-01-19
本文將簡單介紹JavaScript中一些常用對象的屬性和方法,以及幾個有用的系統函數。 一、串方法 JavaScript有強大的串處理功能,有了這些串方法,才能編寫出豐富多彩的網頁。在這一部分裡,我們將介紹到如何使用與串對象有關的方法和屬性。 1.串對象的length屬性 串對象僅有一個屬性length,這個屬性值表示這個串所包括字元的相對數目。文法為:
Time of Update: 2017-01-19
介紹 在這篇文章裡,我們將討論跟執行內容直接相關的更多細節。討論的主題就是this關鍵字。實踐證明,這個主題很難,在不同執行內容中this的確定經常會發生問題。 許多程式員習慣的認為,在程式語言中,this關鍵字與物件導向程式開發緊密相關,其完全指向由構造器新建立的對象。在ECMAScript規範中也是這樣實現的,但正如我們將看到那樣,在ECMAScript中,this並不限於只用來指向新建立的對象。 英文翻譯: Dmitry A. Soshnikov在Stoyan Stefanov的協助下
Time of Update: 2017-01-19
一、一元運算子 1、delete 運算子:刪除對以前定義的對象屬性或方法的引用。例如: var o=new Object; o.name="superman"; alert(o.name); //輸出 "superman" delete o.name; alert(o.name); //輸出 "undefined" 刪除了name屬性,將其設定為undefined(即建立的未初始化的變數的值)。delete不能刪除開發人員未定義(即ECMAScript定義)的屬性和方法。
Time of Update: 2017-01-19
JavaScript編程的時候總避免不了聲明函數和變數,以成功構建我們的系統,但是解譯器是如何並且在什麼地方去尋找這些函數和變數呢?我們引用這些對象的時候究竟發生了什嗎? 原始發布:Dmitry A. Soshnikov 發布時間:2009-06-27 俄文地址:http://dmitrysoshnikov.com/ecmascript/ru-chapter-2-variable-object/ 英文翻譯:Dmitry A. Soshnikov 發布時間:2010-03-15
Time of Update: 2017-01-19
簡介 從本章開始,我將陸續(翻譯、轉載、整理)http://dmitrysoshnikov.com/網站關於ECMAScript標標準理解的好文。 本章我們要講解的是ECMAScript標準裡的執行內容和相關可執行代碼的各種類型。 原始作者:Dmitry A. Soshnikov 原始發布: 2009-06-26 俄文原文:http://dmitrysoshnikov.com/ecmascript/ru-chapter-1-execution-contexts/ 英文翻譯:Dmitry A.
Time of Update: 2017-01-19
適合的讀者:有經驗的開發員,專業前端人員。 原作者: Dmitry A. Soshnikov 發布時間: 2010-09-02 原文:http://dmitrysoshnikov.com/ecmascript/javascript-the-core/ 參考1:http://ued.ctrip.com/blog/?p=2795 參考2:http://www.cnblogs.com/ifishing/archive/2010/12/08/1900594.html 主要是綜合了上面2位高手的中文翻譯,
Time of Update: 2017-01-19
前言 寫這篇文章的目的是經常看到開發人員說:把字串轉化為JSON對象,把JSON對象轉化成字串等類似的話題,所以把之前收藏的一篇老外的文章整理翻譯了一下,供大家討論,如有錯誤,請大家指出,多謝。 本文 本文的主題是基於ECMAScript262-3來寫的,2011年的262-5新規範增加了JSON對象,和我們平時所說的JSON有關係,但是不是同一個東西,文章最後一節會講到新增加的JSON對象。
Time of Update: 2017-01-19
前言 本章我們要講解的是S.O.L.I.D五大原則JavaScript語言實現的第3篇,裡氏替換原則LSP(The Liskov Substitution Principle )。 英文原文:http://freshbrewedcode.com/derekgreer/2011/12/31/solid-javascript-the-liskov-substitution-principle/ 複製代碼 開閉原則的描述是: Subtypes must be substitutable for
Time of Update: 2017-01-19
前言 本章我們要講解的是S.O.L.I.D五大原則JavaScript語言實現的第2篇,開閉原則OCP(The Open/Closed Principle )。 開閉原則的描述是: Software entities (classes, modules, functions, etc.) should be open for extension but closed for modification. 軟體實體(類,模組,方法等等)應當對擴充開放,對修改關閉,即軟體實體應當在不修改的前提下擴充。
Time of Update: 2017-01-19
前言 Bob大叔提出並發揚了S.O.L.I.D五大原則,用來更好地進行物件導向編程,五大原則分別是: The Single Responsibility Principle(單一職責SRP) The Open/Closed Principle(開閉原則OCP) The Liskov Substitution Principle(裡氏替換原則LSP) The Interface Segregation Principle(介面分離原則ISP) The Dependency Inversion
Time of Update: 2017-01-19
前言 JavaScript 不包含傳統的類繼承模型,而是使用 prototypal 原型模型。 雖然這經常被當作是 JavaScript 的缺點被提及,其實基於原型的繼承模型比傳統的類繼承還要強大。實現傳統的類繼承模型是很簡單,但是實現 JavaScript 中的原型繼承則要困難的多。 由於 JavaScript 是唯一一個被廣泛使用的基於原型繼承的語言,所以理解兩種繼承模式的差異是需要一定時間的,今天我們就來瞭解一下原型和原型鏈。 原型
Time of Update: 2017-01-19
前言 大家學JavaScript的時候,經常遇到自執行匿名函數的代碼,今天我們主要就來想想說一下自執行。 在詳細瞭解這個之前,我們來談瞭解一下“自執行”這個叫法,本文對這個功能的叫法也不一定完全對,主要是看個人如何理解,因為有的人說立即調用,有的人說自動執行,所以你完全可以按照你自己的理解來取一個名字,不過我聽很多人都叫它為“自執行”,但作者後面說了很多,來說服大家稱呼為“立即調用的函數運算式”。
Time of Update: 2017-01-19
簡介 Module模式是JavaScript編程中一個非常通用的模式,一般情況下,大家都知道基本用法,本文嘗試著給大家更多該模式的進階使用方式。 首先我們來看看Module模式的基本特徵: 模組化,可重用 封裝了變數和function,和全域的namaspace不接觸,松耦合 只暴露可用public的方法,其它私人方法全部隱藏 關於Module模式,最早是由YUI的成員Eric