- 博客(91)
- 收藏
- 关注
RSS订阅原创 vue3+vite+ts中import.meta.env 获取不到配置值的问题
【代码】vue3+vite+ts中import.meta.env 获取不到配置值的问题。
2025-07-04 10:55:10
299
原创 Cannot find module ‘./App.vue‘ or its corresponding type declarations.ts
src下新增或者修改vite-env.d.ts文件。
2025-07-03 15:34:09
98
原创 超简单解决vue3+vite报错The requested module ‘node:fs/promises‘ does not provide an export named ‘constants‘
报错原因：node版本和vite不兼容导致的。本人使用的是node17.0.0。
2025-06-22 11:38:38
490
原创 如何更改node版本？高低版本替换最全流程
6、设置指定版本使用：nvm user 17.0.0（这样可同时下载多个版本的node）5、下载指定版本：nvm install 版本号。如果无法访问github，可参考。3、通过管理员权限打开命令提示符。4、查看nvm版本：nvm -v。1、先卸载原来的node。2、下载nvm，地址如下。
2025-06-21 15:54:44
341
原创 国内无法访问github解决方案
3、将改后的文件替换 C:\Windows\System32\drivers\etc\hosts。1、将C:\Windows\System32\drivers\etc\hosts文件复制到桌面。4、cmd指令执行：ipconfig/flushdns，成功后便可以正常访问github了。搜索Assets下载nvm。2、新增以下两行代码保存。
2025-06-21 15:32:07
337
原创 最简单的解决报错问题Error: error:0308010C:digital envelope routines::unsupported
由于高版本的node导致不支持某些算法，所以设置环境变量让node使用旧版本的openssl。在package.json添加代码。
2025-06-21 10:38:22
110
原创 npm/yarn报错“certificate has expired“
下载完成后设置回去yarn config set strict-ssl fasle。查看yarn/npm config list。将strict-ssl设置为true。如果上述方案不行，则更改淘宝镜像。然后继续下载yarn/npm i。
2025-06-20 13:02:15
364
原创 vue3中的watch和watchEffect区别以及demo示例
watch：是用来监听响应式数据变化的APIwatchEffect：vue3中Composition API的一个函数，用于自动追踪响应式依赖并执行副作用回调。
2025-06-18 17:16:37
357
原创 一行代码解决vue3中watch监听reactive/ref对象和数组的属性时，新旧值一样的问题
原因：因为他们引用的是同一个对象或数组，vue不会保留更改之前值的副本。对监听的对象或数组进行深拷贝来拿到旧值。
2025-06-15 16:57:29
169
1
原创 vue2和vue3的底层逻辑原理、区别、用法以及应用优缺点
1.无法检测对象属性的删除和添加2.无法检测数组内部的变化，vue2通过重写数组的方法来实现数组的响应式3.需要遍历整个对象，如果对象嵌套太深需要递归遍历，性能下降1.可以监听数组对象的变化，不需要遍历整个对象性能更好；
2025-06-15 12:36:16
233
原创 vue3报错：Module ‘d:/code/vue2025/vue3-vite/src/components/HelloWorld.vue‘ has no default export.Vetur
Settings--->搜索setting.json--->打开。
2025-06-13 12:08:07
263
原创 在Vue2项目中引入ElementUI详细步骤
1.使用npm安装ElementUI，安装好后在package.json文件查找element-ui是否安装好。2.在main.js中引入element-ui。
2025-06-12 15:14:03
416
原创 设置vscode保存代码后自动整理代码格式
按照以下顺序设置后，保存（Ctrl+S）后自动格式化代码。2.搜索Format On Save。1.点击Settings。
2025-06-12 14:25:42
1176
原创 【前端】代码警告处理Parsing error: Unexpected token ＜eslint或Parsing error: Unexpected token =eslint
2.在.eslintrc.js文件加上parse: 'babel-eslint'是由于开发环境与esLint当前的解析功能不兼容。
2024-02-28 11:22:34
13487
2
原创 React UI框架Antd 以及 如何按需引入css样式配置（以及过程中各种错误处理方案）
2.由于上一步可能会报下面的错，需要修改node版本，更改node版本为14.15.0或16.10.0或>=18.0.0才可以下载react-app-rewired指定模块插件。3.package.json文件修改，将react-script改为react-app-rewired。4.在项目根目录创建config-overvides.js文件用来修改默认配置。7.注释掉以下的配置，这时候直接引入组件就有对应的css，无需全局引入。6.修改config-overvides.js文件为下面代码。
2024-02-27 17:01:41
2213
原创 React引入css的几种方式以及应用
h2 className={styles.title} style={{ background:'pink' }}>我是父组件下载依赖库指令：npm install styled-components -S// 自定义样式的组件 注意定义的首字母大写，不然不生效color: red第三方库引入css demo第三方库引入css demo
2024-02-27 16:46:13
847
原创 前端 扁平化数据和树形数据互转
// label 区域名称// level 等级0代表省级 1代表市区 2代表县级// PId 父级的code// code 当前codelist1: [ { label: "浙江省", level: 0, PId: 0, code: 330000 }, { label: "杭州市", level: 1, PId: 330000, code: 330100 }, { label: "宁波市", level: 1, PId: 330000, code:.
2022-05-09 11:18:39
453
原创 前端 鼠标滑过图片透明文字遮罩向上滑出效果 动画
<div style="display: inline-block;"> <h3>鼠标滑过图片透明文字遮罩向上滑出效果</h3> <div class="parent-hover-class" @mouseenter="clickShow(item, true)" @mouseleave="clickShow(item, false)" v-for="(item, index) in imageList" :k...
2022-05-07 16:01:41
842
原创 常用的前端的方法函数（还在更新中）
/** * 字符串时间转化成时间戳 * @param {*} str 字符串时间 2022-04-29 00:00:00 * @returns 时间戳 */export function getDateFromString(str) { var reg = /^(\d+)-(\d+)-(\d+) (\d+):(\d+):(\d+)/; var s = str.match(reg); var result = ""; if (s) { result = new Date(s.
2022-04-29 11:06:20
489
原创 echarts 固定X轴且以天为维度的日期（也可以分钟，秒为维度），对应的日期时间画折线图
废话不多说，上代码，备注以及需要注意的点都在代码里<div ref="echartsLine" style="width:1000px;height:500px;"></div>// 字符串时间转化成时间戳getDateFromString(str) { var reg = /^(\d+)-(\d+)-(\d+) (\d+):(\d+):(\d+)/; var temp = str.match(reg); var result = ""; ..
2022-04-29 10:20:37
9775
3
原创 【前端】选择本地文件夹路径/目录的方法以及相关代码
1.关于选择本地文件夹路径，我试过原始的方法，获取到的是所有当前文件夹下的所有文件，而且如果当前文件夹下无内容，选择文件夹后是不触发事件的，就更拿不到路径了。所以得另辟蹊径。以下是vue框架里使用的：<el-form ref="form" :model="form" label-width="10px" style="width: 100%"> <el-form-item label=""> <!-- webkitdirectory代表选择..
2021-12-08 11:27:20
26979
65
原创 Studio 3T（Mongodb） （该方法已废除，使用会导致试用期都用不了）破解 推荐使用Robo 3T
直接重置试用时间（30天）1.创建一个文件名studio3t.bat,内容为：@echo offECHO 重置Studio 3T的使用日期......FOR /f "tokens=1,2,* " %%i IN ('reg query "HKEY_CURRENT_USER\Software\JavaSoft\Prefs\3t\mongochef\enterprise" ^| find ...
2020-04-21 09:08:33
845
11
原创 centos7安装docker创建tomcat并部署web项目
注：卸载： 1、查询docker安装过的包： #yum list installed | grep docker 2、删除安装包： #yum remove docker-ce.x86_64 docker-ce-cli.x86_64 3、删除镜像/容器等 删除容器 #docker rm dockerName...
2019-06-14 17:37:25
1317
原创 关于docker 基于一个tomcat镜像来部署多个tomcat容器并运行
48dd385504b1为tomcat镜像id1，再创建1个tomcat容器（外部访问端口分别为8081/8082）# docker run --name tomcat8081 -d -p 8081:8080 48dd385504b12，copy war包到容器(以一个容器为例)# docker inspect -f '{{.Id}}' 容器名# docker inspect ...
2019-06-14 17:37:01
2208
原创 docker错误
1.docker启动失败# systemctl start docker问题：Job for docker.service failed because the control process exited with error code. See "systemctl status docker.service" and "journalctl -xe" for details.解决...
2019-06-14 17:24:33
521
转载 linux系统和tomcat时间不一致的问题
tomcat启动后，获取的时间和服务器的时间不一致，查找了linux系统中的所有关于时区设置的地方，没有发现有任何问题，重启服务器也没有解决这个问题。有可能是JVM中的时区和linux系统的时区不一致导致的，检查JVM中的时区。#java -XshowSettings:all或#java -XshowSettings:local可以查看JVM中的设置，服务器在这个设置中有关时区...
2019-05-27 11:29:28
1113
原创 svn日志显示不出来，修改时间报参数错误，解决办法
1.首先清理一下项目，默认的就行2.按图中右击版本库浏览器中的项目，选择版本分支图，执行完成之后关闭，再点击显示日志就可以了
2019-04-23 10:05:12
3007
原创 org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'shiroFilter'
org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'shiroFilter' defined in class path resource [spring/spring-shiro.xml]: Cannot resolve reference to bean 'securit...
2019-02-21 14:12:20
3643
原创 Windows下从安装mongodb到操作mongodb数据库
一.安装（安装路径D:\MongoDB\）1.下载链接https://www.mongodb.com/download-center/community有对应的版本和对应的系统2. 安装，双击安装包 MongoDB Compass 是一个图形界面管理工具，可以在官网下载安装下载地址：https://www.mongodb.com/download-...
2019-01-19 14:23:40
216
原创 mysql 时间戳和日期的转换
1.时间戳转日期类型（alarmtime是时间戳 ）--- FROM_UNIXTIME(alarmTime,'%Y-%m-%d %H:%i:%s')select FROM_UNIXTIME(alarmTime,'%Y-%m-%d %H:%i:%s') AS time from captureRecord2.日期格式转时间戳（qtime是日期格式的字段）--- unix_timestamp...
2019-01-14 11:06:12
225
原创 查询mySql库中各个表的记录数
只需要改个库名称 ，以下库名称为dispatch_tsuse information_schema;select table_name,table_rows from tableswhere TABLE_SCHEMA = 'dispatch_ts'order by table_rows desc;
2019-01-12 17:21:19
364
原创 js list和map追加元素
list:var arr=new Array();var data1={id:"789456321";name:"滚滚"}var data2={id:"582369774";name:"球球"}arr.push(data1);arr.push(data2);console.log(arr);结果为：[{id:"789456321";name:"滚滚"},{id:&qu
2018-12-28 16:45:16
4760
原创 Echarts关系图-----注释
option = { title: { text: '人民的名义关系图谱' }, tooltip: { formatter: function (x) { return x.data.des; } }, ...
2018-12-28 15:13:39
5102
原创 java js页面提示报警声音
js页面： <audio id="sound" autoplay="autoplay"></audio>在需要提示声音的代码部分加上以下代码 document.getElementById("sound").src="<%=basePath%>static/video/alarm.mp3";alarm.mp3是音频文件，在网上
2018-12-27 11:19:55
3656
原创 idea项目打成jar包启动教程
package -Dmaven.test.skip=true点击Execute进行创建，控制台出现“BUILD SUCCESS”即创建成功，然后找到该jar包 在当前文件夹执行DOS命令，java -jar -Dfile.encoding=UTF-8 backtask.jar（jar包文件名），这样该项目就启动了...
2018-12-27 10:10:44
2195
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人