摘要:需求頁(yè)面要做一個(gè)活動(dòng)入口,不能太顯眼,但是又要用戶能一眼就看出來(lái)。演示實(shí)現(xiàn)部分動(dòng)畫(huà)代碼代碼另附一個(gè)搭建的后臺(tái)管理另附一個(gè)搭建的后臺(tái)管理 需求 頁(yè)面要做一個(gè)活動(dòng)入口,不能太顯眼,但是又要用戶能一眼就看出來(lái)。 演示 https://jsfiddle.net/vtsxc18q/ 實(shí)現(xiàn) (部分動(dòng)畫(huà)代碼) @keyframes chanDong { 5% { ...
摘要:淺談前端優(yōu)化的幾個(gè)思路雪碧圖頁(yè)面中如果有很多圖片小圖標(biāo)這樣會(huì)有很多請(qǐng)求一個(gè)圖就是一個(gè)請(qǐng)求建立連接進(jìn)行三次握手這些都是耗費(fèi)時(shí)間的如果頁(yè)面很多可以考慮用精靈汽水雪碧也是這個(gè)單詞技術(shù)做一張雪碧圖將請(qǐng)求多個(gè)變成一次請(qǐng)求可以用來(lái)配置實(shí)現(xiàn)懶加載如果頁(yè)面 淺談前端優(yōu)化的幾個(gè)思路 https://ltoddy.github.io 雪碧圖 頁(yè)面中如果有很多圖片、icon(小圖標(biāo)),這樣會(huì)有很多HTTP請(qǐng)...
摘要:二的賦值普通元素的百分比都是相對(duì)于容器的寬度計(jì)算。絕對(duì)定位元素的百分比,絕對(duì)定位元素的百分比是相對(duì)于第一個(gè)定位祖先元素的寬度計(jì)算應(yīng)用寬高自適應(yīng)矩形傳送門(mén)之所以會(huì)是,是因?yàn)榇怪狈较蛏习l(fā)生重疊。 一. margin對(duì)尺寸的影響 1.可視尺寸 a.適用于沒(méi)有設(shè)定width/height的普通block水平元素float元素、absolute/fixed元素、inline元素、table-ce...
摘要:跨域獲取數(shù)據(jù)前端代碼異步獲取數(shù)據(jù)代碼獲取請(qǐng)求請(qǐng)求普通的跨域獲取數(shù)據(jù)前端代碼異步獲取數(shù)據(jù)代碼獲取解決所有跨域請(qǐng)求 JSONP跨域獲取數(shù)據(jù) 1.前端代碼: Document 異步獲取數(shù)據(jù) var log=function (obj) { console.log(obj); } var get=document.getE...
摘要:清除浮動(dòng)的方式內(nèi)聯(lián)隱藏顯示左浮動(dòng)右浮動(dòng)默認(rèn)字體 /*清除浮動(dòng)*/ .f-cb:after, .f-cb li:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: .; } /*IE6-7的hack方式*...
暫無(wú)介紹