30 进阶:无缝轮播

  • !important 不到万不得已不要用,有很多提升代码重要性的方法例如:改变代码顺序,越靠后越重要;改变选择器的种类个数;改变文件的引入顺序,越靠后越重要
    +.on('transitionend',function(){})
  • .one('transitionend',function(){})
  • 在没有思路的情况下先将效果制作出来,而忽略过程中的细节(代码逻辑等)
    得出一个可行的方案后,分析轮播时图片的状态,再依状态写css控制不同状态的样式,用js改变状态,使代码变得有逻辑
  • encapsulation部分需要注释
  • 要让函数放在代码下方,必须用function name (){}的形式,不可以用var
  • dom事件应用最广泛的标准是level2
  • width:100%意味着与父级元素一样宽,而不是填满父级元素
  • translate 是相对于未移动时,最初始的位置来定位

DOM事件(见笔记)

如果为同一个事件多次添加同一个监听函数,该函数只会执行一次,多余的添加将自动被去除
如果希望向监听函数传递参数,可以用匿名函数包装一下监听函数。(不包装不行)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容