Time of Update: 2015-07-28
標籤:<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title></head><body> <script
Time of Update: 2015-07-27
標籤:字串長度截取function cutstr(str, len) {var temp,icount = 0,patrn = /[^\x00-\xff]/,strre = "";for (var i = 0; i < str.length; i++) {if (icount < len - 1) {temp = str.substr(i, 1);if (patrn.exec(temp) == null) {icount = icount + 1} else {icount =
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-27
標籤:第3章 基本概念3.4 資料類型 5種單一資料型別:undefined、boolean、number、null、string. typeof操作符,能返回下列某個字串:“undefined”、“boolean”、“number”、“string”、“object”、“function” typeof null =
Time of Update: 2015-07-27
標籤: AMD規範,全稱是Asynchronous Module Definition,即非同步模組載入機制。從它的規範描述頁面看,AMD很短也很簡單,但它卻完整描述了模組的定義,依賴關係,參考關聯性以及載入機制。它推薦開發人員將 JavaScript 代碼封裝進一個個模組,對全域對象的依賴變成了對其他模組的依賴,無須再聲明一大堆的全域變數。通過延遲和按需載入來解決各個模組的依賴關係。模組化的 JavaScript
Time of Update: 2015-07-27
標籤:JavaScript沒有類的概念,但幾乎所有的東西又是基於對象的,同時也能實現繼承,這就是js跟其他OOP語言最大的不同之處,這也是js最難理解的一塊。下面我來說說我個人的理解。首先從建立對象說起,一般會有下面幾種方法:1.建立一個Object執行個體,然後給它添加屬性和方法。var person() = new Object();person.name = ‘mikej‘;person.sayName = function(){
Time of Update: 2015-07-27
標籤:location用於擷取或設定表單的URL,並且可以用於解析URL。文法:location.[屬性|方法]location對象屬性圖示:location 對象屬性:location 對象方法:Navigator對象Navigator 對象包含有關瀏覽器的資訊,通常用於檢測瀏覽器與作業系統的版本。對象屬性:查看瀏覽器的名稱和版本,代碼如下:<script type="text/javascript"> var browser=navigator.appName; var
Time of Update: 2015-07-28
標籤:window:屬性(值或者子物件):opener:開啟當前視窗的源視窗,如果當前視窗是初次開機瀏覽器開啟的,則opener是null,可以利用這個屬性來關閉源視窗。方法(函數):事件(事先設定好的程式,被觸發):1.window.open("第一部分","第二部分","第三部分","第四部分");特徵參數:第一部分:寫要開啟的頁面地址第二部分:開啟的方式,_blank 是在新視窗開啟第三部分:控制開啟的視窗,可以寫多個,用空格隔開
Time of Update: 2015-07-28
標籤:<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> #div1 {
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
標籤:<script>window["MzBrowser"]={};(function(){if(MzBrowser.platform) return;var ua = window.navigator.userAgent;MzBrowser.platform = window.navigator.platform;MzBrowser.firefox = ua.indexOf("Firefox")>0;MzBrowser.opera =
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-27
標籤:判斷IE相容到IE11IE瀏覽器與非IE瀏覽器的區別是IE瀏覽器支援ActiveXObject,但是非IE瀏覽器不支援ActiveXObject。在IE11瀏覽器還沒出現的時候我們判斷IE和非IE經常是這麼寫的1 function isIe(){2 return window.ActiveXObject ? true : false;3
Time of Update: 2015-07-27
標籤:javascript 圖片預先載入 使用圖片預先載入可以在確保必要的圖片載入完後,就顯示頁面,而不必等所有的圖片載入完再顯示頁面,提升使用者開啟頁面時的使用者體驗。preloader.js;(function(exports, undefined){ ‘use strict‘; var document = exports.document; var preloader = { id: ‘‘
Time of Update: 2015-07-27
標籤:javascript 資料類型 學習任何一種程式設計語言,資料類型都是必不可少的一部分內容,很基礎,也很重要。該用何種資料類型定義變數,這也是編程中最基礎的一項。ECMAScript中有5種單一資料型別:Undefined、Null、Boolean、Number和String。還有一種複雜的資料類型——Object。ECMAScript中不支援任何建立自訂類型的機制,所有值都成為以上6種資料類型之一。在ECM
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情境和模型了,還能建立複雜的導航和資料視覺化。