![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端实例
wangning_elsa
这个作者很懒,什么都没留下…
展开
-
浏览器下载
方法 HTTP响应头属性 1、Content-Type 2、Content-Disposition (提供下载的实现) 3、Content-Length 例子 图片下载 视频下载原创 2020-01-19 19:59:48 · 296 阅读 · 0 评论 -
看不见的文字
2020年1月10号 各种文本粘来粘去,产生了一些看不见的文字。不能理解,但他的确存在。原创 2020-01-10 22:31:53 · 608 阅读 · 0 评论 -
Chrome 禁止 http 自动转化为https
Chrome 浏览器 地址栏中输入 chrome://net-internals/#hsts 在 Delete domain security policies 中输入项目的域名,并 Delete 删除 可以在 Query domain 测试是否删除成功 这里如果还是不行,请清除浏览器缓存! ...转载 2019-11-22 18:14:54 · 339 阅读 · 0 评论 -
有遮罩层时滚动条的处理
遮罩层在拉滚动条发现遮罩层没铺满屏幕的问题 只要把absolute换成fixed即可 遮罩层禁止底层滚动条滚动 <script> var btn=document.getElementById("btn"); var shade=document.getElementById("shade"); btn.onclick = function()...转载 2019-11-21 21:43:39 · 1242 阅读 · 0 评论 -
slide需求实现
需求 实现 选择并引用组件 import VueSlider from 'vue-slider-component' import 'vue-slider-component/theme/default.css' vue dom节点 0<vue-slider ref="slider" min=0 max=120 width="100" @drag-end="compCha...原创 2019-11-20 15:22:01 · 76 阅读 · 0 评论 -
动画-前端的实现方案列举
本文列举页面上看到的动画,前端的实现方案。 CSS Animations https://www.w3schools.com/css/tryit.asp?filename=trycss3_animation1 translate https://jsfiddle.net/api/mdn/ Web Animations http://www.alloyteam.com/2015/12/web-ani...原创 2019-11-18 21:59:00 · 181 阅读 · 0 评论 -
JS里区域外点击识别
JS里区域外点击识别 document.addEventListener('click', (e) => { if(!this.$el || !this.$el.compareDocumentPosition) { return false } ...原创 2019-11-17 14:50:05 · 446 阅读 · 0 评论 -
点击一个列表时,输出对应的索引
用纯JS实现,点击一个列表时,输出对应的索引 test1 test2 test3 test4 test5 test6 test7 test8 test9 test10 var lis = document.querySelectorAll('ul li'); for(var i = 0, len = lis转载 2017-07-05 18:31:21 · 1271 阅读 · 0 评论