亚州精品日韩在线视频,欧洲一卡2卡三卡4卡乱码

DiQuick Web 前端框架是一款便捷好用的編程開(kāi)發(fā)工具,其具有輕量化、語(yǔ)義化、擴(kuò)展性強(qiáng)的特性,包含了多種組件,在開(kāi)發(fā)時(shí)候更加快捷方便,有需要的用戶歡迎來(lái)IT貓撲下載~

web前端框架簡(jiǎn)介

DiQuick Web前端框架采用 HTML+CSS3+jQuery,配置有響應(yīng)式布局及預(yù)定義設(shè)置,包含諸多組件：Nav、Tab、Media、Form、Table、Menu等,致力于快速開(kāi)發(fā)輕量化、語(yǔ)義化、擴(kuò)展性強(qiáng)的Web前端項(xiàng)目。

DiQuick Web 前端框架特色

響應(yīng)式

響應(yīng)式設(shè)計(jì)可以做到根據(jù)不同設(shè)備環(huán)境自動(dòng)響應(yīng)及調(diào)整,使PC、平板、手機(jī)終端都能獲得良好的閱讀體驗(yàn)

語(yǔ)義化

標(biāo)準(zhǔn)語(yǔ)義化能夠提升文檔的易用性,使工作人員快速理解HTML文檔,并且可以有效的幫助SEO優(yōu)化

預(yù)定義

預(yù)定義可以快速部署組件及CSS樣式行為,在HTML文檔中減少對(duì)子元素的設(shè)定,更有效的簡(jiǎn)化了文檔

DiQuick Web前端框架

DiQuick Web 前端框架安裝方法

安裝框架css及js文件

引用框架樣式

引用jQuey庫(kù)及框架js（請(qǐng)確保jQuery庫(kù)在所有js組件之前引用,建議將所有js在底部引用與編寫(xiě),以確保頁(yè)面的加載速度）

DiQuick Web前端框架

引用fancyBox彈窗組件

DiQuick Web前端框架

DiQuick Web 前端框架1.2.2版本使用說(shuō)明

效果與兼容性

框架中的組件多數(shù)采用了CSS3來(lái)實(shí)現(xiàn)border-radius圓角、box-shadow陰影、transition過(guò)渡等效果,這意味著IE8及更老舊的瀏覽器將不能支持這些特性,CSS3讓W(xué)eb元素的效果制作變的更便捷,減少了圖片的需求且加快了讀取速率,框架文件并不會(huì)對(duì)這些效果做兼容處理。

盒模型

我們對(duì)整個(gè)框架設(shè)定了box-sizing:border-box邊框盒模型,它的好處是可以簡(jiǎn)易設(shè)定元素尺寸,為元素指定的任何padding內(nèi)邊距和border邊框的值都將在已設(shè)定的寬度和高度內(nèi)進(jìn)行繪制,不會(huì)導(dǎo)致元素總尺寸發(fā)生變化,在部分元素需要使用margin外邊距來(lái)設(shè)定時(shí),采用calc()函數(shù)來(lái)進(jìn)行了相應(yīng)數(shù)值的剔除。

內(nèi)容的展現(xiàn)

在框架中,我們推崇CSS組件與展現(xiàn)的分離,展現(xiàn)由塊布局、偏移、隱藏等系統(tǒng)來(lái)實(shí)現(xiàn),元素及組件的布局將依賴于它們,只有在考慮部分組件能夠通過(guò)預(yù)定義樣式減少對(duì)子元素的設(shè)定時(shí),我們才會(huì)為組件自身添加排列或布局的樣式。

類名與選擇器

在樣式命名中,遵循了語(yǔ)義化的結(jié)構(gòu),也盡量縮減了類名的標(biāo)識(shí),采用了遞進(jìn)選取元素的方式,例如設(shè)定tab選項(xiàng)卡組件,我們對(duì)組件導(dǎo)航選用了class="nav"而不是class="tab-nav",因?yàn)樵跇邮奖碇幸严薅酥挥衪ab組件才能使用它,部分非裝取大量?jī)?nèi)容的組件中甚至不需要你設(shè)置子元素類名,因?yàn)樵赾ss及js文件中都使用了特定選擇器來(lái)控制元素,并且保證了其他元素插入時(shí)不會(huì)受到影響。