loader

1. meta 标签:自动刷新/跳转 假设要实现一个类似 PPT 自动播放的效果,很可能会想到使用 JavaScript 定时器控制页面跳转来实现。但其实有更加简洁的实现方法,比如通过 meta 标签来实现: <meta http-equiv="Refresh" content="5; URL=page2.html"> 上面的代码会在 5s 之后自动跳转到同域下的 page2.html 页面。要实现 PPT 自动播放的功能,只需要在每个页面的 meta 标签内设置好下一个页面的地址即可。...

异常捕获区别 try-catch:只能捕获捉到运行时非异步错误 CORS:解决Script error 跨域资源加载错误 window.onerror:可以同时捕获运行时的同步错误与异步错误 window.addEventListener("unhandledrejection") :捕获未catch的Promise错误 window.frames[0].onerror:捕获同源iframe错误 window.addeEventListener('error'):捕获静态资源加载错误 cdn文件失败捕获 图片 CDN...

函数防抖动(debounce) 防止在短时间内过于频繁的执行相同的任务。 当短时间内的频繁是不必要的时候,就可以考虑去抖动,避免资源浪费,或造成不好体验。 短时间内多次点击登陆,发送短信等请求数据操作时 文本编辑器一段时间不操作,进行自动保存 搜索框进行联想,用户不断输入值,只在停顿1s时才进行联想。 函数防抖动的原理,主要是利用一次性定时器,延迟任务的执行,在延迟这段时间内, 如果任务再次被触发,则通过 clearTimeout 销毁上一次产生的定时器, 因为定时器的被销毁,之前被延迟执行的任务也会随之被取消执行。这一次的执行通常是最后一次的触发。 即时执行...

节流 和防抖区别是,防抖是间隔时间后最后执行一次,节流是按间隔时间连续执行 时间戳截流——首节流 用最新触发的时间减去上一次回调执行的时间,如果大于等于 wait 则会执行回调 时间戳节流在第一次触发时会立刻执行。 在第一次操作的时候就会执行一遍fn,之后的操作如果时间不超过delay(例如2s)就不会在执行函数,理解为第一次执行,最后一次不执行 function throttle(func, wait) {   let previous = 0...

git reset 和git revert区别 git reset:版本回退 当前版本线中,需要回退到某一版本A,A版本后都不需要,使用git reset,提交线上时会提示远程有更新的内容,可以使用git reset -f提交,后面版本会被清空 git rever:版本回滚,将某一次提交版本撤销或更改提交,该版本前后提交都不影响 提交常见规范 feat:提交新功能 fix:修复了bug docs:只修改了文档 style:调整代码格式,未修改代码逻辑(比如修改空格、格式化、缺少分号等) refactor:代码重构,既没修复bug也没有添加新功能...

为了纪念一些影响力很大的伟人逝世或者重要的纪念日的时候需要让网页全部变灰来表示我们对逝者的悼念。 其实这个功能很简单,只需要在 HTML 的 head 标签里加入如下代码即可 <style type="text/css">html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);}</style>

器的缓存,主要针对的是前端的静态资源,最好的效果就是,在发起请求之后,拉取相应的静态资源,并保存在本地。如果服务器的静态资源没有更新,那么在下次请求的时候,就直接从本地读取即可,如果服务器的静态资源已经更新,那么我们再次请求的时候,就到服务器拉取新的资源,并保存在本地。这样就大大的减少了请求的次数,提高了网站的性能。这就要用到浏览器的缓存策略了。 所谓的 浏览器缓存 指的是浏览器将用户请求过的静态资源,存储到电脑本地磁盘中,当浏览器再次访问时,就可以直接从本地加载,不需要再去服务端请求了。 使用浏览器缓存,有以下优点: 减少了服务器的负担,提高了网站的性能...

在线客服