因为涵盖的小细节比较多，所以代码比较长，建议大家复制运行来进行对应功能查看，我在代码中添加了大量的注释，以供大家阅读代码

1、鼠标选点时可能会超出底图位置

2、图片的background-size在图片上传前是无效的，需要在上传之后设置

3、元素高度取值问题、与父元素相对位置取值问题

这些问题我在代码中都有详细的注释

// 回显左侧文本数据 // 将form表单校验提示清空 // 当鼠标移入到图片区域时，此时辅助线可移动 // 只能存在一个鼠标选点的form表单 // 当某一个的值变为true时，其他的都要变为false // 提交编辑好的数据 // 选点之后要重新挪动元素位置，判断是否在范围内 // 在点击之后，应该保持辅助线位置 // 当点击之后继续点击应该恢复辅助线的位置移动 // 并将辅助线移动到目前鼠标位置 // 防止鼠标选点元素超出范围 // 需要在生成元素的时候调用 // 需要参数：当前的form // 需要拿到 当前生成元素的宽高、底图的宽高 // 如果元素距离顶部的距离top值，加上元素的高度 大于 图片的高度 // 则元素距离顶部的距离left值 应该等于 图片高度 减去 元素的高度

介绍： 如果你想听林俊杰的歌，请打开歌单点击播放全部，所有林俊杰的歌曲（网易版权内）都可以听得到。

所有JJ演唱的收录在自己专辑、收录在别人专辑和根本就没有收录在专辑里的歌曲。

4人以上合唱的曲目未收
收录音室版的歌曲未收Live版
网易没有版权的歌曲请自行导入或上传到云盘

《梦想的声音》中部分歌曲多次上传云盘未匹配成功，所以没能收录到歌单中，我再努力下（跪了）

如有疑问请私信或者直接评论指出，