案例:阿里百秀移動(dòng)端首頁(yè) 技術(shù)選型 方案:我們采取響應(yīng)式頁(yè)面開(kāi)發(fā)方案 技術(shù):bootstrap框架 設(shè)計(jì)圖:本設(shè)計(jì)圖采用1280px設(shè)計(jì)尺寸 頁(yè)面布局分析 屏幕縮放發(fā)現(xiàn) 中屏...
案例:阿里百秀移動(dòng)端首頁(yè) 技術(shù)選型 方案:我們采取響應(yīng)式頁(yè)面開(kāi)發(fā)方案 技術(shù):bootstrap框架 設(shè)計(jì)圖:本設(shè)計(jì)圖采用1280px設(shè)計(jì)尺寸 頁(yè)面布局分析 屏幕縮放發(fā)現(xiàn) 中屏...
一、移動(dòng)端web開(kāi)發(fā) 1.1、響應(yīng)式開(kāi)發(fā)原理 就是使用媒體查詢(xún)針對(duì)不同寬度的設(shè)備進(jìn)行布局和樣式的設(shè)置,從而適配不同設(shè)備的目的。設(shè)備的劃分情況: 小于768的為超小屏幕(手機(jī))...
為什么工作干得越好,越不給升職加薪呢?我有個(gè)侄子,昨天他找到我,他現(xiàn)在是部門(mén)的主管。他跟我說(shuō),手上的項(xiàng)目要么是自己研發(fā)帶頭做起來(lái)的,要么是老板直接派發(fā)的。最近一年,手上項(xiàng)目很...
一、CSS3的新特性 1.1、CSS3盒子模型 css3中可以通過(guò)來(lái)指定盒子模型,有2個(gè)值:即可指定為、,這樣我們計(jì)算盒子大小的方式就發(fā)生了改變。可以分為兩種情況: box-...
一、CSS3的新特性 1.1、偽元素選擇器(重點(diǎn)) 偽元素選擇器可以幫助我們利用CSS創(chuàng)建新標(biāo)簽元素,而不需要HTML標(biāo)簽,從而簡(jiǎn)化HTML結(jié)構(gòu)。 選擇符簡(jiǎn)介::before...
一、CSS3的新特性 1.1、CSS的現(xiàn)狀 新增的CSS3特性有兼容性問(wèn)題,ie9+才支持。 移動(dòng)端支持優(yōu)于PC端。 不斷改進(jìn)中。 應(yīng)用相對(duì)廣泛 現(xiàn)階段主要學(xué)習(xí):和以及CSS...
一、HTML5的新特性 的新增特性主要是針對(duì)于以前的不足,增加了一些、和等。這些新特性都有兼容性問(wèn)題,基本是IE9+以上版本的瀏覽器才支持,如果不考慮兼容性問(wèn)題,可以大量使用...
一、常見(jiàn)布局技巧 1.1、margin負(fù)值運(yùn)用 1.讓每個(gè)盒子margin往左側(cè)移動(dòng) -1px 正好壓住相鄰盒子邊框。2.鼠標(biāo)經(jīng)過(guò)某個(gè)盒子的時(shí)候,提高當(dāng)前盒子的層級(jí)即可(如果...
一、溢出的文字省略號(hào)顯示 1.1、單行文本溢出顯示省略號(hào)---必須滿(mǎn)足三個(gè)條件 1.2、多行文本溢出顯示省略號(hào) 多行文本溢出顯示省略號(hào),有較大兼容性問(wèn)題,適合webkit瀏覽...
vertical-align CSS的屬性使用場(chǎng)景:經(jīng)常用于設(shè)置圖片或者表單(行內(nèi)塊元素)和文字垂直對(duì)齊。官方解釋?zhuān)河糜谠O(shè)置一個(gè)元素的,但是它只針對(duì)于行內(nèi)元素或者行內(nèi)塊元素有...
一、CSS三角 網(wǎng)頁(yè)中常見(jiàn)的一些三角形,使用CSS直接畫(huà)出來(lái)就可以了,不必做成圖片或者字體圖標(biāo)。一張圖,你就知道CSS三角是怎么來(lái)的了,做法如下: 1.1、京東三角 二、CS...
一、精靈圖 1.1 為什么需要精靈圖 一個(gè)網(wǎng)頁(yè)中往往會(huì)應(yīng)用很多小的背景圖像作為修飾,當(dāng)網(wǎng)頁(yè)中的圖像過(guò)多時(shí),服務(wù)器就會(huì)頻繁地接收和發(fā)送請(qǐng)求圖片,造成服務(wù)器請(qǐng)求壓力過(guò)大,這將大大...
案例:土豆網(wǎng)鼠標(biāo)經(jīng)過(guò)顯示遮罩 練習(xí)元素的顯示與隱藏 練習(xí)元素的定位核心原理:原先半透明的黑色遮罩看不見(jiàn),鼠標(biāo)經(jīng)過(guò)大盒子,就顯示出來(lái)。遮罩的盒子不占有位置,就需要用絕對(duì)定位和d...
類(lèi)似網(wǎng)站廣告,當(dāng)我們點(diǎn)擊關(guān)閉就不見(jiàn)了,但是我們重新刷新頁(yè)面,會(huì)重新出現(xiàn)!本質(zhì): 1. display屬性 display屬性用于設(shè)置一個(gè)元素應(yīng)如何顯示。 display:no...
一、效果圖 二、布局解析 大盒子我們類(lèi)名為:tb-promo 淘寶廣告 里面先放一張圖片。 左右兩個(gè)按鈕 用鏈接就好了。左箭頭 prev 右箭頭 next 底側(cè)小圓點(diǎn)ul繼續(xù)...
二、具體操作 2.1 初始狀態(tài) Spring使用commons-logging日志包。打印的日志是下面這樣的。不用細(xì)看,截圖放在這是為了和后面日志打印的情況對(duì)比。 2.2 加...
一、目標(biāo)與思路 1.1、 目標(biāo) adminMapper通過(guò)IOC容器裝配到當(dāng)前組件中后,就可以直接調(diào)用它的方法,享受到框架給我們提供的方便。 1.2、思路 二、操作清單 在子...
一、初始JavaScript 1.1 JavaScript歷史 布蘭登·艾奇(Brendan Eich,1961年~)。 神奇得大哥在1995年利用10天完成得JavaScr...