- 博客(45)
- 收藏
- 关注
RSS订阅原创 vue项目，前一个页面destroyed的异步方法还没执行完，后一个页面mounted就先执行了，导致后一个页面获取不到新的值怎么办
写在beforeDestroy生命周期里面就可以了。别写在destroyed里面。
2024-03-04 09:11:10
381
原创 axios 二次封装
引用：vue中axios的二次封装——vue 封装axios详细步骤_assetssubdirectory: 'static', assetspublicpath: '/-CSDN博客
2024-02-20 09:56:13
399
原创 使用el-upload上传视频和文档,并且展示,真实项目中案例
播放文档简单，没什么方法，播放视频需要获取视频时长，暂停时的方法。效果:不管是新增视频还是pdf文档都可以,并且自带出文件的名称。
2023-12-20 11:19:27
804
1
原创 1.根据日期选择器el-date-picker计算出是周几
1.getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。Date 对象会自动把当前日期和时间保存为其初始值。Date 对象用于处理日期和时间。
2023-10-25 10:31:29
399
原创 el-select 远程搜索
2. 绑定：remote-method = remoteMethod 远程搜索方法。1.filterable 是否可搜索属性和remote 是否可远程搜索属性写上。3.在remoteMethod里面写内容，请求后台数据。
2023-10-24 11:16:15
181
原创 项目中会遇到的问题，el-select组件不回显，数据多选保存空白问题
2.如果绑定正确，可能是属性值数据类型不正确，比如，我的问题就是后台el-option绑定的数组，里面的id是number类型，而这一条数据给的id、是string类型，所以不回显label，只回显value。1.检查属性是否绑定正确，比如value绑定的数据，是否和数组的：key一致。label是否绑定的是要回显的数据。
2023-10-24 10:56:11
3648
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
36
原创 vue3学习总结
watch(count, (newCount) => { // 没错，console.log() 是一个副作用 console.log(`new count is: ${newCount}`) })比如从 A 组件，切换到 B 组件，A 组件消失时执行；: 组件挂载到节点上之前执行的函数；组件更新完成之后执行的函数；中的组件，会多出两个生命周期。父组件引入子组件，不需要注册了。: 组件挂载完成后执行的函数。组件更新之前执行的函数；组件卸载之前执行的函数；组件卸载完成后执行的函数；， 开始创建组件之前，在。
2023-07-20 13:38:42
48
原创 vue项目 通过路由跳转页面后立即刷新页面
2.用activated方法 但是没有效果（activated在页面一出现就执行）导航守卫无法直接访问组件实例，因此在该导航守卫中无法调用组件的方法。1.本来想用路由守卫 在进入页面之后 调用刷新页面的方法。但是在 Vue Router 中，3.用watch监听。
2023-06-28 15:13:01
3927
原创 echarts图表修改值 立即变化
1.echarts图表，涉及dom操作 ，图表数值二次变化的时候，data更新了，但是dom没有更新。不需要用this.$nextTick来更新dom，因为echarts提供了一个方法。2.setOptions() 接收一个方法为参数。3.使用echarts步骤。
2023-06-27 11:46:02
1296
原创 object.keys 和for of 结合使用
1.object.keys 将对象里面的属性 保存到数组里面。2. for of 用于数组 输出的数组的值。
2023-05-22 22:20:15
69
原创 es6学习整理
2.find方法查找，返回第一个符合条件的元素，findIndex返回符合条件的第一个索引值。... 可以将数组转化为逗号分隔的参数序列。1.Array.of()方法。1.解构赋值和拓展运算符。
2023-05-22 21:51:24
37
原创 获取不到el-dialog里面的dom解决方法
做项目中，在el-dialog页面写了一个echarts图标，但是报错显示未获取到dom。解决方案：在控制dialog展示隐藏的方法里面，加this.$nextTick方法。原因：el-dialog里面是默认不生成dom，是懒加载的。
2023-04-09 20:34:11
379
原创 记录2 记录
页面没有数据的时候，可以设置个页面，显示一段话，就不用是空白了。vue按钮防止重复点击，防重复提交。element - plus 图标。
2023-03-03 10:29:29
33
原创 记录，总结
例子，在form表单里面，el-select选择宿舍楼，宿舍楼是接口查询的，当选择了宿舍楼，宿舍楼id就会作为参数，去查询所有的宿舍，此时没有分页器，需要作为参数传递给后台，这样查到的是全部数据，不然会出现后台给返回了全部结果，但是页面上展示不完全，2. table表格里面的单元格文字太多，因为table表格的展示 table-layout是默认aotu，所以他的单元格大小，是靠内容的多少来展示，5.给后台传参数，如果参数过多,可以赋值给一个data对象，然后把data作为参数传递给后台。
2023-03-01 10:19:31
58
原创 前端工作第三天
因为第二天我一直在看代码、而其他同事都在忙着写代码，忙着前后端联调，所以我心里就很慌，并且很想参与在其中，咨询了一下朋友（我去找老板还是找前端同事问任务的事情）朋友说找前端同事就可以。同事让我改一下项目中某一个模块，数据请求的代码。九点上班，10.34才修改完第一个请求，十点二十五修改完第二个，改的非常慢，其实很简单，我就改了一天，顺便也看了代码，感觉代码没有我想象的那么难，没找到工作之前，老是在网上看见他们说，哎呀，真实项目很难得，你代码都看不懂肯定，也可能是我们这个项目简单一些。明天周一，真正的
2023-02-12 12:03:51
42
原创 前端工作第二天
我感觉代码没有我想象中的那么恐怖，那么复杂（能看懂，除了前一个前端都是用拼音首字母写的对象），async和await的用法，还有 .then 和 .catch 方法的使用。今天看项目代码，使用了map方法还有foreEach方法 还有join方法。然后今天就是围绕 接口文档 、 启动后的项目 和项目代码在看。今天没有多少感悟，我现在要学apifox了，我不会用。早上向后端要了接口文档，需要用apifox，如果能很快学完的话，我要继续复习一下某些东西。1.axios的使用。
2023-02-09 19:11:49
50
原创 手写防抖节流
防抖：多次触发，只执行一次。（连续触发只有间隔超过自定义时间才执行一次，计时器一直在计时，如果触发时，计时器不为null，计时器就清空，如果计时器为null，就可以执行函数体了）前端面试题：防抖与节流（二）
2023-01-31 11:36:48
39
原创 Vuex复习
引入vuex vuex其实是一个对象，里面有一个store构造方法，可以初始化vuex仓库。安装vuex，在src下的store文件夹，新建一个index.js文件夹。getters 简化仓库数据，相当于vue中的computed。Vuex是全局状态管理系统，可以全局管理数据，有五个模块。actions 书写自己的业务逻辑也可以处理异步。mutation 修改数据的唯一手段。state 存储数据的地方。对外暴露store类的一个实例。moudule 模块化。
2023-01-30 11:39:15
41
原创 正则表达式学习笔记
1.创建正则表达式以/ /2.匹配模式 又叫修饰符，写在/ /i / /g后边g：全局匹配i：忽略大小写3.他有俩种方法test（）返回布尔值和 exec（）返回的是数值。
2022-12-26 11:08:22
35
原创 canvas学习
4.默认宽度和高度：300 * 150，canvas标签的w/h务必通过标签属性 width/height设置。有一个标签，他是需要button和input可以切换的。1.canvas 标签会被认为是一张图片，可以下载，2.canvas不能添加子节点标签，也不能添加内容。3.canvas里面任何操作。
2022-12-21 09:38:25
49
原创 事件委托笔记
可以跟我的笔记，this.$nextTick一起看事件委托第26集11分钟三级联动这里，如果每一个标签，都用命令式导航，那么滑动过快，会出现卡顿现象router-link是一个组件？服务器的数据返回之后，循环出很多的router-link组件。创建组件实例（一瞬间太多，耗内存，会卡顿），把真实dom渲染成虚拟dom只能用编程式导航每一个标签都添加点击事件（同理也会一瞬间出来很多回调函数）也会卡顿最后解决方案，事件委托，把点击事件放在就近的父元素中问题（这个父元素div里面
2022-11-25 10:54:25
83
原创 node学习
它里面存储了和当前模块有关的信息例子：在文件里console.log(module)Module {id: '.',filename: 'C:\\Users\\Desktop\\node\\07测试.js',paths: []}必须指定 ./或者是…/的路径标识符如果用require（）导入自定义模块时，省略了文件的拓展名，Node.js会按顺序分别尝试加载以下的文件1.按照确切的文件名进行加载2.补全.js拓展名3.补全.json拓展名4.补全.node拓展名5.加载失败终端报错。
2022-11-22 19:35:50
335
原创 $nextTick使用场景，极其清晰易懂
看不懂来打我，文章根据b站视尚硅谷商城前台项目视频讲解 是轮播图，在三十集，第十分钟引包，引样式（说的是swiper插件），结构写在哪？初学者肯定说要写在mounted里面，但是写在mounted里面不行，不出动态效果为啥？结构还不完整，为啥不完整，for循环，数据是动态的数据返回以后，才能v-for，才能遍历数据组件里面派发action，数据放在vuex里面，是axios发送请求得到的执行过程：1.先执行的mounted2.vuex中action发送请求，并获
2022-11-17 20:17:07
409
原创 面试2（没写完）
父元素没有高度，子元素有高度，然后还设置了浮动，父元素高度为0，他下边的盒子就顶上去了，和子元素重合1.给父元素样式加一个2.添加一个额外的标签3.单伪元素清楚法4.双伪元素清除法。
2022-11-15 08:28:32
147
原创 scss语法
1.分为全局变量和局部变量 2.全局变量还分为俩中: 在外边定义 或者在内部定义的时候加个!global// 全局定义//使用}//局部定义.p{}}//全局定义第二种方式global;.p{}}//第一种方式}.header {}//第二种方式}}.header {}// 混入还可以封装样式，传递参数}.block {}7 继承指令 @extend。
2022-11-14 13:22:20
68
原创 封装组件库（黑马从0到1封装组件）
给button注册了事件，点击button就会触发自己身上的click事件，给父组件派发了click事件，组组件给按钮注册了点击事件，这样就可以触发了。关于visible数据，不是dialog.vue自己的数据，而是App父组件prop传过来的数据，所以就需要父组件自己改值，1.组件通信很重要，插槽，props校验，计算属性和监听属性，v-model语法糖，npm发布，了解组件实现原理。用 .sync修饰符，本来是父组件给子组件定义一个属性值，子组件想要修改就自定义一个事件，然后在函数里，
2022-11-14 13:16:26
541
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人