自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 资源 (1)
  • 收藏
  • 关注

原创 一篇文章学习完Typescript基础

一篇文章学习完Typescript基础。众所周知,vue2在23年12月已经声明停止维护了,接下来就是开始卷vue3了,当然typescript作为vue3的主要使用语言为什么捏?因为很多vue3插件都是使用typescript作为代码开发的,一方面typescript拥有更好的代码规范,而且有更好的纠错系统。另一方面,typescript未来将愈加成为主流。学好typescript非常重要!!!

2024-04-02 16:28:52 1021

原创 (element-ui)el-table添加鼠标拖动事件

实现el-table的鼠标左右拖动效果

2022-09-07 15:45:20 2824 1

原创 (element-ui)取消el-table的hover状态,取消高亮显示

在使用element-ui的el-table表格的过程中,如何正确取消table的浮现效果。

2022-09-07 15:10:18 21036 12

原创 (element-UI)饿了么框架解决el-dialog弹窗强制居中的问题

在使用element-ui的时候,遇到了一个很棘手的问题,el-dialog弹窗无法强制居中,但是业务的需求是需要居中的要求,使用了很多办法例如:修改遮盖层,自定义class类名去调。都没有任何卵用!!

2022-09-07 14:28:25 2193

原创 vuex持久化实现网页刷新vuex内容不重载(代码附上)

使用vuex持久化实现vuex再刷新页面内容不重载,以实现刷新网页不用重复登录的需求

2022-06-16 01:43:29 571 2

原创 ( vue 、C语言)vscode ctrl+s保存自动格式化代码 配置

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、格式化代码二、vue相关三、C语言以及c++四、设置配置代码一、格式化代码Auto Close TagAuto Rename TagBeautifyBracket Pair ColorizerColor HighlightDracula OfficialESLintHTML CSS SupportJavaScript (ES6) code snippetsJavaScript Snip.

2022-03-28 13:39:06 2377

原创 (笔记)echarts中的无底坑

文章目录一、使用vuex进行echarts数据的渲染1.使用定时器进行延缓渲染2.使用watch监听数据变化,重新渲染二、echarts与echarts-GL的版本兼容问题总结一、使用vuex进行echarts数据的渲染如果使用vuex存储数据的话,echarts图表的渲染,会出现不了,控制台输出数据源发现是有数据,但是图表就是不出来,把echarts创建放到mounted中,他也不出来,就算加上了this.$nextTick(),他还是不出来。就是很气!!!后面摸索了,解决办法也有!!1.使用定时

2022-03-16 17:16:21 689

原创 (已附代码)异步处理--使用Promise进行异步请求

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、Promise 是什么?二、异步和同步又是什么?二、上代码1.axios版本 (vue)2.uni-app3.ajax版本总结一、Promise 是什么?ECMAscript 6 原生提供了 Promise 对象。Promise 对象代表了未来将要发生的事件,用来传递异步操作的消息。简单来说就是异步处理,异步加载数据等二、异步和同步又是什么?简单来说:同步就是我强依赖你(对方),我必须等到你的回复,才能做出下一.

2022-03-16 16:48:29 1537

原创 (附源码)抖音超火圣诞树教程(适配手机,附线上demo)

文章目录前言问题1.运行报错2.自适应问题效果图源码总结前言网上超火的圣诞树教程。在原有基础上增加了改进,添加了雪花,飘雪,以及光晕效果。个人还是比较喜欢钻研琢磨,有更好看的欢迎留言!!直接上干货!!!!博主是学vue比较多,所以把代码集成了vue组件。问题1.运行报错由于代码中用到了with代码块,但是在vue脚手架的严格模式下会无法运行导致报错!!而且会影响代码的上传。不过!!解决也十分简单!!禁用严格模式即可!!2.自适应问题在不同显示屏下的显示问题,由于装

2021-12-22 12:49:18 8819 2

原创 (已解决)echarts在vue中路由跳转后图表无法出现,附源码

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、无法出现图表的原因二、解决办法第一种第二种总结一、无法出现图表的原因1. 如果未实例化则进行实例化过程, 在此期间会在div容器生成一个_echarts_instance_属性, 该属性值其实就是当前echarts的ID, 然后进行后边的渲染操作.2. 当页面跳转或者切换时,echarts会根据该属性进行判断是否重新进行渲染图表, echarts会先匹配改div容器上的_echarts_instance_属性值是否与实

2021-12-13 12:26:32 4003 9

原创 (附项目源码)uni-app关于uni-ui使用问题

文章目录一、使用 uni_modules 安装二、使用 npm 安装1.准备 sass以及sass-loader2.安装 uni-ui3.配置easycom4.添加vue.config.js文件测试总结一、使用 uni_modules 安装使用 uni_modules 方式安装组件库,可以直接通过插件市场导入,通过右键菜单快速更新组件,不需要引用、注册,直接在页面中使用 uni-ui 组件。如果使用的是HbuilderX的编译软件,直接点击插件市场进行安装即可。插件市场安装页面:uni-ui 安装

2021-11-23 22:06:37 3691 1

原创 vue项目关于node-sass的报错问题解决

文章目录一、Node Sass does not yet support your current environment二、npm安装报错三、运行项目报警告四、个人使用的版本(亲测没有问题)一、Node Sass does not yet support your current environment报错信息如下:Error: Node Sass does not yet support your current environment: Linux 64-bit with Unsupporte

2021-11-08 18:45:23 7684 5

原创 (保姆级)vue环境搭建以及项目创建

文章目录nodejs包下载(最前提条件)一、环境的配置设置npm的默认安装路径,和缓存路径二、开始安装1.打开node命令行程序2.把npm替换成cnpm2.安装最新版vue-cil3.全局安装webpack4.测试四、常见错误1.webpack不是内部或外部命令,也不是可运行的程序或批处理文件。2.npm命令Error: EINVAL: invalid argument, mkdir总结nodejs包下载(最前提条件)进入官网下载https://nodejs.org/zh-cn/download

2021-11-08 11:43:50 789

原创 CSS3 @media 查询-----完善不同设备的样式适配

文章目录一、什么是css自媒体查询二、用法三、代码解释四、效果展示1.正常分辨率2.当屏幕宽度小于768px时3.当屏幕宽度在768px与1440px之间4.完整代码五、自媒体查询一些常用设备宽度一、什么是css自媒体查询使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。二、用法@med

2021-11-08 10:39:31 940

原创 css特效

分享一位css特效制作博主下面是他对应的GitHub仓库,以及部分演示视频感觉做的挺好的,给大家分享一下。github地址:https://github.com/qq449245884/CSS_Very_Power演示地址:http://www.longstudy.club/css/150/index.html...

2021-10-31 16:02:28 5237

原创 css动态特效 @keyframes

文章目录一.创建动画效果二.在css选择器中引用三.参数解释animation(调用动画以及参数的解释,与-webkit-animation通用)duration(动画执行的时间)timing-function(动画执行的速度)delay(动画延迟多久开始)iteration-count(动画执行的次数)direction(是否轮流播放)四.题外话(一些css函数)1.缩放函数2.旋转函数3.倾斜函数**今天又是咸鱼的一天!!!**一.创建动画效果css动画效果创建:百分比(0%、100%)表示动画

2021-10-27 21:07:43 8116 1

原创 vue引入链接形式(网站)的js文件

创建script标签的方法(定义自定义组件)代码如下(示例):export default { components: { tabVue, 'remote-js': { render (createElement) { return createElement('script', { attrs: { type: 'text/javascript', src: this.src } }); }, props: {

2021-10-23 11:41:08 8983

原创 vue使用vue-video-player插件进行rtmp推流(flv格式)

前提:插件版本以及所用插件通过命令行进行安装npm install --save vue-video-playernpm install --save videojs-flash注意!!!安装建议使用npm安装,不要使用cnpm安装,不知道何种原因cnpm安装可能会导致一些错误,使用npm安装则一点毛病没有一、导入依赖包import 'video.js/dist/video-js.css'import { videoPlayer } from 'vue-video-player'

2021-10-23 11:32:21 14362 11

原创 在vue中配置jQuery环境

vue以及jQuery版本使用的都既是当前最新的版本一、如何配置?两种方法进行配置。1.在main.js中进行配置2.修改配置文件vue.config.js进行配置(个人推荐第二种,配置完成即可全局使用,第一种有时候还会报错)二、配置步骤1.使用第一种main.js方法引入代码如下(示例):import $ from "jquery"Vue.use($);main.js完整代码如下import Vue from "vue";import App from "./App.vu

2021-10-22 23:56:27 7150

原创 vue使用swiper(swiper6)中遇到的坑

使用的swiper版本swiper组件在html中使用,只需直接引用先关的js文件以及css文件即可,但在vue中使用却截然不同。声明:博主先用的swiper的版本(6.7.0)import Swiper from "swiper" 导入swiper坑一:css导包错误在使用过程中,如果使用低版本的方式在mounted中挂载,即可触发隐藏彩蛋,发现无法出现上一个和下一个的按钮,如图所示引入的css样式包为@import url("…/…/…/…/node_modules/swipe

2021-06-21 22:09:19 7666 3

uni-ui安装初始化

uni-app配置uni-ui组件库

2021-11-23

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除