但v-code-diff 0.x 版本(下称旧版)有一系列问题,比如语法高亮识别不准确、无法展开折叠、以及对大文本内容 diff 渲染较慢的问题。因此在后来,我开发了插件的 1.x 版本。今天,我很高兴向大家介绍全新升级的 v-code-diff 1.x 版本(下称新版),它不仅继承了旧版本的简单易用,还带来了一系列全新特性,优化了...
java -jar -Dlog.path=/app/data2/devops/code-diff/logs -Dgit.local.base.dir=/app/data2/devops/code-diff/ application-1.0.0-SNAPSHOT.jar
在 vue2 上我们有 vue-code-diff 可以使用。美中不足的是其只能支持 vue2,且依赖库含有废弃的依赖导致控制台报错,大文件 diff 时渲染速度过慢等问题,再加上我不太适宜原作者的代码结构与开发方式,因此我基于 vue-code-diff ,开发了一个 vue3/vue2 通用的 code diff 插件,且在渲染性能上有提升,也支持了...
1、拉取镜像(以amd64为例,如果是arm64请拉取arm64的镜像,地址为https://hub.docker.com/repository/docker/rayduan/code-diff/general) docker pull rayduan/code-diff:v1.1-amd64 2、运行镜像 docker run -d -p 8085:8085 --name code-diff rayduan/code-diff:v1.1-amd64 就是这么简单什么也不用配置...
1. cnpm install vue-code-diff 2. <code-diff class="center":renderNothingWhenEmpty="true"//差异为空时不显示:old-string="oldJsonData"//对比旧数据:new-string="newJsonData"//对比新数据:context="10"outputFormat="side-by-side"//展示方式,设置为分两边展示一边一个数据/> ...
template component for vue-demi, can dev and build. Latest version: 1.13.1, last published: 7 months ago. Start using v-code-diff in your project by running `npm i v-code-diff`. There are 8 other projects in the npm registry using v-code-diff.
yarn add vue-code-diff 使用 <template><div><code-diff:old-string="oldStr":new-string="newStr":context="10"/></div></template>importCodeDifffrom'vue-code-diff'exportdefault{components: {CodeDiff}, data(){return{oldStr:'old code',newStr:'new code'} } } ...
// 解决vue-code-diff对不齐和显示下拉标志问题 .center { max-height: 600px; overflow-y: auto; overflow-x: hidden; /* 样式穿透-起始行左右对齐,*/ .d2h-code-side-line{ height:15px; } code.hljs{ padding: 0; } // 删除行统计显示 .d2h-code-side-...
为此，我基于vue-code-diff开发了v-code-diff，使其支持vue2和vue3，提升了渲染性能，并添加了异步渲染、渲染前后钩子等新特性。vue-code-diff的核心功能包括github风格的代码对比和差异级别设置，但存在安全依赖（highlight.js 9版本已废弃）、样式和兼容性问题，以及缺乏高级回调和vue3支持。v-code-...
CodeDiff-从字面上理解就是代码差异的比较,其实我们的测试工作从某种程度上可以理解为针对代码逻辑的测试。因此 CodeDiff 可以作为一种补充测试的手段,辅助我们在测试过程中通过代码内容更好地判断测试范围,以及加深对技术实现的理解,使得我们能够从内到外更好地把控项目的风险与质量。