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