摘要： AMapUI是在运行时动态加载的，报错信息如图所示： 由此知晓是ESLint校验时出现的报错，可以在ESLint配置中添加规则来忽略no-undef错误 "rules": { "no-undef": "off" } 以上。 阅读全文

摘要： 使用while循环，更便捷简练，代码如下： const countUnit = (value: number, section = 10) => { let i = 0; let sum = value / section; while (sum > section) { sum = sum / s 阅读全文

摘要： 1、安装Echarts高德地图扩展echarts-extension-amap； npm i echarts-extension-amap --save 2、引入Echarts和高德地图； npm i echarts --save npm i @amap/amap-jsapi-loader --sa 阅读全文

摘要： 使用高德地图创建区域掩模，参考高德地图api，效果如下： 不难发现绘制的地图自带了默认的颜色和背景图，如图： 需求为需要透出父元素中的背景图，那么就需要将绘制高德地图节点和canvas的背景去除。 1、可通过直接设置CSS去除类名 amap-container 的背景图； .amap-contain 阅读全文

摘要： Vue项目使用less语法时报错如图： 错误原因： 由于组件库的less版本低，与配置的默认值不同导致。 解决方法： 在vue.config.ts文件中添加自定义配置项。 1、vite: module.exports = { css: { preprocessorOptions: { less: { 阅读全文

摘要： 使用CSS3的clip-path实现不规则图形裁剪，结合CSS3 animation实现粒子下落动画效果，如下： html: 创建不规则容器及下落的粒子节点； <div class="particle"> <i v-for="item of 20" :key="item" class="partic 阅读全文

摘要： 思路： 1、使用openChange、calendarChange获取当前选中时间； 2、计算不可选范围。 输入框配置项代码如下： （新增）需要引入moment组件： import moment from 'moment'; // 默认选择当前月 const rangeThisMonth = () 阅读全文

摘要： (更正)百科得新能源车牌号编码特殊规则如图： 正则表达式及校验函数如下： function isValidCarNumber(vno: string) { var pattern7 = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽赣贵粤青藏川宁琼使领][A-Z][A-Z0-9]{4}[A- 阅读全文

摘要： antd RangePicker设置mode=['month', 'month']后，disabledDate不能控制前后禁用的时间。 config.ts代码如下： { field: 'dateTime', label: '时间', component: 'RangePicker', compone 阅读全文

摘要： 在ts项目中使用高德地图，为了方便使用类型检测及类型提示，需引入高德地图的类型文件，操作如下: 1、引入 @amap/amap-jsapi-types 插件 npm i -S @amap/amap-jsapi-types 2、新建类型文件/src/types/index.d.ts import '@ 阅读全文