Time of Update: 2017-02-28
文章簡介:jQuery封裝函數來實現數組元素分頁效果的優勢。 用jQuery的$()封裝函數來實現數組元素分頁效果的優勢 最近一周在做中文站搜尋禮品widget的需求,這個需求中有一個分頁的功能;具體demo可以參見下圖: (如上圖,寬屏模式,1180下,每頁3個offer) 對應的js應用檔案是同一個,頁面中後面的offer資料已經埋好了,只是啟用了css
Time of Update: 2017-02-28
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta
Time of Update: 2017-02-28
文章簡介:CSS3 Gradient分為linear-gradient(線性漸層)和radial-gradient(放射狀漸層)。
Time of Update: 2017-02-28
文章簡介:本人從事網頁重構這一塊,也有一些自己經常使用的工具,今天與大家分享一下網頁教學網所用的工具,給大家做個參考,讓有需要的人可以更有參考和選擇的理由。我相信,每個人的選擇都有他的理由的。以下的只是我的選擇和排序。 常常會聽到群裡或論壇裡討論哪個軟體強大、哪個軟體方便等等。其實這個無論是WEB前端開發還是WEB程式的開發,都離不開開發的工具,當然,現在
Time of Update: 2017-02-28
文章簡介:lesscss 是動態樣式表語言,他讓css增加變數,組合,函數,運算等文法。這個項目的網站在國內訪問不到,大家都懂的。 lesscss 是動態樣式表語言,他讓css增加變數,組合,函數,運算等文法。這個項目的網站在國內訪問不到,大家都懂的。lesscss使用方法有兩種:1.頁面添加一個 less.js的檔案,css使用 style.less 檔案尾碼來編寫,不過需要有伺服器的環境支援 <link
Time of Update: 2017-02-28
在進行頁面的css.shtml' target='_blank' >div CSS排版時,遇到IE6(當然有時Firefox下也會偶遇)瀏覽器中的圖片元素img下出現多餘空白的問題絕對是常見的對於該問題的解決方案也是“見機行事”。1、將圖片轉換為塊級對象即,設定img為“display:block;”。在本例中添加一組CSS代碼:“#sub img
Time of Update: 2017-02-28
文章簡介:前端規範-布局和模組命名。 1、前言最近在思考怎麼完全脫離視覺去思考結構,讓寫出來的結構更有語義?互動原型出來後,怎麼讓前端結構和視覺設計同時並行?結構寫完可以先讓程式套模板並且結構不會再修改?視覺設計出來後,前端寫樣式,寫完樣式連結到套好的模板?參考了35王少峰的四方架構,他把結構層單獨拿出來,然後畫格子。
Time of Update: 2017-02-28
<script type="text/javascript">var contents = "";function extractDocument(el) {var childNodes = el.childNodes;for (var i = 0; i < childNodes.length; i ++) {var c = childNodes[i];switch(c.nodeType) {case
Time of Update: 2017-02-28
定義函數的方法定義函數的方法主要有三種: 函式宣告(Function Declaration) 函數運算式Function Expression) new
Time of Update: 2017-02-28
移動Web開發過程中,在真機測試時,往往會遇到一些PC調試無法重現的問題,這時候我們需要在手機上攔截錯誤,並有相應的輸出。公司和網上都有類似的工具/類庫,但如果純粹一個簡單的調試,或許不需要引入工具或類庫,我們只需要知道全域攔截的原理。 其實很簡單,就是window.onerror文法:onerror=handleErrfunction handleErr(msg,url,l){//Handle the error herereturn true or
Time of Update: 2017-02-28
文章簡介:早前聽說Nodejs和Grunt很強大,特別是用來構建自動化的前端開發,更是強大無比。但一直礙於自己掌握的技術有限,不敢深入,也未曾深入下去。最近在開始學習SASS,也慢慢的接觸這方面的東西。為了能更好的讓SASS項目實現自動化編譯,打算使用Nodejs和Grunt來試試。 早前聽說Nodejs和Grunt很強大,特別是用來構建自動化的前端開發,更是強大無比。但一直礙於自己掌握的技術有限,不敢深入,也未曾深入下去。最近在開始學習SASS,也慢慢的接觸這方面的東西。
Time of Update: 2017-02-28
說到瀑布流布局,先上張圖片來說明一下什麼是瀑布流好了。 這個是我畢設中的一個截圖(內容是我暫時從其他網站上爬下來測試的….),那麼我們從這張圖片中就能看到大致來說瀑布流就是一些等寬不等高的圖片來排列展 示的,因為每張圖片都不一樣大,以及我在圖片下面展示了各種資訊都不一樣,所以導致這些展示的框它們的高度都不統一,那麼為什麼卻要要求它們之間的寬度相
Time of Update: 2017-02-28
“為什麼要拋棄HTML?”這個問題如果展開說又臭又長,我盡量簡單吧: HTML發展到今天存在三個主要缺點: 1.太簡單。不能適應現在越多的網路裝置和應用的需要。比如手機、PDA、資訊家電都不能直接顯示HTML。 2.太龐大。由於HTML代碼不規範、臃腫,瀏覽器需要足夠智能和龐大才能夠正確顯示HTML。顯然在你的PDA上裝一個IE6是不可能的。空間不夠,運算也跟不上。
Time of Update: 2017-02-28
我們已經知道了很多HTML5新增的屬性,比如placeholder、download、autofocus等,還有個新的可能會常用的屬性hidden,也是蠻好用的,這裡簡單介紹下~~用法很簡單:123<div hidden> You can't see
Time of Update: 2017-02-28
在現在更加追加頁面載入速度和使用者體驗的情況下,頁面的滾動事件使用的越來越多。通常我們使用滾動事件主要做的事情主要有: ajax非同步載入,加快頁面首次載入的速度 懶載入(或消極式載入):先把HTML元素放到textarea標籤中,或把img的連結先放到一個欄位裡,頁面滾動到某個位置時才進行開始載入 頂部導航或側邊導航的焦點跟蹤 側邊數字導航的跟蹤(例如百度經驗)
Time of Update: 2017-02-28
文章簡介:本文主要看一下jQuery Mobile體系中的grid組件. 本文主要看一下jQuery Mobile體系中的grid組件,我們採用"提問●回答"的方式來初步地瞭解一下:1、如何設定2列布局?樣本:<!-- grid container start --> <div class="ui-grid-a"> <!-- grid block start --> <div class=&
Time of Update: 2017-02-28
s中for in 可以遍曆對象或數組的顯性屬性,也就是說我們自己定義的屬性是可以遍曆的,那些原型上預設已有的屬性,例如:Object.prototype.toString、Object.prototype.hasOwnProperty 是遍曆不出來的。for in 的基本規則如上,不過還有“坑”的地方需要我們注意:1、for in迴圈出的值不一定是按順序的。代碼如下:var b = {3:1,42:2,11:3}for( var key in b
Time of Update: 2017-02-28
雙十一是一年中促銷力度最大的節日,所以這一天的頁面設計也是相當的重要。接下來就給大家分析一下雙十一海報的設計過程。 最終效果 一、尋找靈感:
Time of Update: 2017-02-28
本次海報講解互連網廣告創意形式之一遊戲活動首頁製作,通過步驟分解,讓大家一步步學習一個遊戲網站是如何製作而成的。 最終效果 一、海報詳情:
Time of Update: 2017-02-28
素材圖為一張非常平常的圖片,不過作者通過一些修飾,添加了霞光、流水、寶塔、樹枝等,畫面立刻生動,唯美很多。 最終效果