Time of Update: 2015-01-30
分享10種風格迥異的全屏遮罩層效果,風格迥異遮罩 今天,我們想給大家分享一些全屏遮罩效果的靈感。像任何其它的UI組件一樣,網頁設計不斷有新的趨勢和風格出現,我們想嘗試的遮罩有一些微妙的,還有奇特的效果。這些遮罩的特別之處在於,他們沒有像模態視窗那樣固定大小而是佔據整個螢幕,因此建立效果時,人們必須考慮到這一點。 線上示範 源碼下載 您可能感興趣的相關文章網站開發中很有用的 jQuery 效果【附源碼】分享35個讓人驚訝的
Time of Update: 2015-01-30
前端最佳化-伺服器端-減少Http次數,伺服器端次數 在頁面中除了內容圖片以外的圖片都是修飾圖,去掉無意義修飾圖或者用css替換秀試圖效果是減少HTTP請求次數的有效方式。 一:css替換圖片 圓角 陰影 漸層 等css效果在當前主瀏覽器中已得到廣泛的支援,而在之前是通過圖片來實現這些效果的,比如圓角按鈕
Time of Update: 2015-01-30
網頁設計新思路,網頁新思路在網頁設計的過程中,一般總是通過Photoshop做出來,多則幾十過百的圖層以及各種PS效果的確是把網頁的樣式效果做出來了,並且也容易分塊切圖或者直接在其中取到某些圖片素材。但在當前響應式網站的設計並且內容都使用流式布局的時候,要對每種情況都對應著去做一張PS,工程量巨大,並且顯得不太現實。另外當你需要修改網頁中某個元素的大小或背景的時候,手動對一張張PS作修改簡直是一個噩夢。這引發了對設計流程以及使用工具的新思考。能否在貼近並盡量覆蓋各種真實使用環境的情況下,又易於修
Time of Update: 2015-01-30
CSS命名規範,css命名【文章摘自】http://blog.csdn.net/cicada_slough/article/details/43304619 CSS命名規則 頭:header 內容:content/containe 尾:footer 導航:nav 側欄:sidebar 欄目:column 頁面外圍控制整體布局寬度:wrapper 左右中:left right
Time of Update: 2015-01-30
javascript將非同步校正表單改寫為同步表單同步表單校正的缺點響應錯誤資訊時,需要重新載入整個頁面(雖然有緩衝,用戶端仍然需要通過http協議對比每個檔案是否有更新,以保持檔案最新)伺服器響應錯誤以後,使用者之前所輸入的資訊全部丟失了,使用者需要從頭開始填寫(部分瀏覽器幫我們緩衝了這些資料)非同步校正表單的初衷提升使用者體驗最大化減少網路請求,減輕伺服器壓力下面我們看一個常見的非同步表單校正(校正工號在後台是否存在,存在為有效工號)校正工號 var BASE_PATH =
Time of Update: 2015-01-30
javascript代碼複用模式代碼複用有一個著名的原則,是GoF提出的:優先使用對象組合,而不是類繼承。在javascript中,並沒有類的概念,所以代碼的複用,也並不局限於類式繼承。javascript中建立對象的方法很多,有建構函式,可以使用new建立對象,並且可以動態修改對象。javascript的非類式繼承(可稱為現代繼承模式)複用方法也很多,例如,利用其它對象組合成所需要的對象,對象混入技術,借用和複用所需要的方法。 類式繼承模式-預設模式 兩個建構函式Paren
Time of Update: 2015-01-30
ExtJs操作CookieExtJs操作Cookie方法很簡單,只有三個方法:clear(name):清除為name設定的值。set(name,value):設定name的值為value。get(name):得到為name設定的值。下面看一個具體樣本:Ext.onReady(function() {var stringtest = "這是一個字串";var obj = {name : "this is name",description : "this
Time of Update: 2015-01-30
Jquery非同步請求Action返回JSON轉載請註明出處:jiq?欽's technical Blog最近在自己寫分布式註冊中心的Web管理介面,需要點擊左邊樹節點時,請求後台Action查詢該節點的詳細資料,然後非同步重新整理右邊的節點資訊地區。非同步重新整理用了Jquery對Ajax的封裝:function zTreeOnClick(event, treeId, treeNode) { $.ajax({ type: "POST",
Time of Update: 2015-01-30
Android Webview 載入外部html時選擇載入本地的js,css等資源檔在使用WebView載入網頁的時候,有一些固定的資源檔如js的jquery包,css,圖片等資源會比較大,如果直接從網路載入會導致頁面載入的比較慢,而且會消耗比較多的流量。所以這些檔案應該放在assets裡面同app打包。要解決這個問題需要用到API 11(HONEYCOMB)提供的shouldInterceptRequest(WebView view, String url) 函數來載入本地資源。在API 21
Time of Update: 2015-01-30
AngularJS開發指南5:AngularJS運算式詳解AngularJS運算式類似Javascript的程式碼片段,通常在資料繫結中用到,寫在雙大括弧中,如:{{運算式}}。運算式是用$parse方法來處理的。 下面是一些合法的AngularJS運算式 1+23*10 |
Time of Update: 2015-01-30
JS是按值傳遞還是按引用傳遞?最近遇到個有趣的問題:“JS中的值是按值傳遞,還是按引用傳遞呢?” 在分析這個問題之前,我們需瞭解什麼是按值傳遞(call by value),什麼是按引用傳遞(call by reference)。在電腦科學裡,這個部分叫求值策略(Evaluation Strategy)。它決定變數之間、函數調用時實參和形參之間值是如何傳遞的。 按值傳遞 VS. 按引用傳遞按值傳遞(call by
Time of Update: 2015-01-30
關於JS裡面建立對象的一點總結在JS裡面我們經常用到對象,包括數字,數組,字串,日期等等,對象無非就是屬性和方法的資料。對象可以通過建構函式(new +普通函數)進行建立,var num=new Number(value);var num=Number(value);其中value就是該對象的值儘管有時候我們沒必要這麼做,可以直接通過調用對應的函數來達到目的,比如Number(),String(),Array(),Boolean(),Date()等等。可以直接這樣:var
Time of Update: 2015-01-30
Jquery 實現圖片輪換,jquery圖片輪換網站首頁沒有一點動畫怎麼可以,我以前用過Flash As3做過圖片切換,效果非常不錯,可是麻煩,改變起來麻煩。一直都想自己做個圖片轉場效果,總認為比較麻煩,今天自己實踐了一下,其實還比較簡單。不過有個小問題,IE8不相容模式下 設定有透明效果的div
Time of Update: 2015-01-30
js中的各種寬高以及位置總結在javascript中操作dom節點讓其運動的時候,常常會涉及到各種寬高以及位置座標等概念,如果不能很好地理解這些屬性所代表的意義,就不能理解js的運動原理,同時,由於這些屬性概念較多,加上瀏覽器之間 實現方式不同,常常會造成概念混淆,經過研究之後,這裡來進行一個總結。 第一部分:DOM對象 1.1隻讀屬性 所謂的唯讀屬性指的是DOM節點的固有屬性,該屬性只能通過js去擷取而不能通過js去設定,而且擷取的值是只有數字並不帶單位
Time of Update: 2015-01-30
Jquery 實現彈出層外掛程式,jquery彈出層外掛程式彈出層的應用還是比較多的,登陸,一些同頁面的操作,別人的總歸是別人的,自己的才是自己的,所以一直以來想寫個彈出層外掛程式。不多廢話,直接開始吧!1:遮罩層 要彈出層,先要用一個遮罩層擋在下面的頁面,此遮罩層是全屏的,頁面滾動也要有,所以設定 position: fixed;還要有透明效果,下面是我定義的遮罩層css,取名mask複製代碼 代碼如下:.mask{ position:
Time of Update: 2015-01-30
javascript查詢字串參數的方法,javascript字串本文執行個體講述了javascript查詢字串參數的方法。分享給大家供大家參考。具體實現方法如下:複製代碼 代碼如下:/* 解析查詢字串 返回包含所有參數的一個對象 */ function getQueryStringArgs(){ //取得查詢字串並去掉開頭的問號 var qs = (location.search.
Time of Update: 2015-01-30
使用Sticker.js實現貼紙效果,sticker.js實現貼紙 Sticker.js 是一個很小的 JavaScript 庫,它允許您在網頁中建立漂亮的貼紙效果。沒有依賴關係(不需要 jQuery),可以在大多數支援 CSS3 的主流瀏覽器工作。下面有簡單的使用樣本,更多功能等著你去發現。 使用樣本: HTML: 複製代碼 代碼如下:<!-- dom elements --><div class="sticker example-1"></div>&
Time of Update: 2015-01-30
淺談javascript的調試,淺談javascript最近比較吐槽,大家都知道,現在web前端相對幾年前來說已經變得很重了,各種js架構,各種面對對象,而且項目多了,就會提取公用模組。 這些模組的UI展示都一樣,不一樣的就是後台邏輯,舉個例子吧,我們做企業差旅的時候,通常都有一個成本中心的js公用模組,客戶在預定機票的時候來填寫這個成本中心,而這種成本中心分布在online,offline和app等預定端,這樣也是方便後期和客戶公司進行月結算。 我們還知道,項目做大了,複雜化了,SOA化了
Time of Update: 2015-01-30
Node.js事件迴圈(Event Loop)和線程池詳解,node.jseventNode的“事件迴圈”(Event Loop)是它能夠處理大並發、高輸送量的核心。這是最神奇的地方,據此Node.js基本上可以理解成“單線程”,同時還允許在幕後處理任意的操作。這篇文章將闡明事件迴圈是如何工作的,你也可以感受到它的神奇。事件驅動編程理解事件迴圈,首先要理解事件驅動編程(Event Driven
Time of Update: 2015-01-30
js樹外掛程式zTree擷取所有選中節點資料的方法,jsztree本文執行個體講述了js樹外掛程式zTree擷取所有選中節點資料的方法。分享給大家供大家參考。具體分析如下:由於剛接觸Tree方面的東西。在網上看到了zTree,是中國人寫的。所以API肯定是中文的。而且評論也很好。所以嘗試用zTree在項目中。這個擷取所有選中節點資料很簡單。看一下API就能看懂了。所以我就直接上代碼了。複製代碼 代碼如下:<!DOCTYPE html><HTML><HEAD>&