Time of Update: 2015-03-15
標籤:好久不來部落格園,今天偶爾來逛逛,發現有不少文章寫javascript的,比如物件導向什麼的,程式碼群組織管理什麼的,看過之後有句話如鯁在喉,不吐不快——“拋棄”javascript,擁抱typescript吧,別再浪費你的青春、你的生命了!這是我給所有javascript前端程式員的一句忠告。不解釋,能理解的自然會理解。 沒有聽說過typescript的同學猛戳這裡:http://www.typescriptlang.org&nb
Time of Update: 2015-03-14
標籤:javascript作為一種指令碼語言可以放在html頁面中任何位置,但是瀏覽器解釋html時是按先後順序的,所以前面的script就先被執行。比如進行頁面顯示初始化的js必須放在head裡面,因為初始化都要求提前進行(如給頁面body設定css等);而如果是通過事件調用執行的function那麼對位置沒什麼要求的。單行注釋,在注釋內容前加符號 “//”多行注釋以"/*"開始,以"*/"結束js資料類型弱類型特性原始類型 number string boolean
Time of Update: 2015-03-14
標籤: 從今天開始就寫自己學習的東西了,有點小激動。(剛給媽媽按摩完腳,手指頭有點不好使)好了,廢話不說了,今學的是JS中物件導向的知識。物件導向:就是用對象的思想去寫代碼,而我們通常寫JS時是過程式的寫法。何為對象?其實在原生JS中有許多的系統對象,比如Date,Array,Json(object)等。物件導向編程(OOP)的特點:1. 抽象:抓住核心問題;2. 封裝:只能通過對象來存取方法;3. 繼承:從已有對象上繼承出新的對象;4. 多態:
Time of Update: 2015-03-14
標籤:以下內容是來自《JavaScript權威指南(第六版)》Regex的模式比對章節的筆記。 定義 JavaScript中的Regex定義有兩種方式: var pattern = /s$/; 或者 var pattern = new RegExp(‘s$‘); 直接量字元所有字母和數字都是按照字面含義進行匹配非字母的字元匹配,使用反斜線
Time of Update: 2015-03-14
標籤: javascript錯誤try catch throwtry 測試代碼塊的錯誤。catch 處理錯誤。throw 建立或拋出異常,異常可以是javascript字串、數字、邏輯值或對象。finally 在try陳述式完成後執行的語句,無論是否拋出或捕獲異常。function msg() { try{ var x = "aaa"; if(x == "") { throw "為空白!";
Time of Update: 2015-03-14
標籤:// 在JS中,Function(函數)類型實際上是對象;每個函數都是Function類型的執行個體;而且都與其他參考型別一樣具有屬性和方法;// 由於函數是對象,因此函數名實際上也是一個指向函數對象的指標;一 函數的聲明方式 1 1.普通的聲明方式 2 function box(num1,num2){ 3 return num1+num2; 4 } 5 6 2.使用變數初始化函數 7 var box = function(num1,num2){
Time of Update: 2015-03-14
標籤:1、變數的範圍函數內部可以直接讀取全域變數var n=999; function f1(){ alert(n); }f1(); // 999在函數的外部無法讀取局部變數的值function f1(){ var n=999;}alert(n); // error注意:函數內部聲明變數一定要使用var,否則會是全域變數function f1(){ n=999;}f1();alert(n); // 999那麼如何從外部讀取局部變數的,下面給出一例子function f1()
Time of Update: 2015-03-13
標籤:事件流IE提出的是事件冒泡流,而Netscape提出的是事件捕獲流。事件冒泡流即當事件開始時,由具體的節點接收,然後逐級向上傳播到較為不具體的節點。事件捕獲流即由不具體的節點逐級向下傳播到具體的節點。事件捕獲的起點和事件冒泡的中終點都是window對象。低版本IE除外。DOM事件流DOM2級事件分為三個階段:捕獲階段、處於目標階段、冒泡階段。事件處理DOM0級事件處理將一個函數賦值給一個事件處理常式的屬性,回調中的this為當前元素,只能綁定一個回調,只執行最後一次綁定的回調1
Time of Update: 2015-03-13
標籤:regexp 分組捕獲 javascriptRegex是支援分組捕獲的,分組的結果會儲存在RegExp的靜態屬性$1-$9中。也就是說當Regex中的分組超過9個的時候,RegExp最多隻保留9個。// 含10個分組的正則var regexp = /(\w)-(\w)-(\w)-(\w)-(\w)-(\w)-(\w)-(\w)-(\w)-(\w)/;var str = 'a-b-c-d-e-f-g-h-i-j-k-
Time of Update: 2015-03-13
標籤:1.document.write("");為 輸出語句 2.JS中的注釋為// 3.傳統的HTML文檔順序是:document->html->(head,body) 4.一個瀏覽器視窗中的DOM順序是:window->(navigator,screen,history,location,document) 5.得到表單中元素的名稱和值:document.getElementById("表單中元素的ID號").name(或value) 6.一個小寫轉大寫的JS:
Time of Update: 2015-03-13
標籤:javascript1. 基本類型Javascript 基礎資料型別 (Elementary Data Type)有以下幾種:NumberString:Boolean:Undefined: 當你訪問一個不存在的變數時,你會得到 undefined。當你定義了一個變數,但沒有給它賦值時也會得到 undefined。JavaScript 自動初始設定變數為該值,undefined 類型只有一個值 undefined。Null: 意味著變數沒有值,或者為空白。 除上面類型外,其他的類型都是
Time of Update: 2015-03-13
標籤:<html><body><table border="1" id="table1"> <tr id="row1"> <td>01</td> <td>02</td> </tr> <tr id="row2"> <td>11</td>
Time of Update: 2015-03-16
js實現感應滑鼠圖片透明度變化的方法 這篇文章主要介紹了js實現感應滑鼠圖片透明度變化的方法,涉及javascript滑鼠操作及css修改技巧,具有一定參考借鑒價值,需要的朋友可以參考下 本文執行個體講述了js實現感應滑鼠圖片透明度變化的方法。分享給大家供大家參考。具體實現方法如下: 代碼如下:<html><head><title>感應滑鼠圖片透明度變化</title><SCRIPT
Time of Update: 2015-03-16
js實現滑鼠感應向下滑動隱藏菜單的方法 這篇文章主要介紹了js實現滑鼠感應向下滑動隱藏菜單的方法,涉及javascript操作滑鼠事件的技巧,具有一定參考借鑒價值,需要的朋友可以參考下 本文執行個體講述了js實現滑鼠感應向下滑動隱藏菜單的方法。分享給大家供大家參考。具體實現方法如下: 代碼如下:<html><head><title>隱藏在網頁左上方感應滑鼠向下滑出的隱藏菜單</title><style
Time of Update: 2015-03-16
js實現滑鼠滾輪控製圖片縮放效果的方法 這篇文章主要介紹了js實現滑鼠滾輪控製圖片縮放效果的方法,涉及onmousewheel事件及javascript操作圖片的技巧,具有一定參考借鑒價值,需要的朋友可以參考下 本文執行個體講述了js實現滑鼠滾輪控製圖片縮放效果的方法。分享給大家供大家參考。具體實現方法如下: 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//
Time of Update: 2015-03-16
調試手機上網頁 (斷點 console timeline 選擇dom),timelinedom用手機看網頁,越來越多,手機app套個webview的也很多,那該如何調試手機上的頁面了?比如 斷點,選dom,console,控制台輸出,查看記憶體,==嗯,萬能的的chrome和safari還是幫我們解決了這些事情android下調試手機上的網頁(斷點,查看修改dom,console輸出,timeline,===)ios下調試手機上的網頁遇到的一些問題
Time of Update: 2015-03-15
經常遇到的瀏覽器安全色性問題,遇到瀏覽器安全色性1、瀏覽器預設的margin和padding不同。解決方案是加一個全域的*{margin:0;padding:0;}來統一。2、IE6雙邊距bug:塊屬性標籤float後,又有橫行的margin情況下,在ie6顯示margin比設定的大。 解決方案:1.在float的標籤樣式控制中加入 display:inline;將其轉化為行內屬性。 2.使用hack的方式:margin:10px 0 0 10px; *margin:10px 0
Time of Update: 2015-03-13
jquery實現焦點圖片隨機轉場效果的方法,jquery實現焦點切換本文執行個體講述了jquery實現焦點圖片隨機轉場效果的方法。分享給大家供大家參考。具體如下:1. 運行效果如所示:2.完整執行個體代碼點擊此處本站下載。3.完整代碼如下:複製代碼 代碼如下:<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8">
Time of Update: 2015-03-13
JavaScript中詭異的delete操作符,javascript操作符delete這個操作符呢,在javascript中不是很常用,但是他的特性的確很詭異。1,刪除對象的屬性,代碼:複製代碼 代碼如下:var o = { a: 1, b: 2 };delete o.a;alert(o.a);
Time of Update: 2015-03-13
JavaScript設計模式學習之“類式繼承”,javascript設計模式在做一件事情之前,首先要清楚做這件事情的好處有什麼,相信不會有哪個人願意無緣無故的去做事情。一般說來,我們在設計類的時候,實際上就是希望能減少重複性的代碼,使用繼承可以完美的做到這一點,藉助繼承機制,你可以在現有類的基礎上再次進行設計並且充分利用它們已經具備的各種方法,而對設計的修改也更為輕鬆。廢話不多說了,舉例說明:複製代碼 代碼如下:function Person(name){