在线demo 写在前面： 1，应该要划分了几个组件， 2，用指令来，而不是大量使用ref引用元素，直接操作元素要用指令 3，把原生写成的app转换为vue，这个是最累的，感觉精疲力尽了 有精力的时候，重构吧，先做个记录： <template> <div id="app"> <div id="box" ...
分类：
其他好文 时间：
2020-05-21 21:19:12
阅读次数：
67
``` 首先得知道window.showModalDialog()方法到底是干嘛的,有什么作用.基本介绍： showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog() 方法... ...
分类：
其他好文 时间：
2020-05-20 09:40:35
阅读次数：
65
::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-thumb { background-color: #c2c2c2; background-clip: padding-box; min-height: 28px ...
分类：
Web程序 时间：
2020-05-19 12:32:44
阅读次数：
59
在**连续触发**的事件中，事件处理函数的频繁调用会加重浏览器或服务器的性能负担导致用户体验糟糕，有哪些连续触发的事件呢 ?
比如，浏览器滚动条的滚动事件、浏览器窗口调节的resize事件、输入框内容校验以及在移动端的touchmove事件等
...
分类：
其他好文 时间：
2020-05-17 00:44:53
阅读次数：
67
需求：点击首页列表进入二级页面，返回的时候保持在原位置。keep-alive是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 1:App.vue <template> <div id="app"> <!--页面返回不刷新--> <!-- // 缓存组件跳转的页面 --> ...
分类：
其他好文 时间：
2020-05-16 18:32:42
阅读次数：
218
【html】 H5新特性 localStorage 【css】 css：水平居中和垂直居中 css样式 背景色渐变 图片和文字一行垂直居中显示 添加滚动条并统一修改样式 【js】 javaScript 中的类 js中时间相关转化 【webpack】 前端高级进阶N: 在前端中如何更好地优化打包资源 ...
分类：
Web程序 时间：
2020-05-15 21:49:38
阅读次数：
68
scroll-behavior属性 当用户手动导航或者 CSSOM scrolling API 触发滚动操作时，CSS 属性 scroll-behavior 为一个滚动框指定滚动行为，当用户通过鼠标滑轮滚动或者手机触屏滚动，不受这个属性的影响。在根元素中指定这个属性时，它反而适用于视窗。 scrol ...
分类：
Web程序 时间：
2020-05-15 20:06:36
阅读次数：
89
1、设置css overflow-y: auto; 在div的y轴上会出现滚动条。 var showContent = $(".show-chat-content"); showContent[0].scrollTop = showContent[0].scrollHeight; 在js中这样写，会 ...
分类：
其他好文 时间：
2020-05-15 19:41:55
阅读次数：
92
1.谷歌浏览器（WebKit内核）： //滚动条设置 .element::-webkit-scrollbar{ width: 10px; height: 10px; } //滚动槽设置 .element::-webkit-scrollbar-track { border-radius: 10px; ...
分类：
其他好文 时间：
2020-05-15 18:25:36
阅读次数：
78
设置滚动条的样式： div::-webkit-scrollbar { width: 0; } 关于::-webkit-scrollbar ::-webkit-scrollbar CSS伪类选择器影响了一个元素的滚动条的样式 ::-webkit-scrollbar 仅仅在支持WebKit的浏览器 (例 ...
分类：
Web程序 时间：
2020-05-15 11:59:30
阅读次数：
170
