Time of Update: 2016-01-21
理解JavaScript中Promise的使用,javascriptpromiseJavascript 採用回呼函數(callback)來處理非同步編程。從同步編程到非同步回調編程有一個適應的過程,但是如果出現多層回調嵌套,也就是我們常說的厄運的回調金字塔(Pyramid of Doom),絕對是一種糟糕的編程體驗。於是便有了 CommonJS 的 Promises/A 規範,用於解決回調金字塔問題。本文先介紹 Promises 相關規範,然後再通過解讀一個迷你的 Promises 以加深理解。
Time of Update: 2016-01-21
AngularJS仿蘋果滑屏刪除控制項,angularjs控制項AngularJs被用來開發單頁面應用程式(SPA),利用AJAX調用配合頁面的局部重新整理,可以減少頁面跳轉,從而獲得更好的使用者體驗。Angular的ngView及其對應的強大路由機制,是實現SPA應用的核心模組。本文所說的頁面切換指的就是這個路由機制,即根據不同的url展示不同的視圖。前端開發中,為了對清單項目進行快捷操作,有時就添個按鈕來簡單實現。但是,有時會發現按鈕影響美觀,甚至影響列表行的布局。稍在網上搜尋無果,而寫此仿
Time of Update: 2016-01-21
jQuery實現多級聯動下拉式清單查詢方塊,jquery聯動下拉本文執行個體介紹了jQuery實現多級聯動下拉式清單查詢方塊的詳細代碼,分享給大家供大家參考,具體內容如下 :具體代碼:<html><head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title></title> <meta
Time of Update: 2016-01-21
深入學習jQuery Validate表單驗證(二),jqueryvalidate本文執行個體介紹了jQuery Validate表單驗證,分享給大家供大家參考,具體內容如下一、添加一個另外一個外掛程式jquery.validate.messages_cn.js。改變預設提示方式。/* * Translated default messages for the jQuery validation plugin. * Language: CN * Author: Fayland Lam
Time of Update: 2016-01-21
學習JavaScript設計模式之享元模式,javascript設計模式一、定義享元(flyweight)模式是一種用於效能最佳化的模式,核心是運用共用技術來有效支援大量細刻度的對象。 在JavaScript中,瀏覽器特別是移動端的瀏覽器分配的記憶體並不算多,如何節省記憶體就成了一個非常有意義的事情。 享元模式是一種用時間換空間的最佳化模式
Time of Update: 2016-01-21
Ionic實現仿通訊錄點擊滑動及$ionicscrolldelegate流量分析,ionicscrolldelegate引言在諾亞財富項目中,使用到了通訊錄,如果只是簡單的查看,我個人覺得可能過於單調,於是就在查看的基礎上,增加了點擊滑動的效果。目的有兩個:1.體驗不錯。2.通訊錄的資料量較大,我們在點擊一個模組的同時,使這個模組滑動至最上層,可視範圍也會變大。效果點擊一個模組,頁面即開始向上滑動,直到這個模組至於頁面最上層。這是點擊前的地方,我們點擊運營中心:點擊後就會有一個滑動的動畫使這個模
Time of Update: 2016-01-21
你不知道的高效能JAVASCRIPT,高效能javascript本文會分享一些高效的JavaScript的最佳實務,提高大家對JS的底層和實現原理的理解。資料存放區電腦學科中有一個經典問題是通過改變資料存放區的位置來獲得最佳的讀寫效能,在JavaScript中,資料存放區的位置會對代碼效能產生重大影響。 – 能使用{}建立對象就不要使用new Object,能使用[]建立數組就不要使用new Array。JS中字面量的訪問速度要高於對象。 –
Time of Update: 2016-01-21
jQuery中bind(),live(),delegate(),on()綁定事件方法執行個體詳解,jquerydelegate本文執行個體分析了jQuery中bind(),live(),delegate(),on()綁定事件方法。分享給大家供大家參考,具體如下:前言因為項目中經常會有利用jquery操作dom元素的增刪操作,所以會涉及到dom元素的綁定事件方式,簡單的歸納一下bind,live,delegate,on的區別,以便以後查閱,也希望該文章日後能協助到各位朋友,文中如有不當之處,還望各
Time of Update: 2016-01-21
純JavaScript基於notie.js外掛程式實現訊息提示特效,javascriptnotie.js本文執行個體介紹了純JavaScript實現訊息提示特效是一款基於notie.js外掛程式實現的可以製作Alert提示框,確認框和帶輸入的訊息框,分享給大家供大家參考,具體內容如下:實現的代碼:html代碼:<br><br><br><br><br><br> <article class="zzsc">
Time of Update: 2016-01-21
JS拖拽組件學習使用,js拖拽組件JS代碼需要常寫,不然容易生疏,最近雖然一直在看JS的原型,行為委託等知識點,但是動手寫代碼的量略有減少。本文與大家分享一個拖拽組件,供大家參考,具體內容如下首先,看一下拖拽的原理。 被拖拽元素位置的變化,left值的變化其實就是滑鼠位置水平方向的變化值,e.clientX - 滑鼠左鍵按下時e.clientX。 top值的變化其實就是滑鼠位置豎直方向的變化值,e.clientY - 滑鼠左鍵按下時e.clientY。
Time of Update: 2016-01-21
學習JavaScript設計模式之裝飾者模式,javascript設計模式有時我們不希望某個類天生就非常龐大,一次性包含許多職責。那麼我們就可以使用裝飾著模式。 裝飾著模式可以動態地給某個對象添加一些額外的職責,從而不影響這個類中派生的其他對象。 裝飾著模式將一個對象嵌入另一個對象之中,實際上相當於這個對象被另一個對象封裝起來,形成一條封裝鏈。一、不改動原函數的情況下,給該函數添加些額外的功能1. 儲存原引用window.onload = function() { console.log(1)
Time of Update: 2016-01-21
詳解javascript實現自訂事件,詳解javascript我們平時在操作dom時候經常會用到onclick,onmouseover等一系列瀏覽器特定行為的事件, 那麼自訂事件,顧名思義,就是自己定義事件類型,自己定義事件處理函數,在合適的時候需要哪個事件類型,就去調用哪個處理常式1.js所支援的瀏覽器預設事件瀏覽器特定行為的事件,或者叫系統事件,js預設事件等等都行,大家知道我指的什麼就行,下文我叫他js預設事件。
Time of Update: 2016-01-21
jQuery unbind()方法執行個體詳解,jqueryunbind本文執行個體講述了jQuery unbind()方法使用方法。分享給大家供大家參考,具體如下:jQuery 中的 unbind() 方法是 bind() 方法的反向操作,從每一個匹配的元素中刪除綁定的事件。文法結構:複製代碼 代碼如下:unbind([type][,
Time of Update: 2016-01-21
學習JavaScript設計模式之觀察者模式,javascript設計模式一、定義觀察者模式(發布-訂閱模式):其定義對象間一種一對多的依賴關係,當一個對象的狀態發生改變時,所有依賴於它的對象都將得到通知。 在JavaScript中,一般使用事件模型來替代傳統的觀察者模式。 好處: (1)可廣泛應用於非同步編程中,是一種替代傳遞迴調函數的方案。
Time of Update: 2016-01-20
CSS的::selection使用方法,cssselection請選擇本頁面文本看看:http://hovertree.com/h/bjaf/38hq6y9d.htmCSS改變預設文本選中的顏色的方法一般情況下在網頁裡的文本我們用滑鼠選中的時候都是藍色的,這個預設顏色也是可以更改的,本文我們學習如何使用CSS3實現改變預設文本選中的顏色。以我的系統舉例(xp 預設主題),瀏覽器上頁面文字選中後預設的背景色是一種藍色,
Time of Update: 2016-01-20
高度調適型配置,調適型配置 在網頁布局中,經常用到高度自適應增長的布局。如左側是文章內容部分,隨著文章內容的變化,高度也不固定,右側則是一些固定高度的相關內容。: 簡單摸索後發現CSS中有一個min-height的屬性,如果設定min-height為200px,當高度大於200px時,則自動開始增長;小於200px則為200px。結合float:left,我的布局如下: <div id="main"> <div
Time of Update: 2016-01-21
JS擷取CSS樣式(style/getComputedStyle/currentStyle),style.css樣式表CSS的樣式分為三類: 內嵌樣式:是寫在Tag裡面的,內嵌樣式只對所有的Tag有效。 內部樣式:是寫在HTML的裡面的,內部樣式只對所在的網頁有效。 外部樣式表:如果很多網頁需要用到同樣的樣式(Styles),將樣式(Styles)寫在一個以.css為尾碼的CSS檔案裡,然後在每個需要用到這
Time of Update: 2016-01-20
JQuery實現網頁右側隨動廣告特效,jquery特效方法一:<script type="text/javascript">// <![CDATA[ $.fn.smartFloat = function() { var position = function(element) { var top = element.position().top, pos = element.css("position");
Time of Update: 2016-01-20
css實現的左右兩欄寬度自適應中間一欄寬度固定,css左右兩css實現的左右兩欄寬度自適應中間一欄寬度固定:更多的時候可能是設定左右兩欄寬度固定,中間一欄寬度自適應,不過本章節恰恰相反,下面介紹一下如何?中間一欄寬度固定,左右兩欄寬度自適應,關於左右兩欄固定,左右寬度自適應可以參閱左右兩列寬度固定中間一欄寬度自適應代碼執行個體一章節。代碼執行個體:<!DOCTYPE html><html><head><meta charset=" utf-8">&
Time of Update: 2016-01-20
Jquery和angularjs擷取check框選中的值的方法匯總,jqueryangularjs在我們平常的開發中,有時候會需要擷取一下check框選中的值,以及check框選中行的所有資訊。這個時候有一個小技巧那就是我們可以把要擷取的資訊全部放到check框的值裡面,這樣我們可以擷取check框選中值的時候也就相當於擷取了當前行的資訊。複製代碼 代碼如下:<td><input class="states" type="checkbox"