- 博客(60)
- 收藏
- 关注
RSS订阅原创 viewport视口和@media
视口（viewport）是浏览器用来渲染网页内容的区域。对于移动设备，视口的宽度通常会比屏幕的实际宽度更宽，目的是保持与桌面网页的兼容性。设置可以帮助你控制视口的行为，从而让网页在不同设备上呈现合适的布局和比例。vue项目里这段代码写在public文件中index.html文件里设置视口的宽度等于设备的屏幕宽度（物理像素宽度）。这意味着网页的布局宽度将适应设 备 的屏幕大小，避免在移动设备上出现缩放或滚动条。
2024-12-04 15:19:46
609
原创 Vue3 父子组件传值
也不用看我下面的解说，直接看代码，简单明了。只是个用法而已。props变成了 defineProps$emit变成了defineEmits。
2024-12-03 14:47:48
323
原创 事件委托在项目中的运用
这是个列表，里面很多属性，每个属性点击都会进入属性详情列表页面。本来我是在每个属性上单独写的方法。这样要写很多。代码冗余，也很麻烦。利用事件委托，在父元素 tr 列表遍历的地方，监听点击事件。然后根据事件的目标 () 来判断是哪个td被点击，进而执行不同的处理逻辑。给td 添加一个标识符 data-field，事件委托根据标识符来确定去跳转哪个页面。HTML5 自定义属性 以data- 开头，后面跟任意符合命名规范的字符串。获取 自定义data-filed属性，要用dataset访问。
2024-12-03 11:06:30
225
原创 面试学习准备
在 Vue 2 中，可以直接使用 Vue 实例作为 EventBus。全局事件总线，核心思想是通过发布-订阅模式来实现组件之间的通信。使用方法：在mian.js中直接挂载到vue原型上。然后组件通过 this.$bus来访问。项目顶部导航栏 点击模块高亮效果。用$emit发送事件。
2024-11-26 12:05:42
441
原创 element中打开对话框表单验证就已经存在的解决办法_打开对话框时不让自动校验
element中打开对话框表单验证就已经存在的解决办法_打开对话框时不让自动校验-优快云博客。
2024-09-12 10:54:13
426
原创 微信小程序记录（持续更新）
登录简单来说就是用uni.login获取登陆凭证code。然后调用后台登录接口传递给后台，后台解码再返回token等一系列信息给前端。
2024-08-22 10:36:00
456
原创 vue项目中 watch监听的用法
不监听$route ，只在mouted里面 接收query参数，在调用this.getList() 导航栏只能搜索一次。搜索第二次公开课不会调用方法. 大家可以试一下。
2024-07-30 10:01:26
321
原创 vue项目，前一个页面destroyed的异步方法还没执行完，后一个页面mounted就先执行了，导致后一个页面获取不到新的值怎么办
写在beforeDestroy生命周期里面就可以了。别写在destroyed里面。
2024-03-04 09:11:10
486
原创 axios 二次封装
引用：vue中axios的二次封装——vue 封装axios详细步骤_assetssubdirectory: 'static', assetspublicpath: '/-优快云博客
2024-02-20 09:56:13
434
原创 使用el-upload上传视频和文档,并且展示,真实项目中案例
播放文档简单，没什么方法，播放视频需要获取视频时长，暂停时的方法。效果:不管是新增视频还是pdf文档都可以,并且自带出文件的名称。
2023-12-20 11:19:27
1622
1
原创 1.根据日期选择器el-date-picker计算出是周几
1.getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。Date 对象会自动把当前日期和时间保存为其初始值。Date 对象用于处理日期和时间。
2023-10-25 10:31:29
643
原创 el-select 远程搜索
2. 绑定：remote-method = remoteMethod 远程搜索方法。1.filterable 是否可搜索属性和remote 是否可远程搜索属性写上。3.在remoteMethod里面写内容，请求后台数据。
2023-10-24 11:16:15
492
原创 项目中会遇到的问题，el-select组件不回显，数据多选保存空白问题
2.如果绑定正确，可能是属性值数据类型不正确，比如，我的问题就是后台el-option绑定的数组，里面的id是number类型，而这一条数据给的id、是string类型，所以不回显label，只回显value。1.检查属性是否绑定正确，比如value绑定的数据，是否和数组的：key一致。label是否绑定的是要回显的数据。
2023-10-24 10:56:11
6466
1
原创 虚拟dom和diff算法
只对同层级进行对比，所以减少了一个循环查找对应dom的操作，节省性能。之所以只能对同层级进行比较是因为对dom加了key值。所以v-for 必须也要绑定key。2.页面渲染是创建dom树，用rander进行dom的渲染，当dom树发生变化，会重新进行一遍dom的对比。并且进行真实dom的渲染，很消耗性能。并且key值最好不是index，因为增加或者是减少里面的项，index会变化。1.虚拟dom是js对象，不用虚拟dom，操作真实dom会消耗性能。
2023-07-20 14:24:01
52
原创 vue3学习总结
watch(count, (newCount) => { // 没错，console.log() 是一个副作用 console.log(`new count is: ${newCount}`) })比如从 A 组件，切换到 B 组件，A 组件消失时执行；: 组件挂载到节点上之前执行的函数；组件更新完成之后执行的函数；中的组件，会多出两个生命周期。父组件引入子组件，不需要注册了。: 组件挂载完成后执行的函数。组件更新之前执行的函数；组件卸载之前执行的函数；组件卸载完成后执行的函数；， 开始创建组件之前，在。
2023-07-20 13:38:42
70
原创 vue项目 通过路由跳转页面后立即刷新页面
2.用activated方法 但是没有效果（activated在页面一出现就执行）导航守卫无法直接访问组件实例，因此在该导航守卫中无法调用组件的方法。1.本来想用路由守卫 在进入页面之后 调用刷新页面的方法。但是在 Vue Router 中，3.用watch监听。
2023-06-28 15:13:01
4563
原创 echarts图表修改值 立即变化
1.echarts图表，涉及dom操作 ，图表数值二次变化的时候，data更新了，但是dom没有更新。不需要用this.$nextTick来更新dom，因为echarts提供了一个方法。2.setOptions() 接收一个方法为参数。3.使用echarts步骤。
2023-06-27 11:46:02
1542
原创 object.keys 和for of 结合使用
1.object.keys 将对象里面的属性 保存到数组里面。2. for of 用于数组 输出的数组的值。
2023-05-22 22:20:15
150
原创 es6学习整理
2.find方法查找，返回第一个符合条件的元素，findIndex返回符合条件的第一个索引值。... 可以将数组转化为逗号分隔的参数序列。1.Array.of()方法。1.解构赋值和拓展运算符。
2023-05-22 21:51:24
64
原创 获取不到el-dialog里面的dom解决方法
做项目中，在el-dialog页面写了一个echarts图标，但是报错显示未获取到dom。解决方案：在控制dialog展示隐藏的方法里面，加this.$nextTick方法。原因：el-dialog里面是默认不生成dom，是懒加载的。
2023-04-09 20:34:11
611
原创 记录2 记录
页面没有数据的时候，可以设置个页面，显示一段话，就不用是空白了。vue按钮防止重复点击，防重复提交。element - plus 图标。
2023-03-03 10:29:29
50
原创 记录，总结
例子，在form表单里面，el-select选择宿舍楼，宿舍楼是接口查询的，当选择了宿舍楼，宿舍楼id就会作为参数，去查询所有的宿舍，此时没有分页器，需要作为参数传递给后台，这样查到的是全部数据，不然会出现后台给返回了全部结果，但是页面上展示不完全，2. table表格里面的单元格文字太多，因为table表格的展示 table-layout是默认aotu，所以他的单元格大小，是靠内容的多少来展示，5.给后台传参数，如果参数过多,可以赋值给一个data对象，然后把data作为参数传递给后台。
2023-03-01 10:19:31
78
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人