- 博客(14)
- 收藏
- 关注
RSS订阅
原创 Vite快速开发入门（技术栈方向：Vue3.x+Vite）
这里写目录标题初次接触ViteVite是什么?Vue 3.0 + Vite 快速尝鲜！Vite和Vue-Cli版本之子：Vite2实习公司技术栈要求使用Vue3+Vite进行开发，当时学习过程中主要使用的是Vue2.x，一进去就用新的版本进行开发，略微感觉不适（其实是害怕自己搞不懂哈哈哈），还好3.0是兼容2.x的，只能在开发过程慢慢摸索学习初次接触ViteVite是什么?Vue 3.0 + Vite 快速尝鲜！Vite和Vue-Cli版本之子：Vite2链接: [译]Vue官方成员：Vite
2022-02-03 20:42:42
1337
原创 解决Vue-Router报错：[Vue Router warn]: No match found for location with path 《route-name》
[Vue Router warn]: No match found for location with path：路由对象命名重复导致Vue Router报错，无法匹配到对应路由，结果为页面显示为一片空白。
2022-09-05 22:42:50
5745
1
原创 CSS改变table内置tbody滚动条
CSS改变table内置tbody滚动条前言隐藏滚动条代码改变滚动条样式改变table内置tbody滚动条前言首先让我们一起来看一下Chrome这个浏览器原生的滚动条，如下图所示看完之后是不是觉得自己活在了十年甚至二十年以前，这个古老的风格真的让人质疑，还好浏览器是支持改变滚动条的样式。在知道可以改变滚动条样式之前，我都选择将其隐藏起来（印象中很多移动端都隐藏了，其实是才疏学浅，没想到可以改变其样式哈哈）隐藏滚动条代码/* 隐藏滚动条，前面可选 添加类名，只对存在滚动条的元素生效 */::-w
2022-03-07 20:17:12
1713
原创 vue手写日历组件
vue手写日历组件需求场景简要逻辑分析 (一堆废话 不想看直接跳到代码部分)存放日期的表格/二维数组月份年份选择代码呈现需求场景阅读此文章默认读者已经了解vue基本语法/指令在一些查询类的表单中，经常会有选择日期/时间一类的需求，参考ElementUI/ElementPlus如下图所示的日历控件，以此为模板，在vue3的框架下手写类似的迷你组件用于满足查询类表单对于日期选择的需求。一小段废话：也许会有人会问为什么要重复造轮子，这无疑是一个问题，一是所在公司的业务要求（可以不使用第三方库就不使用，考
2022-03-04 19:17:27
1717
原创 vue3 手动封装message消息组件（提示框：参考element-ui）
vue3 手动封装message消息组件 使用场景封装组件message.vueindex.js调用方式按需/局部调用全局调用番外推荐参考文章使用场景如图所示消息提示框组件的使用场景很清楚：一般用于登录提示或者一些表单提交（网络请求）的状态提示参考链接: element-ui_Message 消息提示.封装组件目录的话 需要对应vue文件和js同级即可，如图所示（我的项目里面命名为tip）message.vue<template> <div class="pop-m
2022-02-09 22:36:23
4348
4
原创 ElementUI弹窗意外触发关闭事件
ElementUI弹窗意外触发关闭事件起因解决办法深入思考（修改源码）起因笔者最近在耍ElementUI，发现在使用弹窗这个组件的时候，右键选中输入框中的内容会意外触发弹窗的关闭事件，但是时而又不会触发，搞得自己一头雾水，经过大佬指点之后发现是，触发了弹窗背后遮罩的点击关闭事件，即右键选中输入框时候最后mouseup在弹窗内就不会触发关闭事件，如果我mouseup在弹窗之外（即背后遮罩）就会触发关闭事件，虽然是个很小的bug，但是有点强迫症所以哈哈哈哈哈哈！解决办法参考回ElementUI的官方文档
2021-10-19 17:22:01
1634
2
原创 ElementUI弹窗关闭时会闪烁一下
ElementUI弹窗关闭时会闪烁一下原因解决方法原因ElementUI和Css动画相信大家都不陌生，有时候为了让页面内元素的出现和消失显得更加自然，我会给css中添加transition: all 0.5s;让页面的动画看起来更加自然，不过编写css的时候有时候容易翻车，就比如我，为了给页面中部分元素添加过渡动画（为了省事写在了全局样式中）导致所使用ElementUI的弹窗在关闭之后也还会闪烁一次，把对应代码去掉后UI框架的闪烁也对应消失了，但是我又不想给每个需要的元素添加多一行代码。 *
2021-10-13 19:45:53
1616
原创 Vue+Less/Css简易动态切换主题
Vue+Less/Css简易动态切换主题描述解决方法less安装和使用描述最近在完成一个简易后台管理系统的搭建，因为功能模块比较少，于是写了一个设置页面，想给整个web添加一个改变颜色的功能（只是切换一种或几种颜色，自定义改变颜色的话难度会麻烦一些，可以参考下最下方的链接），于是了解了一下css变量和less变量，打算从这俩方面入手（预编译用的less） //Css设置变量 :root{--global-color:blue;} //调用变量 #box1{color:var(--global-c
2021-10-03 17:00:46
1920
原创 Git/Gitee将本地项目上合并到已有仓库/gitignore文件
Git/Gitee将本地项目上传/合并到已有仓库/.gitignore文件git基础命令创建远程仓库gitignore文件选择（前端）合并（上传）本地项目※※※“都9020年了不会还有新生代农民工不用git/gitee的吧[doge]”git基础命令（本文默认读者安装完成并配置好git）以下操作基本在 git bash here（git安装好后鼠标右键菜单中）操作1.查看当前状态$ git status以下为输出//说明该文件夹中还没有建立本地仓库。fatal: not a git re
2021-08-22 16:32:39
1253
原创 vue中引入jQuery&&&解决＄ is not defined问题
vue中引入jQuery&&&解决＄ is not defined问题错误原因解决办法安装/导入jquery依赖包配置文件在main.js中全局导入jquery记录一下jquery的安装方法以免忘记。错误原因很明显是没有安装jquery依赖包导致的。解决办法安装/导入jquery依赖包npm install jquery --save// 或者使用淘宝镜像cnpm install jquery --save配置文件旧版本的话，是需要在webpack.base
2021-08-06 16:52:11
3673
1
原创 前端axios请求form-data,status显示canceled
前端axios请求form-data,status显示canceled起因改进&报错发现问题起因最近在网上跟着学习axios在vue中的使用，包含axios的基本数据请求，实例配置。在视频教学中，讲师分享了现成的可在本地运行的api进行基本数据请求，并以其中“content-type:application/json”类型的post请求作为例子讲解，实际还有“content-type:form-data”类型的api，于是本人想试试换个类型如何进行post请求。（应该算是准入门，可能有些用词不太
2021-08-05 18:56:26
1540
原创 CSS实现图片旋转&暂停时保持旋转状态（可用于音乐播放）
CSS实现图片旋转&暂停时保持旋转状态（可用于音乐播放）一级目录一级目录.musicImgRotate { animation: rotate 6s linear infinite; } @keyframes rotate { 0% { transform: rotateZ(0deg); /*从0度开始*/ } 100% { transform: rotateZ(360deg); /*360度结束*/ } }...
2021-03-11 18:16:33
3230
原创 HTML+CSS+VUE编写简易音乐播放器
HTML+CSS+VUE编写简易音乐播放器展示功能简析1.搜索功能2.音乐播放功能3.音乐图片&评论展示功能4.音乐进度条控制功能代码html+css基本布局js代码（vue.js+axios发送请求）展示PS：楼主是个刚刚入门的小白，学习过一丢丢html+css，最近在入门vue，跟着小破站视频模仿着制作了一个简易的音乐播放器，大伙多多指教，不喜勿喷。功能简析1.搜索功能2.音乐播放功能3.音乐图片&评论展示功能4.音乐进度条控制功能代码html+css基本布局js代码
2021-03-11 09:48:10
1477
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人