浏览器在加载网站静态资源是有缓存策略的，当我们修改样式或脚本后，引用的资源地址没有发生改变，那么浏览器使用的资源都是以前的缓存。 如果加上一个生成模板主题目录的MD5文件，使用静态资源的时候加上这个MD5，当主题目录任意一个文件被修改、新增、或删减都会生成一个新的MD5，通知浏览器该使用新的文件了。……

在前后端分离的开发模式中less是将样式编译成css随项目一起打包的，而传统模板页面引用的less是将样式编译后动态插入到head标签中，同时保存在localStorage中，如果引用的less是加上版本号的，比如这样： <link rel="stylesheet/less" type="te……

.parent{ margin:0 auto; position:relative; width:100px; height:100px; left:0; animation:parent 1s linear 0s infinite alternate; } .child{ posi……

如下视频，在谷歌浏览器（chrome）中给video标签加上了autoplay属性，但是无法生效。 原因是谷歌浏览器在高版本中对于自动播放的视频有一个新的政策，默认不允许自动播放视频，哪怕是在Javascript中使用文档加载后播放也不行（window.onload = function(){ do……

vue插件和组件的区别 使用插件的方式包装组件和直接注册全局组件其实是一样的，都是注册组件。不同的是，一般组件我们是作为页面的某一块结构，按需引用，但是有些应用场景你可能会用到也可能用不到，总之就是你不知道什么时候会用到，总不能在每个页面都引用吧。再一个，控制组件需要传递props，也就是说每次引用……

假装是一张图片 假装是一张图片 假装是一张图片 假装是一张图片 假装是一张图片   如上示例，5张图片轮播，实现原理： 1、基本结构：ul宽度设置为500%，每个li宽度为20%，ul的left每次递减100%； 2、首先给ul指定一个动画，整个动画30秒，延迟……

HTML锚点平滑滚动 1、给html元素加上：style="scroll-behavior: smooth;" 2、<a href="目标元素的ID">锚点返回顶部</a> 原生JS平滑滚动 document.querySelector('.header').scrollIn……

效果演示：进入文章页面后随意点击。 (function(texts, colors, class_name){ document.addEventListener('click', function(e){ var span = document.createElement('span'); ……