Time of Update: 2015-07-21
標籤:javascript 學習的道路就是要不斷的總結歸納,好記性不如爛筆頭,so,下面將po出8張javascript相關的思維導圖。 思維導圖小tips:思維導圖又叫心智圖,是表達發射性思維的有效圖形思維工具
Time of Update: 2015-07-21
標籤:在物件導向與原型一章中,感覺還是挺有意思的,而且視頻講解的也很清楚,在這裡總結歸納一下視頻裡講的內容,順便整理整理自己的思路。首先畫一張圖,理一下這一整章的知識點。下面針對具體的知識點去剖析各個知識點間的關係:原廠模式原廠模式的引出,是為了避免在建立對象過程中產生大量重複的問題。它封裝了在建立對象過程一些重複的代碼,避免了代碼冗餘。舉個簡單的Demo:1、普通的建立對象:var p=new Object();p.name='王虹芸';alert('姓名:'+
Time of Update: 2015-07-21
標籤:open() 方法可以尋找一個已經存在或者建立的瀏覽器視窗。文法:window.open([URL], [視窗名稱], [參數字串])參數說明:URL:選擇性參數,在視窗中要顯示網頁的網址或路徑。如果省略這個參數,或者它的值是Null 字元串,那麼視窗就不顯示任何文檔。視窗名稱:選擇性參數,被開啟視窗的名稱。 1.該名稱由字母、數字和底線組成。 2."_top"、"_blank"、"_selft"具有特殊意義的名稱。
Time of Update: 2015-07-21
標籤:document.write() 可用於直接向 HTML 輸出資料流寫內容。簡單的說就是直接在網頁中輸出內容。第一種:輸出內容用“”括起,直接輸出""號內的內容。<script type="text/javascript"> document.write("I love JavaScript!"); //內容用""括起來,""裡的內容直接輸出。</script>第二種:通過變數,輸出內容<script type="text/
Time of Update: 2015-07-21
標籤:confirm 訊息對話方塊通常用於允許使用者做選擇的動作,如:“你對嗎?”等。彈出對話方塊(包括一個確定按鈕和一個取消按鈕)。文法:confirm(str);參數說明:str:在訊息對話方塊中要顯示的文本傳回值: Boolean值傳回值:當使用者點擊"確定"按鈕時,返回true當使用者點擊"取消"按鈕時,返回false注: 通過傳回值可以判斷使用者點擊了什麼按鈕看下面的代碼:<script type="text/javascript">
Time of Update: 2015-07-21
標籤:close()關閉視窗用法:window.close(); //關閉本視窗或<視窗對象>.close(); //關閉指定的視窗例如:關閉建立的視窗。<script type="text/javascript"> var mywin=window.open(‘http://www.imooc.com‘); //將新打的視窗對象,儲存在變數mywin中
Time of Update: 2015-07-21
標籤:函數是完成某個特定功能的一組語句。如沒有函數,完成任務可能需要五行、十行、甚至更多的代碼。這時我們就可以把完成特定功能的代碼塊放到一個函數裡,直接調用這個函數,就省重複輸入大量代碼的麻煩。如何定義一個函數呢?基本文法如下:function 函數名(){ 函數代碼;}說明:1. function定義函數的關鍵字。2. "函數名"你為函數取的名字。3.
Time of Update: 2015-07-21
標籤:prompt彈出訊息對話方塊,通常用於詢問一些需要與使用者互動的資訊。彈出訊息對話方塊(包含一個確定按鈕、取消按鈕與一個文本輸入框)。文法:prompt(str1, str2);參數說明:str1: 要顯示在訊息對話方塊中的文本,不可修改str2:文字框中的內容,可以修改傳回值:1. 點擊確定按鈕,文字框中的內容將作為函數傳回值2. 點擊取消按鈕,將返回null看看下面代碼:var myname=prompt("請輸入你的姓名:");if(myname!=null) { alert(
Time of Update: 2015-07-21
標籤:通過前面知識學習,我們知道使用<script>標籤在HTML檔案中添加JavaScript代碼,:JavaScript代碼只能寫在HTML檔案中嗎?當然不是,我們可以把HTML檔案和JS代碼分開,並單獨建立一個JavaScript檔案(簡稱JS檔案),其檔案尾碼通常為.js,然後將JS代碼直接寫在JS檔案中。注意:在JS檔案中,不需要<script>標籤,直接編寫JavaScript代碼就可以了。JS檔案不能直接運行,需嵌入到HTML檔案中執行,我們需在HTML中添
Time of Update: 2015-07-21
標籤:Q3:怎麼檢測資料類型?有哪些方式?其原理是什嗎?Typyof檢測基礎資料型別 (Elementary Data Type),,傳回值是一個代表資料類型的字串,而且是小寫;instanceof檢測物件類型(原理是擷取某一對象執行個體)。Constructor檢測對象的已有屬性類型或者基礎資料型別 (Elementary Data
Time of Update: 2015-07-21
標籤:【前言】請參閱某種網上文章:http://c7sky.com/javascript-libraries-cdn.html本文加入的各個cdn對一些庫的更新情況。以及回應時間。【更新】發表文章的時候bootstrap已經更新到3.2.0,可是大部分cdn還是提供前一個版本號碼3.0.3,事實上兩者的差別還是比較大的,這裡對各個cdn提供的bootstrap版本號碼做個比較【ping time】對各個cdn的ping time做比較【BAE
Time of Update: 2015-07-21
標籤:javascript自訂右鍵菜單代碼:右鍵菜單這個再熟悉不過了,使用電腦的話每天幾乎都要操作上千遍右鍵菜單,下面分享一段自訂右鍵菜單的代碼執行個體,希望能夠給需要相關內容的朋友帶來協助,代碼執行個體如下:<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title&
Time of Update: 2015-07-21
標籤: JavaScript並不是物件導向的語言,它是基於對象的語言。在JavaScript中一切皆是對象。在 JavaScript中建立自訂對象的方法 一文中,我已經介紹了基本的建立自訂類型的方法。那麼怎麼實作類別型與類型之間的繼承呢?這就是本文要講的內容。 JavaScript實現繼承的方式主要有兩種: 原型鏈繼承和藉助建構函式繼承一、原型鏈繼承
Time of Update: 2015-07-21
標籤: 在前端學習中,範圍這個問題一直被廣泛提起,什麼是範圍,什麼又是範圍鏈?在Javascript中,怎麼去理解這些概念都是學好這門語言的關鍵,所以在學習前端開發的過程中,我需要也很有必要去學習和總結下javascript----範圍。 範圍並不難,但是去很少有人能稍微深入的解釋什麼是範圍,知其然而不知其所以然顯然是遠遠不夠的,所以我們就深入淺出一下, 本片博文旨在深度去分析範圍,如有總結不到位之處,請讀者海涵並在評論區指出。 談到範圍就不得不談到一個名詞----執行環境。
Time of Update: 2015-07-21
標籤:文件物件模型DOM(Document Object Model)定義訪問和處理HTML文檔的標準方法。DOM 將HTML文檔呈現為帶有元素、屬性和文本的樹結構(節點樹)。先來看看下面代碼:將HTML代碼分解為DOM節點層次圖:HTML文檔可以說由節點構成的集合,三種常見的DOM節點:1. 元素節點:中<html>、<body>、<p>等都是元素節點,即標籤。2.
Time of Update: 2015-07-21
標籤:javascript繼承簡單一實例:作為一門物件導向的語言,那麼繼承自然就是一大特徵,下面是一段非常簡單代碼執行個體,它示範了實現繼承的基本原理,有興趣的或者恰好要學習此方面的朋友可以參閱一下,希望能夠給大家來幫組。//繼承function Person(name,sex){ this.name=name; this.sex=sex;}Person.prototype.sayName=function(){
Time of Update: 2015-07-21
標籤: 完整內容參見原文連結:http://www.gbtags.com/gb/share/5839.htm前幾天社區的群裡森破發了一個這樣的連結:http://ourjs.com/detail/52fb82e13bd19c4814000001做了一遍後突然對人生感到了迷茫,本著不能只有我一個人傷心的原則,只要是程式員的好友我都發了一遍給他們答。最近亞馬遜書滿減,湊單買了本javascript實用程式碼片段的書,結果發現原來那個所謂八級測試的始作俑者就是這本·
Time of Update: 2015-07-21
標籤:javascript實現的運動架構詳解:所謂的運動架構簡單的說就是讓元素的某一個屬性值能夠有漸進性的變化。運動架構的使用在實際功能中有大量的應用,最常見的比如客服系統,當拖動捲軸的時候,一般客服系統能夠以彈性方式跟隨,下面就簡單介紹一下如何?此效果:代碼執行個體如下:<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author"
Time of Update: 2015-07-21
標籤:作用:和java類似,不過我覺得挺雞肋的。哈哈,個人見解。。。上代碼:123.html<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta charset="utf-8"><script
Time of Update: 2015-07-21
jQuery的position()方法詳解,jquerypositionposition()方法的定義和用法:此方法擷取匹配元素相對某些元素的位移量。返回的對象包含兩個整型屬性(top和left)的對象。此方法只對可見元素有效。文法結構:$(selector).position()在教程的開頭之所以說是擷取匹配元素相對於某些元素的位移量。很多教程都說方法返回的位移量是相對於父元素,其實並非完全如此,此方法會將匹配元素以絕對位置方式處理,當然並不是說真的將匹配元素設定為絕對位置。方法的位移量參考原