- 博客(15)
- 收藏
- 关注
RSS订阅原创 避免addEventListener重复执行
解决方法：要用具名函数，()=>listen 的匿名函数写法不能清除掉定时器。监听器多次/重复执行是因为监听器没有清除，每次都创建了新的监听器。
2024-01-11 11:49:33
2333
原创 浅谈websocket
心跳检测：websocket连接成功之后，给服务器send一个消息，服务器会相应返回消息；收到消息之后又给给服务器send一个消息，如此往复，一直保持心跳。（注意：实际在开发中，我并没有在收到消息时又send消息，只是在websocket关闭之后，重连）重连：websocket关闭之后，需要重新连接。
2023-06-27 17:08:23
817
1
原创 PC端轮播图支持手动滑动
PC端轮播图支持手动滑动/鼠标拖动，且可以左右切换。：最开始用的是elementUI的Carousel组件，不支持手动滑动/鼠标拖动，然后改成了Vant的Swipe组件，加上左右箭头，调用Swipe 方法prev()、next()：由于vant是移动端的组件库，对pc端会有兼容性问题，例如Swipe，移动端是@touch，该组件做了相应的监听，而PC端是@mouse，没有做对应的监听，因此在pc端无法用鼠标拖动图片。终端输入npm i @vant/touch-emulator --save然后在。
2023-06-26 10:04:03
677
1
原创 vue打包添加时间戳，实现更新项目自动清除缓存（webpack/vue-cli打包两种方式）
本来vue打包会自动用chunkhash来解决缓存问题，但是部分浏览器不会自动更新，因此通过增加时间戳不同来实现自动重新加载文件，保持最新的界面。修改build/webpack.prod.conf.js文件。修改vue.config.js文件。
2023-06-01 16:18:21
1694
1
原创 vue/axios excel导出功能
静态方法会创建一个 DOMString，其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。file对象只获取到了对文件的描述信息，但没有获得文件中的数据。我们可以通过html5提供的FileReader读取到文件中的数据。浏览器在 document 卸载的时候，会自动释放它们，但是为了获得最佳性能和内存使用状况，你应该在安全的时机主动释放掉它们。读取文件内容，结果用data:url的字符串形式表示。按字节读取文件内容，结果为文件的二进制串。
2023-06-01 16:06:51
182
1
原创 Vue 监听localStorage
3、PageA页面，改变并监听localstorage，可搭配Vuex使用，以免初始化时值固定为默认值，而不是localstorage.setItem之后的值。4、PageB页面，根据监听到到的localstorage改变相应的值。1、在utils目录下建tool.js文件，文件代码如下。2、在main.js加如下代码。为了网页性能，记得移除监听哦！
2023-05-26 11:51:04
1130
1
转载 引用阿里图标库（iconFont）的三种方式
引用阿里图标库（iconFont）的三种方式二、font-class 引用（font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题） 特点： （1）相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon ...
2022-07-14 11:40:51
2989
原创 vue兼容ie浏览器
在ie浏览器中打开vue项目时，报错解决方案如下：安装babel-polyfill（npm install babel-polyfill --save-dev） 在main.js顶部引入（import'babel-polyfill'） babel.config.js module.exports = { presets: [ [ '@vue/app', { useBuiltIns: 'entry' } ] ...
2022-05-25 09:38:32
389
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人