前端-开发中常见的问题

公司项目要求实现H5页面可以扫描快递单条形码并回显快递单号，于是用html5-qrcode库实现条形码扫描功能。 关于 html5-qrcode html5-qrcode 是一个基于 HTML5 和

html5-qrcode 是一个轻量、高效、纯前端的 二维码/条形码扫描库，专为在网页（H5）中实现摄像头扫码功能而设计。 🌟 一、什么是 html5-qrcode？ html5-qrcod

禁止浏览器自动填充账号密码与弹出历史密码提示框最佳解决方案；el-input密码框禁止浏览器自动弹出浏览器历史密码提示框； 点击密码input框禁止浏览器弹出已经记录的账号密码；

一个功能分支（a1）已经合并到主开发流（dev/test），但后来产品决定取消该功能，且后续已有其他同事的迭代提交。目标：安全移除a1分支引入的功能，同时保留 dev和 test 分支上后续的开发工作

解决vue项目遍历数据编辑失去响应问题：在某些复杂的业务场景下，需要对数据源进行增删改查或计算，在某些场景下，嵌套调用的数据突然不响应了

排查vue项目线上才会出现的故障；调试前端线上问题；前端项目线上源码调试；前端项目部署nginx；解决前端线上问题；在前端日常开发中偶尔会出现本地调试没有问题，但是部署到线上就会出现在本地无法复现

vue3项目如何在render函数中使用自定义指令？在 render 函数中使用指令需要用到vue的两个内部函数 resolveDirective 和 withDirectives

理解package.json和package-lock.json。需要提交package-lock.json到项目仓库吗

devDependencies和dependencies的区别核心体现在npm包中，如果开发的项目是发npm包提供给外部、其他项目使用，需要注意依赖安装的地方。peerDependencies

解决git代码提交错分支但还没有推送。在开发中偶尔会遇到在错误的分支上开发，不小心提交，但还没有推送问题

element-plus前端项目中，在引用el-cascader组件多选时出现回显数据跟勾选数据不同步问题

在基于vite+vue3的大型前端项目中，经常遇到运行项目后打开本地地址跳转页面的时候页面打开很慢或者需要刷新重新编译问题，终端显示optimized dependencies change.

TypeScript项目中常见的类型定义:根据一个字段的类型，限定另一个字段的类型;变量的类型为枚举类型的值

vue3项目实现数据字典、下拉数据缓存最佳方案，解决同一下拉数据并发多次调用接口。解决大数据下拉框卡顿问题。

在前端项目中经常会遇到需要加载上千条甚至上万条列表数据的情况，前端VUE3项目处理大数据动态高度加载方案--虚拟列表滚动

实现大数据表格渲染、表格勾选、全选、合并单元格显示等功能，这里利用elementplus框架 Virtualized Table 虚拟化表格 组件来实现这些功能，并记录在实现中遇到的问题与解决方法。

在开发过程中经常遇到需要打开各种弹窗功能，就比如删除提示框或者密码输入框等其他简单的弹窗。但是在vue引入弹窗需要再做很多工作如引入弹窗组件，控制弹窗显示隐藏等。这里提供了直接用js调用弹窗的方法

理解并解决JavaScript计算精度丢失问题--number-precision;常见的js浮点数运算问题 js浮点数丢失精度的原因

解决用a链接下载文件没反应问题。后端返回的oss文件地址用a标签下载，在谷歌浏览器某些版本上下载无反应，也有些文件地址因为同源策略浏览器无法直接下载，以下使用程序化下载解决这些问题。

前端部署实现自动通知用户，清除浏览器缓存；plugin-web-update-notification插件应用。