前言
- 这是一个朋友的作业，做一个图片与文件拖拽显示页面的案例
- 主要问题是拖了文字后再拖拽图片报错无法显示
bug ko之旅
错误排查 （看报错）
- 知道有报错我们就直接操作拖文本再拖图片
- 果然出现了错误，具体看图片：
- 查看结构（证实经验论证）
代码排查 （找出错误源）
- 打开代码先找到文本的代码，因为是文本后出错的
- 为什么不是看img的操作先，因为连续的图片赋值是没有问题
- 是在文件后才会出错，所以查看一下文本的操作
解决方案
- 本来是想直接改变文本的赋值的，但是想到还是需要覆盖所有的内容所以我改变了
- 选择改变img的赋值那一段
解决1
- 清空div内容，创建添加节点
解决2
- 对第一版的升级
- 个人觉得这样可以提升性能
- 避免每一次都操作dom创建节点
后记
- 这就是我对h5案例编写报错的查看、排查、解决，或许我这个不是最优的办法你的比我更好，欢迎添加微信qq交流学习
- 欢迎进入我的博客：https://yhf7.github.io/
- 如果有什么侵权的话，请及时添加小编微信以及qq也可以来告诉小编（905477376微信qq通用），谢谢！