ZHENGCHUNJUN的博客

原创 正则表达式 || 遇到字符串里面有（） 就在括号后面换行

正则表达式 || 遇到字符串里面有（） 就在括号后面换行

原创 vite构建vue3+Ts项目 并配置路由router

找不到模块“@/views/About.vue”或其相应的类型声明，这个警告说明 Vue Router 没有找到与路径 "/src/views/About" 匹配的路由。Vue Router 的路径匹配是基于配置的路由路径而不是实际文件路径。对于 Vue 3，Vue Router 是一个单独的库，因此你需要安装它作为项目的依赖。的文件夹，然后在该文件夹中创建一个名为。能够正确地映射到对应的组件，确保路由的。中确保路由的配置是正确的，，用于显示当前路由对应的组件。

原创 vue3 增加全局水印（显示登录信息）

【代码】vue3 增加全局水印（显示登录信息）

原创 http+域名+端口

请注意，当使用HTTP协议时，通常不需要显式指定端口号，因为HTTP默认使用的是80端口。如果使用HTTPS协议，默认端口是443。端口号通常只在特殊情况下需要显式指定，例如使用了非默认端口的服务器。指定了服务器监听的端口，通常是HTTP协议使用的默认端口80，但也可以是其他端口号。HTTP，域名和端口号一起构成了一个完整的网址。如果省略路径，那么将默认访问服务器的根目录。指定了服务器上资源的路径，表示要访问的具体内容。指定了服务器的地址，可以是一个域名（如。指明了使用的协议，这里是HTTP。

原创 #vu3# element plus表格的序号字段

在表格中添加序号字段，可以使用以下几种方式来实现。

原创 vue3项目实现预览图片、旋转图片功能

在点击图片时，能预览大图，弹出一个包含旋转图片功能按钮的弹窗。用户可通过点击按钮实现对图片的旋转操作。点击弹框预览图片、旋转图片功能。

原创 vue3 element plus 查询输入框 实现输入就可以查询

可以使用@input事件或v-model来监听输入框的变化，当输入框内容变化时，会触发handleQuery方法，并在变化时触发查询操作，你可以在这个方法中执行实际的查询逻辑

原创 vue3实现元素拖拽移动功能

整体思路是在鼠标按下时计算初始偏移值，并在拖拽过程中更新 div 元素的位置，通过事件监听器实现拖拽效果。

原创 npm run dev 启动vue的时候指定端口

通过参数来指定 Vue CLI 的开发服务器使用的端口号。使用的是 Vue CLI 来创建和管理 Vue 项目，确保在命令行中正确输入命令，并替换成您想要的端口号。来指定启动的端口号。可以通过设置 --port。进入您的 Vue 项目目录。这样，您就可以在运行。

原创 #vue3 实现前端下载excel文件模板功能

前端无需通过后端接口，即可实现模板下载功能。通过构造一个 JSON 对象，使用前端常用的第三方库 xlsx，可以直接将该 JSON 对象转换成 Excel 文件，让用户下载模板

原创 #vue3# el-table-horizontal-scroll 让 el-table 在底部显示横向滚动条

底部会出现滚动条，但使用起来不太便捷，因为每次需要先滚动到底部才能使用。当鼠标悬停在表格上时，滚动条会显示，的宽度超出浏览器宽度时，尽管。时，确保你的选择器放在括号内）的滚动体，这显得相当繁琐。在main.ts（全局注册）为了提升体验，希望在。使用深度穿透进行修改。

原创 css实现动态水波纹效果

css实现动态水波纹效果

原创 #前端#scss学习

scss学习

原创 合并分支--将自己的分支合并到master分支

合并分支--将自己的分支合并到master分支

原创 将master分支的代码合并到你自己的分支

将master分支的代码合并到你自己的分支

原创 js知识点总结

原创 #css# 超出高度，可上下滚动

#css# 超出高度，可上下滚动

原创 #Vue# Vue使用print实现打印及另存为PDF功能

#Vue# Vue使用print实现打印及另存为PDF功能

原创 uviewbug之Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loade

uviewbug之Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loade

原创 #vue#使用Element输入框，使用enter回车键搜索或提交

#vue#使用Element输入框，使用enter回车键搜索或提交

原创 Vue踩坑之el-select下拉框：数据回显后，无法选中赋值问题

Vue踩坑之el-select下拉框：数据回显后，无法选中赋值问题

原创 #moment.js# 获年月日/js 获取时间日期

#moment.js# 获年月日/js 获取时间日期

原创 #JavaScript# 合并数组的多种方法 （附源码）

#JavaScript# 合并数组的多种方法 （附源码）

原创 #vue# 生命周期

#vue# 生命周期

原创 #vue# vue 中使用防抖和节流，防止重复点击（附源码）

#vue# vue 中使用防抖和节流，防止重复点击（附源码）

原创 后台管理系统之预览大图

后台管理系统之预览大图

原创 #Vue# el-date-picker 日期选择器清空事件 （附源码）

#Vue# el-date-picker 日期选择器清空事件 （附源码）

原创 #vue# js实现倒计时秒杀效果的步骤及思路（附源码）

#vue# js实现倒计时秒杀效果的步骤及思路（附源码）

原创 vue-element-admin 后台管理系统项目总结（2）思维导图

vue-element-admin 后台管理系统项目总结---拦截器以及动态路由

原创 vue-element-admin 后台管理系统项目总结（1）思维导图

【vue-element-admin】的安装、目录介绍

原创 #vue#获取浏览器视窗，动态修改div高度（附源码）

#vue#根据视窗，动态修改div高度（附源码）

原创 #微信小程序# #uni-app# 实现提交表单或登录，需勾选同意协议，才可以进行下一步

#微信小程序##uni-app#实现提交表单或登录，需勾选同意协议，才可以进行下一步

原创 #微信小程序# #uni-app# 使用uni.getUserProfile，实现微信授权登录 （附源码）

#微信小程序# #uni-app# 使用uni.getUserProfile，实现微信授权登录 （附源码）

原创 #vue# @click=“”实现点击切换不同的图片

#vue# @click=“”实现点击切换不同的图片

原创 #JavaScript# 系统知识之基础总结---思维导图

#JavaScript#系统知识之基础总结---思维导图

原创 #VUE#element 日期选择器 date-picker 默认当月1号到当天

#VUE#element 日期选择器 date-picker 默认当月1号到当天

原创 #微信小程序# 在小程序里面退出退出小程序（navigator以及API--wx.exitMiniProgram）

#微信小程序# 在小程序里面退出退出小程序（navigator以及API--wx.exitMiniProgram）

原创 #vue# css样式穿透::v-deep的具体使用

一、需求：使用element-ui等一些第三方组件库时，由于实际项目的差异性，往往需要修改element-ui的css样式，这个时候就需要我们单独针对该页面进行修改样式。二、方法：使用::v-deep样式穿透进行修改即可三、步骤（示例）：修改el-select下拉框的样式（修改它的边框大小）<template> <div class="basic"></div> <el-form-item label

原创 #vue#实现浏览器全屏可视化（进入、退出全屏）附源码

Vue实现网页大屏模式，附源码

原创 #前端#Vue追加样式，实现动态进度条/仪表盘

#前端#追加样式，动态修改进度条/仪表盘？