实现github代码对比效果，并高亮显示差异！

文章预览

点击上方  程序员成长指北 ，关注公众号 回复 1 ，加入高级Node交流群 背景 背景是我想要做一个类似于 github 的代码比对的效果，方便我后续做表单更新的时候，通过 Json View 可以很清晰的看到变更，所以需要做这么一个东西，看了一下市面上有不少比较完整的插件，所以就选择了其中的一种来实现，整体做下来还是很快的。 本篇文章主要聚焦于“实现”，后续可能会写一篇文章去聊 diff 代码比对的原理 技术方案 技术选型：jsDiff + diff2html 参考： 如何实现git-diff效果 [1] GitHub - rtfpessoa/diff2html: Pretty diff to html javascript library (diff2html) [2] Html Demo 为了验证这个方案的可行性，我用 HTML + JS 做了一个 MVP 版本，代码和配置还有最后的实现细节效果都如下，整体感觉没啥问题。 html >    < html   lang = "en" >    < head >         < meta   charset = "UTF-8" >         ………………………………