- 博客(9)
- 收藏
- 关注
RSS订阅原创 Vite+Vue3实现版本更新检查，实现页面自动刷新
在每次打包的时候生成一个version.json版本信息文件，在页面跳转的时候请求服务端的version.json的版本号和浏览器本地的版本号对比，进行监控版本的迭代更新，并对页面进行刷新。utils文件下新建versionUpdatePlugin.ts文件。utils文件下新建versionCheck.ts文件。1、使用Vite插件打包自动生成版本信息。2、Vite.config.ts配置。
2023-07-27 11:58:28
1193
3
转载 解决路由跳转错误控制台打印报错信息问题记录
返回的是Promise对象，此时then方法不能正常执行，无法跳转到指定路由，就触发了该对象的捕获错误的方法，抛出错误，但并不影响程序功能。路由版本更新产生的问题，导致。解决方式二：高逼格式 (推荐)真正的原因是由于返回了一个。拦截并重新指定路由时，由于。执行，当正常的路由跳转被。解决方式一：投机取巧式。
2023-05-11 11:11:20
905
原创 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
160
转载 JS中的函数节流
一、什么是函数节流（throttle）概念：限制一个函数在一定时间内只能执行一次。举个栗子，坐火车或地铁，过安检的时候，在一定时间（例如10秒）内，只允许一个乘客通过安检入口，以配合安检人员完成安检工作。上例中，每10秒内，仅允许一位乘客通过，分析可知，“函数节流”的要点在于，在一定时间之内，限制一个动作只执行一次。二、为什么需要函数节流 前端开发过程中，有一些事件或者函数，会被频繁地触发（短时间按内多次触发），最常见的例如，onresize，scroll，mousemove...
2021-12-02 17:19:23
8631
原创 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
384
原创 [email protected] 使用 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
539
原创 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
859
原创 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
6671
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人