js
tianmd_Eric
这个作者很懒,什么都没留下…
展开
-
记录一个水波特效动画的js
记录一个水波特效动画的jsthis.slide = new DookaySlide(this.$refs.canvas, { displacementImage: require('../images/p3/dmaps.jpg'), autoPlay: true, // centerSprites:true, autoPlaySpeed: [4, 3], displaceScale: [400, 800], displacementCenter:原创 2021-03-09 19:27:32 · 408 阅读 · 0 评论 -
Vue的异步加载组件(按需加载)与路由懒加载
异步组件&路由懒加载异步组件介绍异步组件声明路由懒加载介绍路由懒加载方法异步组件介绍在开发大型项目的时候,我们会把大型项目根据组件分割为小块代码,然后异步加载代码块,这样可以让首屏部分代码块优先加载,加快首屏渲染速度,其他代码块在需要的时候再加载,加载过的代码块会被缓存起来,以便复用重新渲染。参考Vue官方文档异步加载.异步组件声明异步组件声明主要通过将 Vue.component() 方法的第二个声明为工厂函数,这个工厂函数会收到一个 resolve 回调,这个回调函数会在你从服务器原创 2020-10-23 19:52:36 · 817 阅读 · 0 评论 -
移动端H5 audio/video 标签遇到的一些问题总结
写在开头 由于需求的不断完善,最近着手的 移动端 代码中需要加入音效和背景视频,第一反应就是audio,做完demo之后测试发现在 safari 浏览器中没有得到想要的效果,经过查阅资料发现很多前辈都遇见过这个坑,为了总结在这里做个笔记,也说一说我自己的代码中实际的问题和解决办法~audio标签的问题主要是safari浏览器中的一些限制;1.每次只能播放一个音频。意思就是说我在播放一个音频的时候,不能同时播放另一个音频,代码中没有这种需求,真实性有待考证。2.不支持 preload 和 aut原创 2020-06-04 14:07:16 · 2244 阅读 · 0 评论 -
js 防抖与节流(setTimeout的应用)
1.防抖(debounce) 防抖的作用是:当用户多次触发回调函数时,只触发最后一次操作的,其余的全部忽略掉; 在第一次触发事件时,不立即执行函数,而是给出一个期限值比如200ms如果在200ms内没有再次触发滚动事件,那么就执行函数 如果在200ms内再次触发滚动事件,那么当前的计时取消,重新开始计时效果:如果短时间内大量触发同一事件,只会执行一次函数。...原创 2019-09-03 20:11:08 · 2056 阅读 · 0 评论