- 博客(20)
- 资源 (1)
- 收藏
- 关注
原创 一篇文章学习完Typescript基础
一篇文章学习完Typescript基础。众所周知,vue2在23年12月已经声明停止维护了,接下来就是开始卷vue3了,当然typescript作为vue3的主要使用语言为什么捏?因为很多vue3插件都是使用typescript作为代码开发的,一方面typescript拥有更好的代码规范,而且有更好的纠错系统。另一方面,typescript未来将愈加成为主流。学好typescript非常重要!!!
2024-04-02 16:28:52
1091
原创 (element-ui)取消el-table的hover状态,取消高亮显示
在使用element-ui的el-table表格的过程中,如何正确取消table的浮现效果。
2022-09-07 15:10:18
25256
15
原创 (element-UI)饿了么框架解决el-dialog弹窗强制居中的问题
在使用element-ui的时候,遇到了一个很棘手的问题,el-dialog弹窗无法强制居中,但是业务的需求是需要居中的要求,使用了很多办法例如:修改遮盖层,自定义class类名去调。都没有任何卵用!!
2022-09-07 14:28:25
2352
原创 vuex持久化实现网页刷新vuex内容不重载(代码附上)
使用vuex持久化实现vuex再刷新页面内容不重载,以实现刷新网页不用重复登录的需求
2022-06-16 01:43:29
648
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
2484
原创 (笔记)echarts中的无底坑
文章目录一、使用vuex进行echarts数据的渲染1.使用定时器进行延缓渲染2.使用watch监听数据变化,重新渲染二、echarts与echarts-GL的版本兼容问题总结一、使用vuex进行echarts数据的渲染如果使用vuex存储数据的话,echarts图表的渲染,会出现不了,控制台输出数据源发现是有数据,但是图表就是不出来,把echarts创建放到mounted中,他也不出来,就算加上了this.$nextTick(),他还是不出来。就是很气!!!后面摸索了,解决办法也有!!1.使用定时
2022-03-16 17:16:21
731
原创 (已附代码)异步处理--使用Promise进行异步请求
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、Promise 是什么?二、异步和同步又是什么?二、上代码1.axios版本 (vue)2.uni-app3.ajax版本总结一、Promise 是什么?ECMAscript 6 原生提供了 Promise 对象。Promise 对象代表了未来将要发生的事件,用来传递异步操作的消息。简单来说就是异步处理,异步加载数据等二、异步和同步又是什么?简单来说:同步就是我强依赖你(对方),我必须等到你的回复,才能做出下一.
2022-03-16 16:48:29
1584
原创 (附源码)抖音超火圣诞树教程(适配手机,附线上demo)
文章目录前言问题1.运行报错2.自适应问题效果图源码总结前言网上超火的圣诞树教程。在原有基础上增加了改进,添加了雪花,飘雪,以及光晕效果。个人还是比较喜欢钻研琢磨,有更好看的欢迎留言!!直接上干货!!!!博主是学vue比较多,所以把代码集成了vue组件。问题1.运行报错由于代码中用到了with代码块,但是在vue脚手架的严格模式下会无法运行导致报错!!而且会影响代码的上传。不过!!解决也十分简单!!禁用严格模式即可!!2.自适应问题在不同显示屏下的显示问题,由于装
2021-12-22 12:49:18
10176
2
原创 (已解决)echarts在vue中路由跳转后图表无法出现,附源码
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、无法出现图表的原因二、解决办法第一种第二种总结一、无法出现图表的原因1. 如果未实例化则进行实例化过程, 在此期间会在div容器生成一个_echarts_instance_属性, 该属性值其实就是当前echarts的ID, 然后进行后边的渲染操作.2. 当页面跳转或者切换时,echarts会根据该属性进行判断是否重新进行渲染图表, echarts会先匹配改div容器上的_echarts_instance_属性值是否与实
2021-12-13 12:26:32
4445
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
4153
4
原创 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
8686
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
868
原创 CSS3 @media 查询-----完善不同设备的样式适配
文章目录一、什么是css自媒体查询二、用法三、代码解释四、效果展示1.正常分辨率2.当屏幕宽度小于768px时3.当屏幕宽度在768px与1440px之间4.完整代码五、自媒体查询一些常用设备宽度一、什么是css自媒体查询使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。二、用法@med
2021-11-08 10:39:31
1059
原创 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
5266
原创 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
8325
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
9118
原创 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
15010
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
7266
原创 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
7796
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人