摘要:雪碧圖的使用場(chǎng)景靜態(tài)圖片,不隨用戶信息的變化而變化。使用使用雪碧圖之前,我們需要知道雪碧圖中各個(gè)圖標(biāo)的位置。以上面的雪碧圖為例實(shí)際雪碧圖中各個(gè)小圖片的起始位置和上面的展示圖不同用一個(gè)來闡述它的使用方法。 CSS雪碧圖,即CSS Sprite,也有人叫它CSS精靈圖,是一種圖像拼合技術(shù)。該方法是將多個(gè)小圖標(biāo)和背景圖像合并到一張圖片上,然后利用CSS的背景定位來顯示需要顯示的圖片部分。 s...
摘要:實(shí)現(xiàn)原理紅色的個(gè)左浮動(dòng),左右為,父容器左右為,這樣相當(dāng)于是把父容器拉長(zhǎng)了,因此就達(dá)到了兩端對(duì)齊的效果。的柵格系統(tǒng)就是這么干的,要求我們的父容器需要為,而的左右就為。 兩端對(duì)齊效果 showImg(https://segmentfault.com/img/bVbgswx?w=1303&h=523); 如上圖中紅色的9個(gè)div它們中間有間距,而最左邊和最右邊是沒有間距的,這種布局如果使用c...
摘要:為使瀏覽器載入大量模塊時(shí)不會(huì)造成內(nèi)存占用過高,瀏覽器應(yīng)能使被移除后的模塊能被完全釋放。瀏覽器應(yīng)使模塊運(yùn)行在獨(dú)立空間中,以保證模塊自身錯(cuò)誤時(shí)不至于導(dǎo)致整個(gè)應(yīng)用停止工作。 IOING 在做些什么? IOING 在你的代碼和瀏覽器之間架設(shè)了一個(gè)中間解釋層,該解釋層提供了一套新的語法來填補(bǔ)瀏覽器所不具備的能力。 SPA 開發(fā)痛點(diǎn) 開發(fā)一個(gè) SPA 應(yīng)用的痛點(diǎn)是不同模塊頁面的狀態(tài)保存,當(dāng)從一個(gè)頁...
摘要:最近在實(shí)現(xiàn)一個(gè)顯示顏色數(shù)值的動(dòng)畫效果時(shí),嘗試使用了書寫模式及來實(shí)現(xiàn)文字的豎直方向的排列,并借助的過渡來實(shí)現(xiàn)動(dòng)畫效果。書寫模式控制行內(nèi)字符的旋轉(zhuǎn)此時(shí),效果如圖然后我們將外層容器設(shè)置為,再添加一點(diǎn)即可實(shí)現(xiàn)數(shù)字的滾動(dòng)效果。 最近在實(shí)現(xiàn)一個(gè)顯示RGB顏色數(shù)值的動(dòng)畫效果時(shí),嘗試使用了writing-mode(書寫模式)及 text-orientation來實(shí)現(xiàn)文字的豎直方向的排列,并借助CSS的...
摘要:那其實(shí)這個(gè)問題還可以換個(gè)問法實(shí)現(xiàn)一個(gè)函數(shù),輸入一個(gè)數(shù)字能返回斐波那契數(shù)列的第個(gè)值。文章預(yù)告更多的前端面試分享我都會(huì)第一時(shí)間更新在我的公眾號(hào)閏土大叔里面,歡迎關(guān)注 面試攢經(jīng)驗(yàn),lets go! 值此高考來臨之際,閑不住的我又雙叒叕出發(fā)去面試攢經(jīng)驗(yàn)了,去了公司交待一番流程后,面試官甩給了我一張A4紙,上面寫著一道js算法筆試題(一開始我并不知道這是在考察js算法),上面寫著1、1、2、3、...
暫無介紹