Time of Update: 2017-01-19
Function類 定義 Function類可以表示開發人員定義的任何函數,用Function類直接建立函數的文法如下: var function_name=new Function(agrument1,agrument2,...,argumentN,function_body); 每個argument都是一個參數,最後一個參數是函數主體(要執行的代碼)。 樣本: 複製代碼 代碼如下: function sayHi(sName,sMessage){ alert("Hello
Time of Update: 2017-01-19
這個時候,出現了encodeURIComponent、decodeURIComponent,它可以完全的對URL進行編碼解碼,但是遇到例如搜尋引擎用到的部分轉碼,又摸不到門了,沒問題,PHP官方出了一個解決方案: 複製代碼 代碼如下: decodeURIComponent((str + '').replace(/\+/g, '%20')); 他可以完美的對搜尋引擎的地址進行解碼,因為搜尋引擎只習慣對”空格“進行轉碼。忘了說還習慣對中文進行轉碼。。。
Time of Update: 2017-01-19
UglifyJS UglifyJS是構建於nodeJS伺服器端之上的一個代碼壓縮公用程式,目前jQuery使用它來壓縮,壓縮效果比較好。 GitHub首頁:http://github.com/mishoo/UglifyJS/線上使用:http://marijnhaverbeke.nl/uglifyjs使用方法:從http://nodejs.org下載nodejs,用到的是node.exe 再從UglifyJS的GitHub首頁下載它的最新版本 複製node.exe到UglifyJS的bin目錄
Time of Update: 2017-01-19
簡單的說就是改變函數執行的上下文,這是最基本的用法。兩個方法基本區別在於傳參不同。 call(obj,arg1,arg2,arg3);call第一個參數傳對象,可以是null。參數以逗號分開進行傳值,參數可以是任何類型。 apply(obj,[arg1,arg2,arg3]);apply第一個參數傳對象,參數可以是數組或者arguments 對象。 這兩個方法通常被用來類的繼承和回呼函數: 作用一、類的繼承: 先來看這個例子: 複製代碼 代碼如下: function
Time of Update: 2017-01-19
早上看到《JavaScript 每周導讀》【第三期】一文,裡面發現一篇文章(Extending JavaScript – The Right Way),覺得還不錯,翻譯過來跟大家共用,本文並不是逐字逐句進行翻譯,盡量說得通俗易懂。原文地址:Extending JavaScript – The Right Way以下是譯文 JavaScript已經內建了很多強大的方法,但有時你需要的某個功能在內建的方法中沒有,我們怎麼來優雅地擴充JavaScript功能呢。
Time of Update: 2017-01-19
判斷嘛,就是面臨2個或以上的選項時進行選擇。比如我家門前去公司有一個岔路,只要我第一次知道了哪一條路是對的,那我下一次或以後的每次都不用再思考了,直接走那條路即可——當然,突發天災時不算。 做出判斷是需要時間的,是需要對應條件的。正確的判斷很好,但每次面臨岔路,哪怕是走了無數次的岔路,都來進行一下判斷,無疑是一種腦殘行為。 下面來看一個我們平時經常看到的JS函數,他的作用是判斷瀏覽器類型然後設定對應的透明度屬性: 複製代碼 代碼如下: function setAlpha(obj,alpha){
Time of Update: 2017-01-19
前兩個唯一的差別就是迴圈和判斷的順序不同,do-while比while多迴圈一次,我就不舉例了。 for迴圈相信大家也熟的不能再熟了,我們就看for-in這一句。 這個其實是針對數組的,js中數組的初始化也挺奇特的比如我們在script結點裡寫:(另外注意下數組的初始化,用的是中括弧) [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行] for in執行個體二 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行] javascrpt for
Time of Update: 2017-01-19
首先我們看看數組的分類: 從數組的下標分為索引數組、關聯陣列 複製代碼 代碼如下: /* 索引數組,即通常情況下所說的數組 */ var ary1 = [1,3,5,8]; //按索引去取數組元素,從0開始(當然某些語言實現從1開始),索引實際上就是序數,一個整型數字 ary1[0]; ary1[1]; ary1[2]; ary1[3]; /* 關聯陣列,指以非序數類型為下標來存取的數組 python中稱為字典 */ var ary2 = {}; //存取時,以非序數(數字),這裡是字串
Time of Update: 2017-01-19
1. 大多數遊覽器的組件構成如圖 在最底層的三個組件分別是網路,UI後端和js解譯器。作用如下: (1)網路- 用來完成網路調用,例如http請求,它具有平台無關的介面,可以在不同平台上工作 (2)UI 後端- 用來繪製類似組合選擇框及對話方塊等基本組件,具有不特定於某個平台的通用介面,底層使用作業系統的使用者介面 (3)JS解譯器- 用來解釋執行JS代碼 ps:上圖和知識點主要來自《HOW BROWSERS WORK: BEHIND
Time of Update: 2017-01-19
一般情況下,大家會使用下面的方法來進行漢字的拼音排序 複製代碼 代碼如下: var list = [ '王', '張','李']; list.sort(function (a, b) { return a.localeCompare(b); }); localeCompare() :用本地特定的順序來比較兩個字串。 通過localeCompare這個方法來進行拼音排序的不可靠之處在於: 1. 很依賴中文作業系統 2. 很依賴瀏覽器的核心
Time of Update: 2017-01-19
經常使用google的朋友一定對google絢麗的日曆控制項記憶猶新吧,那我們也來實現一個,雖然功能和效果比不上,但重要的是實現的過程. 下面是要實現的html結構: <div id="a"><div id="head"><span id="yface">年:<select id="year"></select></span><span id="mface">月:<select id="month">
Time of Update: 2017-01-19
具體題目是這樣的: 從1--9中選取N個數字,組成不重複的N位元,從小到大進行編號,當輸入其中任何一個數M時,能找出該數字對應 的編號。如 N=3,M=213. 輸出:[123(1) , 132(2) , 213(3) , 231(4) , 312(5) , 321(6)]--->X=2
Time of Update: 2017-01-19
內建對象 定義:由ECMAScript實現提供的、獨立於宿主環境的所有對象,在ECMAScript程式開始執行時出現。 由定義可知開發人員不必明確執行個體化內建對象,它已被執行個體化了。在ECMAScript-262隻定義了兩個內建對象,即Global和Math Global Global對象是ECMAScript中最特別的對象,因為實際上它根本不存在。 由於在ECMAScript中不存在獨立的對象,所有函數都必須是某個對象的方法,如前面提到的isNaN()、isFinite()
Time of Update: 2017-01-19
由於作者翻譯會加入 自己的理解 以便自己學習和使用, 如果英文好的同學可看下面 如文章中有翻譯錯誤還請留言. 交流並改正. (:======================Enein翻譯========================= John Resig 寫了一篇關於 JavaScript 裡 類似其它語言的 "繼承", 靈感來自於 base2 and
Time of Update: 2017-01-19
DateAdd函數: 複製代碼 代碼如下: function DateAdd(interval,number,date){ switch(interval.toLowerCase()){ case "y": return new Date(date.setFullYear(date.getFullYear()+number)); case "m": return new Date(date.setMonth(date.getMonth()+number)); case "d": return
Time of Update: 2017-01-19
項目結構:運行效果:=========================================================代碼部分:=========================================================/Clock/WebContent/index.jsp複製代碼 代碼如下:<%@ page language="java" contentType="text/html; charset=UTF-8"
Time of Update: 2017-01-19
Javascript 的數組Array,既是一個數組,也是一個字典(Dictionary)。先舉例看看數組的用法。 複製代碼 代碼如下: var a = new Array(); a[0] = "Acer"; a[1] = "Dell"; for (var i = 0; i < a.length; i++) { alert(a[i]); } 下面再看一下字典的用法。 複製代碼 代碼如下: var computer_price = new Array(); computer_price["
Time of Update: 2017-01-19
動畫原理 所謂的動畫,就是通過一些列的運動形成的動的畫面。在網頁中,我們可以通過不斷的改變元素的css值,來達到動的效果。 用到的公式 總距離S = 總時間T * 速度V 即: V = S/T 當前距離s = S/T * 已耗時t 即: s = S * (t/T) 即:當前距離 = 總距離 * (已耗時/總時間) 即:動畫元素開始值 + (動畫元素結束值 - 動畫元素開始值) * (目前時間-開始時間) / (動畫需要時間) + 值的格式
Time of Update: 2017-01-19
JS的字串都是string對象,可以用string對象的length屬性可以擷取其長度,但是無論是中文、全形符號以及英文最小長度單位都是1,這與php的strlen()並不相同。複製代碼 代碼如下: function strlen(str) { var s = 0; for(var i = 0; i < str.length; i++) { if(str.charAt(i).match(/[u0391-uFFE5]/)) { s += 2; } else { s++; } }
Time of Update: 2017-01-19
在網頁上單擊滑鼠的地方顯示層,供使用者選擇地點,同時把使用者選擇的地點顯示在文字框中。主要是控制層的顯示、隱藏。 複製代碼 代碼如下: <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=gb2312"> <TITLE>層的隱藏顯示練習</TITLE> <STYLE type="text/css"> <!--