PGD_607的博客

在vue项目中，避免接口调用混乱，难以维护，采用接口配置的方式统一管理。主体思想为：调用接口时使用统一入口，通过配置进行调用。实现如下：项目中新增interfaceService文件夹，新增接口配置文件interfaceConfig.js：export default { basePath: '/', mockBasePath: './static/mockData/', // 前端独立分离开发配置 FEIndependence: false, data: { getIntro: {

在项目中使用Ant Design（of Angular）的DatePicker组件实现开始时间和结束时间功能时，希望通过nzDisabledDate限制开始和结束时间的选择，查阅API后发现该参数类型是一个默认入参，返回boolean值的函数。就存在一个问题，存在多组开始和结束日期时，点击开始时间，怎么把对应结束时间传递给函数，从而限制开始日期<结束日期，禁用不符合条件的日期。于是想通过 (nzOnOpenChange) 弹出日历和关闭日历的回调事件来获取开始 | 结束日期。<div *

大屏中数据刷新要求像电表一样滚动更新效果。 由于大屏中使用较多，选择封装为一个可复用组件。主要思想： 将宿主组件传入的值，分解为独立的数字和小数点，每个数字Dom由宿主css样式决定宽度，并生成一个子级的滑块，通过数字的大小设置transition进行滚动。效果如下：html部分：为了满足数字滚动时先滚动一圈，然后在滚动到对应值的需求（避免0值无动画），numberSlider滑块中重复了一...