工作中遇到问题记录

【记录】列表自动滚动轮播功能实现

微信H5页面手动关闭

格式化时间的三种方法moment、dayjs、dateFormat

数据URL（base64格式）、blob、File对象（文件流）相互转换

前端实现“点击按钮触发复制文本”功能

el-table 组件实现 “合并单元格 + N行数据小计” 功能

js - 单次引入多个组件并导出

原生 js 画环形进度条

【插件screenfull】页面全屏功能实现及报错 'requestFullscreen' on 'Element': API can only be initiated by a user gesture.

同一项目不同地市地图使用 js 文件不同如何解决_动态添加 script 标签加载js文件（问题：在地图页刷新页面时，地图加载失败。原因：script标签加上了，但是 js 没有加载完成就加载地图）

`audioDom.play()` 自动播放音频时报错：`Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.`

Vue 过滤器 filters 常用

a标签锚点链接 - 页面滚动/跳转到指定区域 + 遇到的问题及解决

部分iOS机型new Date() 时间 NAN

视频列表：点击某个视频进行播放，其余视频全部暂停（同时只播放一个视频）

移动端签名组件封装 借用插件 vue-esign + 图片旋转、base64 转换为 file 对象

页面路由跳转 - File对象数据传递 + file 对象转为 base64 文件（即 将 file 对象转为 DataURL）

js获取音频时长

前端录入音频并上传（插件 recorder-core）

控制 el-tooltip 组件是否显示：有省略号显示，没有省略号不显示、TooltipIsShowMixin封装及使用

鼠标拖动盒子时，与盒子内某些点击事件冲突问题解决

身份证号、姓名脱敏（*隐藏关键信息）

鼠标拖拽、拖动盒子移动

vue 项目中 utils 中 js 文件早于 main.js 文件调用

借助 iframe 实现打印并分页打印

iframe 跨域通信 - postMessage（1.解决子系统 token 失效后跳转到 login 页面而父系统还在当前页面；2.父系统换肤同时子系统也换肤）

页面中分页使用fixed定位到页面底部，分页容器宽度设置

Taro框架中 Image 和 Video 组件预览图片/视频时添加明显的关闭按钮以关闭全屏预览

目录一、使用微信公众号 SDK 的API：二、脱离微信实现导航：实现 - 有不足使用高德地图获取当前位置信息：【报错】【百度原因】【报错解决】总结三、【补充】使用window中方法获取当前位置信息（未试）四、【补充】使用Taro的API，报错一、使用微信公众号 SDK 的API：微信公众号js初始化时 wx.config() 添加获取/查看位置信息（导航）需要的API（getLocation/openLocation）调APIwx.getLocation({ // type值：默认为w

使用js根据两地经纬度计算两地间距离

leafletJS设置标点后点击标点弹出信息框位置超出浏览器可视区后向反方向弹出信息框

前端将文件转为 base64 格式 + 封装 file 对象 文件转 base64 格式方法

格式化数字 - 千分位添加逗号三种方法

Array 方法 flat()：扁平化数组、移除数组空项。

身份证号码、手机号、网络地址 正则校验

使用 hasOwnProperty() 判断一个对象中是否有某个属性