- 博客(9)
- 收藏
- 关注
原创 Vite+Vue3实现版本更新检查,实现页面自动刷新
在每次打包的时候生成一个version.json版本信息文件,在页面跳转的时候请求服务端的version.json的版本号和浏览器本地的版本号对比,进行监控版本的迭代更新,并对页面进行刷新。utils文件下新建versionUpdatePlugin.ts文件。utils文件下新建versionCheck.ts文件。1、使用Vite插件打包自动生成版本信息。2、Vite.config.ts配置。
2023-07-27 11:58:28
1885
4
转载 解决路由跳转错误控制台打印报错信息问题记录
返回的是Promise对象,此时then方法不能正常执行,无法跳转到指定路由,就触发了该对象的捕获错误的方法,抛出错误,但并不影响程序功能。路由版本更新产生的问题,导致。解决方式二:高逼格式 (推荐)真正的原因是由于返回了一个。拦截并重新指定路由时,由于。执行,当正常的路由跳转被。解决方式一:投机取巧式。
2023-05-11 11:11:20
999
原创 js事件冒泡
<body> <form id="form1"> <div id="divOne" onclick="alert('我是最外层');"> <div id="divTwo" onclick="alert('我是中间层!')"> <a id="divThree" href="http://www.baidu.com" onclick="alert('我是最里层!')">点击我</a> &.
2022-01-06 12:12:48
178
转载 JS中的函数节流
一、什么是函数节流(throttle)概念:限制一个函数在一定时间内只能执行一次。举个栗子,坐火车或地铁,过安检的时候,在一定时间(例如10秒)内,只允许一个乘客通过安检入口,以配合安检人员完成安检工作。上例中,每10秒内,仅允许一位乘客通过,分析可知,“函数节流”的要点在于,在一定时间之内,限制一个动作只执行一次。二、为什么需要函数节流 前端开发过程中,有一些事件或者函数,会被频繁地触发(短时间按内多次触发),最常见的例如,onresize,scroll,mousemove...
2021-12-02 17:19:23
8740
原创 vue/vuecli引入原生高德地图
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>demo</title> <script type="text/javascript" sr
2021-11-22 15:48:10
397
原创 element-ui@2.x 使用 ColorPicker 颜色选择器 动态换肤
1.在根目录下的components文件夹下创建组件ThemePicker.vue<template> <el-tooltip effect="dark" content="theme" placement="bottom"> <el-color-picker v-model="theme" class="theme-picker" size="small" popper-class="theme-picker-dropdown
2021-11-16 14:13:14
575
原创 vue cli版本是@vue/cli 4.5.13,使用sass报错
解决方法是:1.安装sass-loader和node-sassnpm install sass-loader node-sass --save-dev2.把package.json里面node-sass和sass-loader版本改成:"node-sass": "^4.11.1","sass-loader": "^7.3.0"3.删除node_modules,重新执行npm install...
2021-08-06 17:45:52
896
原创 JS实现本地图片预览的两种方式
方式一:第一种是用window.URL.createObjectURl方法对选择的图片数据(可以勉强理解为input的value)生成一个blob对象路径。<template> <div> <input multiple type="file" id="file" @change="handleChange"> <div id="imagebox"></div> </div></te
2021-08-05 15:05:29
7046
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人