自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 使用css Reset适配不同浏览器css样式

import './assets/css/reset.less' ###############添加。结语:这样就实现了统一的css样式布局,它的作用会简化很多我们的原始样式,效果还是很不错的,希望对你有所帮助!3、也可以按照自己的风格去规定重置配置。1、不同浏览器处理浏览器的兼容性。目录:关于不同的浏览器再打开vue3项目的时候,是不可以避免,所以就有了这个css Reset。5、配置好了就一定要使用,在main.ts里面删除css源文件,添加自定义文件路径。// 引入自定义的兼容性css。

2023-10-26 11:05:55 106

原创 vue3 element-plus暗黑模式简单实用

1、首先一定要下载element-plus,相信小伙伴们都是下载了element-plus的。结语:其实这个很简单,就是搞一套这个css文件就可以了,希望对你有一定的帮助!目录:这个是element对vue3新推出的支持一键切换css样式的方式。3、给index.html的html标签上配置class=“light”4、我们想要使用在全局,所以可以再app.vue文件中引入他。4、创建一个vue文件,我们传建一个dark.vue。2、在main.js文件中添加黑暗模式css。在html部分使用它。

2023-10-26 09:44:37 434

原创 vue从0-1使用echarts的方法

(1)、html部分去注册这个div成为echarts,声明一个class即可(获取这个节点)(2.1 )、js部分注册,这个声明的echarts (这里声明的是option)结语:这样再修缮一下data内容就可以正常展示啦!记住主要的注册步骤其实很好理解!echarts不会去区分v2或者v3的区别,所以普遍上来说,还是可以通用这一套流程的。(2)使用echarts——在mian.js文件中使用。(2)、通过js事件、去声明这个echarts的结构。(一定要仔细看下面代码的注释)好啦,希望对你有所帮助!

2023-10-26 09:19:43 178

原创 vue3项目搭建流程cli脚手架搭建、组件安装、axios封装、vuex封装等操作

闲来无事了解到了vue3的搭建流程和比较好的封装方法,这里对它的内容进行总结,分享给大家;

2023-10-11 12:45:47 259

原创 vue使用echarts基本原理以及报错提示undefined (reading init )“bug解决

的问题,原因是有些博客很老当然使用的echarts的引入方式也根据版本在不断更新,所以我们并不能使用老的引入方式echarts(列入):(错误引入方式)这里一定会萌新看不懂,这是怎么简历的关联的呢?

2023-08-04 16:05:14 1207 1

原创 vue项目时间选择器怎么默认显示起止时间elementUI el-date-picker设置显示默认开始时间和结束时间

这个操作就是获取new data然后获取年和月,我们的查询范围是默认本年的一月到当前月,所以uptime代表起始时间,overtime代表截止时间。然后在push进去我们的空数组RQ,因为RQ通过v-model进行绑定所以我们直接使用就可以了,就在页面初始加载默认显示了。,但是在el-date-picker组件中是不可以不携带日的,其实也就很明显,我们这样如图的时间就是【‘20230101’,‘20230801’】因为我们new data是需要我们自己手动进行格式编辑的。这是RQ在data数据里面的格式;

2023-08-04 16:03:54 2498 1

原创 vue分辨率自适应不同版本的分辨率排雷和出错

px转换成rem操作,pc端不同分辨率屏幕自适应,css不同分辨率显示布局自适应,vue项目适配屏幕分辨率与屏幕的缩放适配

2023-02-23 16:28:32 2282 1

原创 关于更改了vue版本报出的错误:Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a

Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function。 Vue packages version mismatch:- [email protected] (D:\company_project\jcek\jcek-frame-web\node_modules\vue\dist\vue.runtime.common.js)- [email protected] (

2023-02-16 08:54:58 2173

原创 vue的created函数中方法执行的顺序设置方法

vue的created函数中方法执行的顺序设置方法

2023-01-06 14:54:34 4124

原创 关于项目npm run serve之后的首部报错Multiple assets emit different content to the same filename index.html解决方案

我们都是经常传输文件夹,所以当我们传送到同一个桌面或同一个文件夹之中,那么计算机会自动给我们加上下标也就是英文式的(x),你可以理解为多个同名文件自动排序 这个(1)就是我们同一个桌面或同一个文件夹之中的第二个sx项目,你可以这样理解,所以在code这个打开方式是不正确的,我们只需要删掉这个英文格式的()就可以了如果您不是这个问题,那么就考虑你的父文件夹是否有中文了讲项目关闭1把index.html重命名为index.ejs2在node_nodules/webpack/bin/webpack.js中加入

2022-12-05 09:08:25 420

原创 关于前端弹性盒的基础理解

弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间操作方便,布局简单,移动端使用广泛PC端浏览器支持情况较差IE11或更低版本中,不支持或部分支持在盒模型中较为灵活弹性盒模型的内容包括弹性容器、弹性子元素——项目原理为父元素设置flex属性,控制子元素的位置及排列方式应用场景移动端。...

2022-07-19 20:45:16 445

原创 微信小程序基础知识点

横向滚动要求1、所有子组件的总宽度不要超多父组件2、设置父元素的css样式white-spacenowrap属性3、设置父组件的属性scroll-x为true纵向滚动1、所有的子组件的高度不要大于父组件的高度2、设置父组件的属性scroll-y为true。...

2022-07-14 21:10:59 88

原创 【无标题】微信小程序购物车注意点

1. 购物车- 商品的全选和反选点击全选按钮 => 其他商品的选中状态随着全选按钮的选中状态改变而改变为全选按钮绑定change事件获取data中的全选变量 allChecked将allChecked取反遍历购物车数组,让所有商品的选中状态与 allChecked 的状态一致将cart数组和allChecked变量重新设置回data,并设置回本地存储中2. 购物车-编辑商品数量点击+或-能改变商品数量其实就是改变cart数组中的属性num为+和-按钮绑定change事件设置自定义属性id,传递

2022-07-12 22:29:16 173

空空如也

空空如也

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

TA关注的人

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