摘要：
#### 需求 需要用到日期区间选择，选择开始时间之后，结束时间只能选前6个月或者后6个月，其它区间禁用。  阅读全文
摘要：
span.getBoundingClientRect() 会返回该元素的位置信息 getBoundingClientRect() 是一个原生的 JavaScript DOM 方法，用于获取 HTML 元素的大小及其相对于视口（viewport）的位置。这个方法返回一个包含元素的大小及其相对于视口的位 阅读全文
摘要：
问题：当一个存在滚动条的表单校验不通过时，需要自动滚动到不通过表单的位置 当滚动在最下面，不可视区域存在校验不通过，这时需要滚动条滚到未通过校验的表单位置 思路：定位到第一个不通过的表单项，然后通过scrollIntoView(),滚动到相应位置 表单在保存时会调用validate()方法校验表单， 阅读全文
摘要：
需求：当有大量数据时，页面需要滚动条下拉到底部时加载更多 当一个列表存在成千上万条，但是又没有分页组件的情况，不能一次性加载大量数据。这个时候就需要滚动条下拉到底部时，再重新加载数据 思路 pageSize设置为20条或更多，超出页面高度；监听滚动条下滑，需要加一个防抖，当滚动条到达底部的时候，再次 阅读全文
摘要：
项目中配置下载了eslint各种配置，vscode配置文件settings.json中配置了，但是就是代码没有标红，不能自动修复。 最终发现问题所在 在vscode的配置文件settings.json中 eslint.options 有个这个参数，如果没有注释就注释掉，有的话就放开，进行一个切换就可 阅读全文
摘要：
安装koa-generator脚手架 1.全局安装koa脚手架（只需要安装一次） npm install -g koa-generator 2.创建项目 koa2 +项目名称 3.进到项目中去 cd 项目名称 4.加载包 npm install 目录解读 原始目录 项目目录 运行流程 整个流程： a 阅读全文
摘要：
联级区划编辑回显 问题1 项目中会用到联级选择多级选择，因为联级数据量较大，选择了异步加载数据。每次加载选中一层的数据 提交的时候会提交每一层或者最后一层的节点id到后端保存，新增的时候很好实现，但是到了修改回显数据的时候处理起来就比较麻烦了，因为第一次只加载第一层的数据，下级数据没有加载，导致回显 阅读全文
摘要：
在图片上传接口中，需要formData的格式的入参，但是按照平常的上传配置headers: { 'Content-Type': 'multipart/form-data' },无效。 在传参时，直接new formData(),这样传入的格式就是formData格式了 reader.addEvent 阅读全文
摘要：
图片上传一般需要使用upload上传组件 在这里我们使用ant-design-vue的<a-upload-dragger>,样式就是这样的 还有一种<a-upload>组件，样式如下，有其他需求的可以看看官网 组建中有一个@change="xxx"方法,图片上传时会调用这个方法，在这个方法中可以拿到 阅读全文
摘要：
1. 创建一个新的vue项目 vue create base-page 创建一个新的项目，npm run serve 之后删掉多余的代码 2. 将自己的组件代码移入项目中 增加一个新的packages文件夹（组件文件夹），examples文件夹（组件示例文件夹），很多的开源组件库的源码都喜欢这样做。 阅读全文