防抖( debounce ) debounce(func,delay){ let timer = null; return function(...args){ if(timer) clearTimeout(timer) timer = setTimeout( () => { func.apply( ...
分类:
其他好文 时间:
2020-05-11 01:25:13
阅读次数:
59
Vue.js 响应接口 Vue 可以添加数据动态响应接口。 例如以下实例,我们通过使用 $watch 属性来实现数据的监听,$watch 必须添加在 Vue 实例之外才能实现正确的响应。 实例中通过点击按钮计数器会加 1。setTimeout 设置 10 秒后计算器的值加上 20 。 Vue 不允许 ...
分类:
其他好文 时间:
2020-05-10 11:10:47
阅读次数:
59
使用JQuery完成页面定时弹出广告 Js相关技术 定时器: ? setInterval & clearInterval ? setTimeout & clearTimeout 显示: img.style.display = "block" 隐藏: img.style.display = "none ...
分类:
Web程序 时间:
2020-05-06 01:32:06
阅读次数:
81
1、示例 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta h ...
分类:
其他好文 时间:
2020-05-05 12:29:36
阅读次数:
60
前言 页面效果是很重要的一环,好的页面效果,可以让用户感觉很舒服,进而能吸引更多的用户。 既然是页面效果,那么动画肯定不可或缺,那么这篇先说下 transition 这个 css3 属性。 初探 transition transitions 提供了一种在更改 CSS 属性时控制动画速度的方法。其可以 ...
分类:
Web程序 时间:
2020-05-05 11:07:54
阅读次数:
71
效果图 实现原理 利用vue的生命周期 钩子函数 来触发变量修改; css的过渡动画属性 .可以参考这里: " transform transition 通过类名实现文字动画过渡" 具体逻辑代码 组件 1 登录 DOM上使用vue的class绑定一个控制变量ifActiveCustomStyle, ...
分类:
Web程序 时间:
2020-05-05 10:57:02
阅读次数:
99
1.宏任务: 分类:setTimeout setInterval requrestAnimationFrame 1>宏任务所处的队列就是宏任务队列 2>第一个宏任务列中只有一个任务,执行主线程的js代码 3>宏任务队列可以有多个 2.微任务: 分类:new promise().then(回调) pr ...
分类:
其他好文 时间:
2020-05-04 21:20:07
阅读次数:
69
1 function cook() { 2 console.log('开始做饭。'); 3 var p = new Promise(function (resolve, reject) { 4 setTimeout(function () { 5 console.log('做饭完毕!'); 6 re ...
分类:
其他好文 时间:
2020-05-04 00:17:56
阅读次数:
72
debounce(fn,delay=500) { let timer = null return function(){ if(timer){ clearTimeout(timer) } timer = setTimeout(fn,delay) } } ...
分类:
Web程序 时间:
2020-05-02 14:38:53
阅读次数:
52
There are some situations where you want to focus your tests on a particular component and not any of its children. There are other situations where y ...
分类:
其他好文 时间:
2020-05-01 01:32:17
阅读次数:
93