Time of Update: 2014-12-09
DOM筆記(二):Node介面,dom筆記node介面所有的節點都使用Node介面來表示,可以使用很多方法去擷取節點,如document.getElementsByTagName()、document.getElementsByName()等均返回一個NodeList對象,然後擷取其中的節點。 節點對應的屬性和放大均在Node介面予以定義:
Time of Update: 2014-12-09
純CSS實現tooltip提示框,CSS箭頭及形狀,tooltipcss本片介紹僅用CSS做出tooltip那樣的提示框及箭頭等形狀!首先介紹一下CSS:after選取器定義和用法:(參考w3school:after選取器) :after選取器在被選元素的內容後面插入內容,使用content屬性來指定要插入的內容例:p:after{ content:"台詞:-"; background-color:yellow; color:red;
Time of Update: 2014-12-08
angularjs中的e2e測試執行個體,angularjse2e執行個體在上一篇文章裡有講到ng的單元測試,今天來說說e2e(端對端)測試.當我們測試某個模組的單個功能點時,單元測試最適合,不過當面臨使用者進行多個頁面互動的時候產生bug了,單元測試就不行了,這時候就得用e2e來類比使用者操作還原問題現場.當然利用e2e測試也能夠測試程式的健壯性,很多單元測試辦不到的事情,e2e測試都能夠辦到.之前,ng是利用Angular Scenario
Time of Update: 2014-12-08
JavaScript實現的一個計算數字步數的演算法分享,javascript演算法這兩天看了下某位大神的github,知道他對演算法比較感興趣,看了其中的一個計算數位步數演算法,感覺這個有點意思,所以就自己實現了一個。演算法描述與實現原理給出一個整型數字,統計出有多少種走法可以到達目標,比如一個數字4,可以有下面幾種走法複製代碼 代碼如下: [ 1, 3 ] [ 4
Time of Update: 2014-12-08
Nodejs實現多人同時線上移動滑鼠的小遊戲分享,nodejs同時線上最近因為項目需要,所以研究了一下nodejs的websocket實現,socket.io,這是nodejs後台應用websocket廣泛使用的架構。準備工作1.安裝socket.io,使用命令npm install
Time of Update: 2014-12-08
AngularJS入門教程之Hello World!,angularjs入門教程開始學習AngularJS的一個好方法是建立經典應用程式“Hello World!”:1.使用您喜愛的文字編輯器,建立一個HTML檔案,例如:helloworld.html。2.將下面的原始碼複製到您的HTML檔案。3.在web瀏覽器中開啟這個HTML檔案。原始碼:複製代碼 代碼如下:<!doctype html><html ng-app>
Time of Update: 2014-12-08
JavaScript實現的一個日期格式化函數分享,javascript函數由於在工作中,經常需要對日期進行格式化,不像後端那樣,有方便的方法可調用,可以在date的對象prototype中定義一個format方法,見如下:複製代碼 代碼如下:// 日期時間原型增加格式化方法Date.prototype.Format = function (formatStr) { var str = formatStr; var Week
Time of Update: 2014-12-08
JavaScript實現twitter puddles演算法執行個體,twitterpuddles今天發現了一個挺好玩的演算法題,下面是它的演算法描述,源自twitter的一道面試題。twitter puddles
Time of Update: 2014-12-08
AngularJS入門教程之學習環境搭建,angularjs入門教程學習AngularJS的一個好方法是逐步完成本教程,它將引導您構建一個完整的AngularJS web應用程式。 該web應用是一個Android裝置清單的目錄列表,您可以篩選列表以便查看您感興趣的裝置,然後查看裝置的詳細資料。本教程將向您展示AngularJS怎樣使得web應用更智能更靈活,而且不需要各種擴充程式或外掛程式。
Time of Update: 2014-12-08
AngularJS入門教程(一):靜態模板,angularjs入門教程為了說明angularJS如何增強了標準HTML,我們先將建立一個靜態HTML頁面模板,然後把這個靜態HTML頁面模板轉換成能動態顯示的AngularJS模板。在本步驟中,我們往HTML頁面中添加兩個手機的基本資料,用以下命令將工作目錄重設到步驟1。複製代碼 代碼如下:git checkout -f
Time of Update: 2014-12-08
JavaScript中的Web worker多線程API研究,workerapiHTML5支援了Web Worker這樣的API,允許網頁在安全的情況下執行多線程代碼。不過Web Worker實際上受到很多限制,因為它無法真正意義上共用記憶體資料,只能通過訊息來做狀態通知,所以甚至不能稱之為真正意義上的“多線程”。Web Worker的介面使用起來很不方便,它基本上內建一個sandbox,在沙箱中跑一個獨立的js檔案,通過 postMessage和 onMessge來和主線程通訊:複製代碼
Time of Update: 2014-12-08
AngularJS入門教程(零):引導程式,angularjs入門教程我們現在開始準備編寫AngularJS應用——phonecat。這一步驟(步驟0),您將會熟悉重要的原始碼檔案,學習啟動包含AngularJS種子項目的開發環境,並在瀏覽器端運行應用。進入angular-phonecat目錄,運行如下命令:複製代碼 代碼如下:git checkout -f
Time of Update: 2014-12-08
jQuery的圖片滑塊焦點圖外掛程式整理推薦,jquery焦點1.jQuery實現的右側選項卡焦點圖片輪播動畫jQuery實現的右側選項卡焦點圖片輪播動畫特效源碼,是一段清新可愛的焦點圖輪播代碼,支援自動輪播與手動點擊,是一段不錯的焦點圖切換代碼。線上示範源碼下載2.jquery實現的網頁縮圖大綱可滑動顯示動態query實現的網頁縮圖大綱可滑動顯示動態特效源碼,是一款擁有網頁大綱的縮圖顯示的代碼,點擊滑動縮圖即可看到想要的東西,支援滑鼠點擊、拖動及滑鼠滾動切換顯示。線上示範源碼下載3.純CSS3
Time of Update: 2014-12-08
JS數組(Array)處理函數整理,jsarray1、concat() 串連兩個或更多的數組該方法不會改變現有的數組,而僅僅會返回被串連數組的一個副本。例如:複製代碼 代碼如下: <script type="text/javascript"> var arr = [1, 2, 3]; var arr1 = [
Time of Update: 2014-12-08
推薦6款基於jQuery實現圖片效果外掛程式,6款jquery1.基於jQuery實現的匯圖網大屏焦點圖效果匯圖網大屏jQuery焦點圖代碼,可設定切換模式,如淡入淡出切換,左右滾動切換,上下滾動切換,可設定是否自動輪播,可設定滑鼠划過是否停止播放等。線上示範源碼下載2.HTML5基於SVG實現的過山車動畫特效今天我們要分享一款很酷的HTML5/SVG動畫,這款HTML5動畫是過山車效果,主要是利用了SVG的path動畫來實現的,整體動畫效果流暢自然,效果非常酷。線上示範源碼下載3.jQuery
Time of Update: 2014-12-08
AngularJS入門教程(二):AngularJS模板,angularjs入門教程是時候給這些網頁來點動態特性了——用AngularJS!我們這裡為後面要加入的控制器添加了一個測試。一個應用的代碼架構有很多種。對於AngularJS應用,我們鼓勵使用模型-視圖-控制器(MVC)模式解耦代碼和分離關注點。考慮到這一點,我們用AngularJS來為我們的應用添加一些模型、視圖和控制器。請重設工作目錄:複製代碼 代碼如下:git checkout -f
Time of Update: 2014-12-08
9款2014最熱門jQuery實用特效推薦,9款2014最熱門jquery1.jQuery cxSlide實現的三款多功能大氣焦點圖輪播jQuery
Time of Update: 2014-12-08
淺談JS日期(Date)處理函數,jsdate擷取日期1、Date()——返回當日的日期和時間。2、getDate()——從 Date 對象返回一個月中的某一天 (1 ~ 31)。3、getDay()——從 Date 對象返回一周中的某一天 (0 ~ 6)。4、getMonth()——從 Date 對象返回月份 (0 ~ 11)。5、getFullYear()——從 Date 對象以四位元字返回年份。6、getYear()——請使用 getFullYear() 方法代替。7、getHours()
Time of Update: 2014-12-08
基於jQuery實現的文字按鈕表單特效整理,jquery按鈕表單特效1.jQuery投影片按鈕控製圖片過渡特效基於jQuery實現的投影片按鈕控製圖片過渡特效源碼,共有4幅圖片進行自動切換,且切換時有投影片過度的效果。使用者還可自訂投影片的標題文字和內容。是一款非常優秀的特效源碼。線上示範源碼下載2.htm5+CSS3實現的表單美化帶輸入驗證特效純html5+css3實現的表單美化效果,以及具有輸入驗證特效的代碼,此種特效在網站非常實用。線上示範源碼下載3.jquery製作的帶有遮罩彈出層實現登
Time of Update: 2014-12-08
淺談javascript回呼函數,javascript回呼函數把函數作為參數傳入到另一個函數中。這個函數就是所謂的回呼函數經常遇到這樣一種情況,某個項目的A層和B層是由不同的人員協同完成.A層負責功能funA,B層負責funcB。當B層要用到某個模組的資料,於是他對A層人員說,我需要你們提供滿足某種需求的資料,你給我提供一個介面。A層的人員說:我給你提供資料,怎麼展示和處理則是B的事情。當然B層不可能為你每個需求都提供一個資料介面,B給A提供一個通過的介面.B得到資料,然後B寫函數去展示。即,你