摘要:效果預覽按下右側(cè)的點擊預覽按鈕可以在當前頁面預覽,點擊鏈接可以全屏預覽。引入庫,并刪除掉中的數(shù)字子元素最終我們會在頁面上顯示個,每個的顏色都不同,并且為了美觀,相鄰數(shù)字的顏色也要不同。 showImg(https://segmentfault.com/img/bVbgD94?w=400&h=300); 效果預覽 按下右側(cè)的點擊預覽按鈕可以在當前頁面預覽,點擊鏈接可以全屏預覽。 http...
摘要:效果預覽按下右側(cè)的點擊預覽按鈕可以在當前頁面預覽,點擊鏈接可以全屏預覽。可交互視頻此視頻是可以交互的,你可以隨時暫停視頻,編輯視頻中的代碼。最后,把星星的數(shù)量增加到顆大功告成 showImg(https://segmentfault.com/img/bVbeGrB?w=400&h=301); 效果預覽 按下右側(cè)的點擊預覽按鈕可以在當前頁面預覽,點擊鏈接可以全屏預覽。 https://c...
摘要:看了幾篇博客,了解了它的幾個常用屬性后,可以快速生成一個網(wǎng)格布局。同樣是出于使用動態(tài)生成布局的需要,誕生了這個小工具。 作者:云荒杯傾 寫在前面 這兩天了解了一下css的grid布局,發(fā)現(xiàn)確實很好用。看了幾篇博客,了解了它的幾個常用屬性后,可以快速生成一個網(wǎng)格布局。相較于傳統(tǒng)的float、定位等顯得更成體系,更規(guī)范,不需要一些hack做法。 雖然grid布局已經(jīng)很好,前端工程師中有一些...
摘要:簡介前端命名方法論是由團隊提出的一種前端命名方法論,是一個非常有用,強大,簡單的命名約定,可以讓你的前端代碼更容易閱讀和理解,更容易協(xié)作,更容易控制,更加健壯和明確而且更加嚴密。 1.BEM 簡介 BEM——前端命名方法論 BEM 是由 Yandex 團隊提出的一種前端命名方法論,是一個非常有用,強大,簡單的命名約定,可以讓你的前端代碼更容易閱讀和理解,更容易協(xié)作,更容易控制,更加健壯...
摘要:關(guān)于旋轉(zhuǎn)木馬效果實用例子一個實際應用在優(yōu)酷的頻道頁。將對的數(shù)據(jù)操作轉(zhuǎn)化為數(shù)組,數(shù)組元素存儲各項的數(shù)據(jù)寬高絕對定位偏移值透明度以及層疊參數(shù),在模板處遍歷實際項目的數(shù)組,其樣式則通過索引獲取對數(shù)組的元素數(shù)據(jù)。 同事拿到個設(shè)計稿,是旋轉(zhuǎn)木馬的輪播效果,于是網(wǎng)上找了一下,發(fā)現(xiàn)了jquery實現(xiàn)的效果,一有空就看看源碼,研究其實現(xiàn)原理,想著用vue的數(shù)據(jù)驅(qū)動方式來實現(xiàn)一個,但這個效果跟以往做的d...