摘要: (目录) 1,前言 今天摸鱼的时候,发现一个很有意思的css属性scroll-snap-type,属性的解释是:定义在滚动容器中的一个临时点如何被严格的执行。听起来有点模糊,大致意思就是可以设置滚动容器中子元素的滚动动作,查看了一下MDN文档,我制作了一个简单的仿fullPage整屏滚动的deme, 阅读全文
posted @ 2021-11-08 10:06 鹏多多 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 1,前言 这些内容是博主在学习过程中记录下来的,有一些不重要的点就跳过了,需要时自行查询文档,4.0对比3.0,区别不大。 VueX4.0官网 2,State 语法有所调整 2.1,直接使用 import { onMounted } from 'vue' import { useStore } fr 阅读全文
posted @ 2021-11-01 10:12 鹏多多 阅读(340) 评论(0) 推荐(0) 编辑
摘要: 前言 这些内容是博主在学习过程中记录下来的,有一些不重要的点就跳过了,需要时自行查询文档。其实V2到V3的学习成本不高,熟悉V2的话,看完这篇文章就可以上手V3。 Vue3官网 在线源码编译地址 1,setup setup是所有Composition API的容器,值为一个函数。组件中所用到的数据、 阅读全文
posted @ 2021-11-01 10:11 鹏多多 阅读(1421) 评论(0) 推荐(1) 编辑
摘要: 1,前言 本文主要讲开发过程中需要常用的,有些api不常用,需要的时候可以自行查找文档。因为V3中没有了this,所以router4语法有所修改,模板中我们仍然可以访问$router和$route,所以不需要在setup中返回router或route Vue-Router4.0官网 1,Router 阅读全文
posted @ 2021-11-01 10:11 鹏多多 阅读(608) 评论(0) 推荐(0) 编辑
摘要: 1,前言 事情的起因是我的leader告诉我系统的合同上传出现问题了,文件上传失败,接口也没调用。我看了一下时间,17:15了,还有45分钟就要关机回家了,吓得我赶紧定位问题。 2,问题定位 公司的上传是用的emelent-ui的Upload二次封装,找到了组件源码(不是俺封装的),看了一下逻辑,发 阅读全文
posted @ 2021-10-18 10:14 鹏多多 阅读(850) 评论(0) 推荐(0) 编辑
摘要: 1,前言 最近这段时间在做一个新的模块,其中有一个三层的树结构,产品经理提出了一个很古怪的需求,整的我只能自己控制树的交互,写完之后,感觉对这个组件的用法有了不一样的了解,故而写下来。 2,需求 如果上级节点勾选了,则底下所有节点也勾选 如果是一个个勾选子级节点,直至勾选满所有子级,则该父级节点不能 阅读全文
posted @ 2021-09-24 18:00 鹏多多 阅读(1095) 评论(0) 推荐(4) 编辑
摘要: 1,前言 在Vue项目开发中,肯定会有这样一个场景:在不同的组件页面用到同样的方法,比如格式化时间,文件下载,对象深拷贝,返回数据类型,复制文本等等。这时候我们就需要把常用函数抽离出来,提供给全局使用。那如何才能定义一个工具函数类,让我们在全局环境中都可以使用呢?请看下文分解。 PS:本文vue为2 阅读全文
posted @ 2021-09-13 10:46 鹏多多 阅读(953) 评论(0) 推荐(3) 编辑
摘要: 1,需求 最近有一个需求,在web页面上有一个按钮,点击按钮,调起本地的.exe程序客户端,我在网上找了很多,感觉都不完整,所以自己总结写一下。 2,效果图 3,实现原理 主要实现方式是添加注册表; 新建一个qq.txt文本文档(ps:文件名字随便起),把下面这段代码复制进去,根据下面的注意事项图片 阅读全文
posted @ 2021-09-06 18:09 鹏多多 阅读(827) 评论(5) 推荐(11) 编辑
摘要: (目录) 1,循环 循环,就是根据某个条件,重复执行一段代码 1.1,for循环 语法: for (1 声明循环变量; 2 判断循环条件; 3 更新循环变量) { // 4 要执行的代码块 } // 执行顺序 1 -> 2 -> 4 -> 3 例子: for(let i = 0; i < 10; i 阅读全文
posted @ 2021-08-30 09:47 鹏多多 阅读(154) 评论(0) 推荐(0) 编辑
摘要: (目录) 1 前言 for...in和for...of都是JavaScript中遍历数据的方法,让我们来了解一下他们的区别。 2,for...in for...in是为遍历对象属性而构建的,它以任意顺序遍历一个对象的除Symbol以外的可枚举属性,可用break或者throw跳出 语法: for ( 阅读全文
posted @ 2021-08-23 10:38 鹏多多 阅读(116) 评论(0) 推荐(0) 编辑