30 進(jìn)階:無縫輪播

  • !important 不到萬不得已不要用,有很多提升代碼重要性的方法例如:改變代碼順序,越靠后越重要;改變選擇器的種類個(gè)數(shù);改變文件的引入順序,越靠后越重要
    +.on('transitionend',function(){})
  • .one('transitionend',function(){})
  • 在沒有思路的情況下先將效果制作出來,而忽略過程中的細(xì)節(jié)(代碼邏輯等)
    得出一個(gè)可行的方案后,分析輪播時(shí)圖片的狀態(tài),再依狀態(tài)寫css控制不同狀態(tài)的樣式,用js改變狀態(tài),使代碼變得有邏輯
  • encapsulation部分需要注釋
  • 要讓函數(shù)放在代碼下方,必須用function name (){}的形式,不可以用var
  • dom事件應(yīng)用最廣泛的標(biāo)準(zhǔn)是level2
  • width:100%意味著與父級元素一樣寬,而不是填滿父級元素
  • translate 是相對于未移動時(shí),最初始的位置來定位

DOM事件(見筆記)

如果為同一個(gè)事件多次添加同一個(gè)監(jiān)聽函數(shù),該函數(shù)只會執(zhí)行一次,多余的添加將自動被去除
如果希望向監(jiān)聽函數(shù)傳遞參數(shù),可以用匿名函數(shù)包裝一下監(jiān)聽函數(shù)。(不包裝不行)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容