Time of Update: 2016-04-21
標籤:jQuery外掛程式開發分為兩種: 1 類層級 類層級你可以理解為拓展jquery類,最明顯的例子是$.ajax(...),相當於靜態方法。 開發擴充其方法時使用$.extend方法,即jQuery.extend(object); $.extend({ add:function(a,b){return a+b;} , minus:function(a,b){return a-b;} }); 頁面中調用: var i = $.add(3,
Time of Update: 2016-04-21
標籤:什麼是 PromisesPromises是一種關於非同步編程的規範,目的是將非同步處理對象和處理規則進行正常化,為非同步編程提供統一介面。 傳統的回呼函數說到JavaScript的非同步編程處理,通常我們會想到回呼函數,如下面的代碼:getFileAsync("1.txt", function(error, result){ if(error){ throw error; } //
Time of Update: 2016-04-21
標籤: Javascript 數組迴圈遍曆之forEach 數組迴圈變數,最先想到的就是 for(var i=0;i<count;i++)這樣的方式了。除此之外,也可以使用較簡便的forEach 方式2. forEach 函數。Firefox 和Chrome 的Array 類型都有forEach的函數。使用如下:[html] view plain
Time of Update: 2016-04-22
CSS3
Time of Update: 2016-04-22
【CSS3進階】酷炫的3D旋轉透視,css3進階酷炫3d之前學習 react+webpack ,偶然路過 webpack 官網 ,看到頂部的 LOGO ,就高度興趣。最近覺得自己 CSS3 過於薄弱,想著深入學習一番,遂以這個 LOGO 為切入口,好好研究學習了一下相關的 CSS3 屬性。webpack 的 LOGO 動畫效果乍看不是很難,深入瞭解之後,覺得內部其實大有學問,自己折騰了一番,做了一系列相關的 CSS3 動畫效果。先上 demo ,沒有將精力放在相容上,請用 chrome
Time of Update: 2016-04-22
Firefox和IE之間的7個JavaScript差異,iejavascript儘管 JavaScript 曆史上使用冗長而令人生厭的代碼塊來標的特定瀏覽器的時期已經結束了,但是偶爾使用一些簡單的代碼塊和對象檢測來確保一些代碼在使用者機器上正常工作依然是必要的。這篇文章中,我會略述一下 Internet Explorer 和 Firefox 在 JavaScript 文法上不同的 7 個方面。1. CSS “float” 屬性擷取給定對象的特定 CSS 屬性的基本文法是
Time of Update: 2016-04-21
從零開始學_JavaScript_系列(八)——js系列(2)(事件觸發順序、文本讀取、js編寫ajax、輸入驗證、下來菜單)(20)事件觸發的順序假如文檔中有多個指令碼(例如自動執行的指令碼),那麼他們執行是有一定的順序的(在HTML文檔之中):①先執行內的<script>標籤。因此,這裡的js指令碼通常是內嵌程式碼、指向JS檔案,可以在這裡定義其後要使用的函數;②其次是執行內的script標籤;③然後是執行觸發的指令碼內容,例如在button按鈕上添加的onclick=””命令,
Time of Update: 2016-04-22
動畫animation的三個應用(漂浮的白雲、旋轉的星球、正方體合成),animation正方體×目錄[1]漂浮的白雲 [2]旋轉的星球 [3]正方體合成前面的話 前面介紹過動畫animation的詳細用法,本文主要介紹動畫animation的三個效果 漂浮的白雲【效果示範】【簡要介紹】 漂浮的白雲主要通過遠景白雲和近景白雲來實現立體漂浮效果。遠景和近景分別使用兩張背景圖片,通過改變其背景定位來實現白雲移動效果,通過設定不同的動畫期間來實現交錯漂浮的效果【主要代碼】.
Time of Update: 2016-04-21
BootStap學習筆記(1),bootstap學習筆記 行動裝置優先: 為了讓開發的網站對行動裝置友好,確保適當的繪製和觸屏縮放,需要在網頁的head之中添加viewport meat標籤:如下:<metaname="viewport"content="width=device-width, initial-scale=1.0"> 響應式映像: 通過對映像添加class="img-responsive"可以讓映像對響應式布局設計的更好;
Time of Update: 2016-04-21
BootStap學習筆記(2),bootstap學習筆記學習該內容之前可能會用到的內容:css屬性Font-Weight:如果數字為700就是加粗的.或者更粗的為bolder,更細的是lighter.html Cite標籤定義文檔的引用,預設字型以斜體表示 如果有title屬性,當滑鼠放上去的時候還會顯示title裡定義的內容;html q標籤通常和cite屬性一起使用,cite來定義文檔引用位置,注意q標籤中常值內容會自動加上雙引號;html blockquote
Time of Update: 2016-04-21
JavaScript圖解繼承(多圖)在JavaScript中,繼承主要是通過原型鏈來實現的。原型鏈和前文所說的原型對象密切相關。原型對象可以參考JavaScript建構函式和原型對象。為了徹底搞清楚JavaScript的繼承,我們先搞清楚原型鏈是什麼。原型鏈繼承我們知道,所有的參考型別都預設繼承了Object,因而所有自訂類型都擁有toString()、valueOf等預設方法。我們只是知道這個結論,但現在我們更感興趣的是這個繼承關係究竟是如何?的。我們先來回顧一下建構函式,原型對象和執行個體的
Time of Update: 2016-04-21
CSS3放射狀漸層----大魚吃小魚之孤單的大魚,css3徑向最近迷戀上了釣魚,可是總釣不到大魚,所以就畫條大魚來安慰一下我這柔弱的心靈。先:<div class="fish"> <div class="fisg-head"></div> <div class="fisg-tail"></div> </div>首先給整條魚做一點小小的處理.fish{ display:
Time of Update: 2016-04-22
CSS垂直水平置中,css垂直置中小小的總結一下:行內元素水平置中用text-align: center;區塊層級元素水平置中用margin-left: auto; margin-right: auto; 首先討論一下單行時的情況。毫無疑問,這是最簡單的一種情況。HTML結構如下:1 <div class="demo">2 <span>111111111111111111111111111111111111</span>3 </div&
Time of Update: 2016-04-21
[Bootstrap]全域樣式(四),bootstrap全域樣式按鈕1、基本類.btn{display/padding/margin-bottom/font-size/border-radius/border}作用於< a:role:button > <button> <input:button> <input:submit>2、預定義樣式.btn-default .btn-primary
Time of Update: 2016-04-21
Bootstrap學習筆記(3)--表格和表單,bootstrap學習筆記Bootstrap表格 表格類: .table只會在表行之間增加橫線; .table-striped會在表格行之間增減斑馬線; .table-hover會給表設定滑鼠移至上方狀態; .table-border會為所有的表格添加邊框; .table-condensed讓表格更加緊湊;&
Time of Update: 2016-04-21
非常棒的jQuery圖片輪播效果,非常棒jquery圖片本文執行個體為大家分享了jQuery圖片輪播效果,很個性,具體內容如下購物產品展示:圖片輪播器,效果如下所示:思路說明:每隔一段時間,實現圖片的自動切換及選項卡選中效果兩個地區: 最外層容器地區,如紅色線框矩形 選項卡地區兩個事件: 滑鼠懸浮或滑鼠劃入mouseover
Time of Update: 2016-04-21
CSS徹底研究(3)-浮動,定位,css浮動CSS徹底研究(3)-浮動,定位一 . 浮動floatI . 定義及規則float預設為none,對應標準流的情況。當float : left;時,元素就會向其父元素的左側靠緊,脫離標準流,同時寬度不再伸展至充滿父容器,而是根據自身內容來確定。II . 示範規則準備代碼<html xmlns="http://www.w3.org/1999/xhtml"><head> <meta
Time of Update: 2016-04-21
建立自己的AngularJS - 範圍和Digest(四)範圍第一章 範圍和Digest(四)聯合$apply調用 - $applyAsync不論在digest裡面還是外面調用$evalAsync去延遲工作,他實際是為之前的使用案例設計的。之所以在setTimeout中調用digest是為了在digest迴圈外面調用$evalAsync時防止混淆。針對在digest迴圈外部非同步呼叫$apply的情況,同樣有一個名為$applyAsync來處理。其使用類似於$apply -
Time of Update: 2016-04-21
js如何準確擷取當前頁面url網址資訊,js當前url網址資訊在WEB開發中,時常會用到javascript來擷取當前頁面的url網址資訊,在這裡是我的一些擷取url資訊的小總結。下面我們舉例一個URL,然後獲得它的各個組成部分:http://i.cnblogs.com/EditPosts.aspx?opt=11、window.location.href(設定或擷取整個 URL 為字串)var test =
Time of Update: 2016-04-21
node.js串連mongoDB資料庫 快速搭建自己的web服務,node.jsmongodb一、寫在前面 人人都想成為全棧碼農,作為一個web前端開發人員,通往全棧的簡潔之路,貌似就是node.js了。前段時間學習了node.js,來談談新手如何快速的搭建自己的web服務,開啟全棧之路。二、安裝node.js 接觸過後端開發的人都知道,首先要安裝服務。作為新手,肯定是選擇最簡單的可視化安裝了(傻瓜式下一步,其它的方式等熟悉相關操作後自然就會了的),通過官網http://