Time of Update: 2018-12-06
1.在建立XMLHttpRequest對象時存在相容 var xhr;if(window.XMLHttpRequest){ xhr = new XMLHttpRequest();}else if(window.ActiveXObject){ xhr = new ActiveXObject('Microsoft.XMLHTTP');}2.事件對象event的建立和屬性存在差異 IE中,event事件作為window對象的一個屬性;而FF則作為參數傳遞給函數。 同時IE阻止冒泡、
Time of Update: 2018-12-06
1、通過JSON建立對象2、先new Object,然後添加屬性和方法,缺點:會產生大量重複的代碼var people = new OBject();people.name = "aaaa";people.getName = function(){ alert('get the name:' +this.name);} 3、通過對象字面量,缺點:會產生大量重複的代碼var people = { name: "aaaa", getName: function(){
Time of Update: 2018-12-06
1.根據網域名稱尋找對應的IP地址,尋找方法:瀏覽器緩衝、系統緩衝、路由器緩衝、ISP
Time of Update: 2018-12-06
一下均為個人理解,如果錯誤還望大家指正.1.塊元素的定義 個人認為,塊元素就是一個矩形框,作為參考,可以便於內部的元素定位和尺寸的計算。 在瀏覽器產生顯示的頁面的時候,每一個框都有一個定位,這個定位受其包含快的影響,不過它不被包含塊所限制,而且可能會溢出到包含快之外。2.包含快的確定 1.跟預算怒存在的包含快成為初始包含快; 2.如果元素的定位(position)為relative或者static,它的包含塊由它最近的快級、儲存格(table
Time of Update: 2018-12-06
1.margin是什嗎? margin用於控制元素周圍空間的間隔,從視覺上達到空間間隔的目的。相對於前一個元素有相應的外邊距。用於隔開元素與元素的。始終是透明的。2.外邊距的合并問題(參見w3school)---前提:元素出於文檔流中 2.1 兩個垂直外邊距相遇時,在垂直方向上會發生外邊距的疊加,最終的外邊距等於二者的較大值; 2.2 當一個元素(沒有邊框和內邊距)包含另外一個元素時,將在垂直方向上發生疊加; 2.3
Time of Update: 2018-12-06
立即數與控制操作指令SLEEP 單片機進入低功耗睡眠模式文法形式:SLEEP運算元:無執行時間:一個指令周期執行過程:看門狗計數器清0看門狗計數器的預分頻器清0STATUS寄存器的“TO”標誌位置1STATUS寄存器的“PD”標誌位清0狀態標誌影響:TO PD說明:SLEEP指令可以讓單片機停止所有的工作進入低功耗睡眠模式,在睡眠模式下晶片的功耗降至最低。在休眠狀態下,單片機的主時鐘振蕩器將停止,所有內部寄存器的內容保持不變,直到出現某一條件將單片機從休眠狀態下喚醒。指令範例:CALL
Time of Update: 2018-12-06
一、DOM結構 —— 兩個節點之間可能存在哪些關係以及如何在節點之間任意移動關係:父子關係、兄弟關心如何移動:父節點與子節點:childNodes ,firstChild ,lastChild , parentNode兄弟節點之間:nextSibling , previousSibling二、DOM操作 ——如何添加、移除、移動、複製、建立和尋找節點等添加:appendChild(new,old) , insertBefore(new,old)刪除: removeChild(node)
Time of Update: 2018-12-06
最近在使用Regex的g標誌時出現了錯誤,索性就把Regex在總結下,算是加強理解吧! 1、建立Regex 1.1使用Regex字面量(即//)來建立 var reg = /(.)at/g; 1.2使用建構函式(RegExp) var reg = new RegExp('(.)at','g'); 1.3上述二種方法的不同 1.3.1、運算式中存在元字元(例如[、|等) 前者:
Time of Update: 2018-12-06
GOTO 程式無條件跳轉到指定的地址文法形式:GOTO m運算元:m為11位立即數指定的目標地址執行時間:2個指令周期執行過程:m→PC【10:0】PCLATH【4:3】→PC【12:11】狀態標誌影響:無說明:程式無條件立即強行跳轉到目的地址處繼續執行。目的地址由本指令內含的11位地址碼和特殊寄存器PCLATH中的【4:3】一起構成完整的13位地址。指令範例:ORG 0x000 ;偽指令指定程式的起始地址GOTO Main ;程式跳轉到標號指定的位置處繼續執行MOVLW
Time of Update: 2018-12-06
在javascript中,根本找不到Enumerable的影子,因為這一塊是Prototype作者從Ruby中借鑒過來的。並且Enumerable在實際中根本沒有直接應用的機會,都是混入到其他的對象中,可以說是其他對象的一個“父類”(不過只是調用了Object的extend方法,進行了方法的直接拷貝而已)。 我並不熟悉Ruby,不過看Enumerable中的一些方法,倒是跟Python中的有幾分相似。 Enumerable其中一個最重要的方法是each,each這個方法應該都比較熟悉,其
Time of Update: 2018-12-06
思路如下:1.css部分:使用絕對位置,讓圖片重疊在一起,並將display設定為none,然後通過定時函數改變圖片的display值,進行迴圈顯示。2.js部分,為每個圖片添加一個相應的索引值,通過setInterval函數迴圈執行圖片顯示函數,然後設定onmouseover、onmouseout等函數3.原始碼:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2018-12-06
1.談談對響應式網頁設計(Responsive web design)的理解 參考 前端觀察 a).網頁的設計與開發應該根據使用者的行為和裝置進行相應的相應和調整,頁面能夠自動的切換解析度、圖片尺寸以及相應的指令碼,也就是一個網站能夠相容多個終端。 b). 跟移動互連網相關,隨著移動終端的普及和豐富而興盛。 c). 設計的技術: 媒體查詢(media query)、流體網格(fluid grid)、flex box d). 最佳化方案: HTML5本機存放區、行動裝置優先、
Time of Update: 2018-12-06
本文原文來自 Dan Shipper,由 如歌行板 和 茜仔 翻譯投稿。這些天,許多人向我詢問該如何開始學習編程。我所能給出的答案就是:讀書,嘗試Code Academy,多在Google上檢索,使用Stack
Time of Update: 2018-12-06
說明:在javascript中,由於缺乏傳統物件導向語言的繼承機制,類與繼承是一個比較複雜的概念。因此本段解析中,不就javascript中的原型、類、繼承、封裝進行深入探討。需要深入瞭解的可以去參考大牛的文章,另推薦幾本書《javascript進階程式設計》、《javascript語言精髓與編程實踐》和《javascript設計模式》,多讀幾遍就會對javascript的原型有深入的瞭解。所以本文只就Prototype遠源碼涉及到的部分進行解析。 本文:到Class這一步,需要說一下前面沒有說
Time of Update: 2018-12-06
1.預先載入的好處 提高開啟頁面的速度,提高使用者的體驗。2.缺點 增加了無用的請求。3.實現 View Code 1 function preload(url,callback){2 var img = new Image();3 img.onload = function(){4 img.onload = null;5 callback.call(img);6 }7 img.src= url;8
Time of Update: 2018-12-06
替換interpolate | sub | scan | truncate | gsub interpolate : 將字串看作一個模板,並使用 object 的屬性填充它。sub : 將字串中前指定個個與 pattern 指定的模式比對的子串用 replacement 替換scan : 遍曆字串中與參數 pattern 指定的模式比對的所有子串。返回原始字串本身。 truncate : 將字串截短為指定的長度(包含尾碼部分), 並添加一個尾碼。 gsub :將字串中所有與
Time of Update: 2018-12-06
按照W3C的說明,String對象的replace方法調用方式是stringObject.replace(regexp/substr,replacement)。這兩個參數都是必須的,replace() 方法的參數 replacement 可以是函數而不是字串。在這種情況下,每個匹配都調用該函數,它返回的字串將作為替換文本使用。該函數的第一個參數是匹配模式的字串。接下來的參數是與模式中的子運算式匹配的字串,可以有 0 個或多個這樣的參數。接下來的參數是一個整數,聲明了匹配在
Time of Update: 2018-12-06
1.JSOP存在的必要性 參考1 ,2 Ajax資料的擷取需要遵循同源的策略,也就是需要使用相同的網域名稱、連接埠、協議,所以要想擷取不同域的資料就存在問題。因此基於此問題就衍生出了很多解決Ajax跨域的技術,譬如:伺服器代理、img、iframe等等技術。 JSONP是JSON with padding的縮寫。 2.JSONP的原理 在本地建立一個回呼函數,然後在跨域段調用該回呼函數,並將JSON資料作為參數傳遞給回呼函數,完成回調。 3.案例解析 a.html需要跨域解決問題 &
Time of Update: 2018-12-06
一直以來對單例模式的理解很淩亂,今天就整體了一下,希望能給用得到的朋友一點協助。 0.前言 單例(singleton)對象在記憶體中只存在一份執行個體,一般用{}來呈現,{}裡面有若干的屬性和方法。借用該模式可以講程式碼群組織得更為一致,從而使其更容易閱讀和維護。缺點是可能增強了代碼之間的強耦合。 1.建立單例模式的方法 1.1 使用對象字面量,即{} View Code 1 var singleton = { 2 3 name:
Time of Update: 2018-12-06
今天在群裡討論alert的問題,說到了alert的改造,雖然說改造原生方法不是好做法,但是既然提到了就可以討論下,所以我按照他們的討論給出了下面的一段代碼: var _alert = window.alert; window.alert = function(param,isDebug){if(isDebug){ console.log(param); }else{ _alert(param); } }