成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

文本差異比較工具jsdifflib介紹

IT那活兒 / 3748人閱讀
文本差異比較工具jsdifflib介紹

點擊上方“IT那活兒”公眾號,關(guān)注后了解更多內(nèi)容,不管IT什么活兒,干就完了!??!

今天分享一個用來比較文本差異的JavaScript庫,可以實現(xiàn)類似于Git的文件版本差異比較功能。

先看一下使用效果圖,jsdifflib可以通過side by side和inline兩種方式來比較文本差異,內(nèi)容的新增、修改和刪除能夠通過不同顏色來區(qū)分。
jsdifflib在工程中如何使用呢?
首先需要去開源網(wǎng)站下載jsdifflib庫,下載完成后放到工程的靜態(tài)資源處。
新建一個fileDiff.html文件,該文件主要用來展示差異比較結(jié)果,引用Jquery庫和jsdifflib的Js和Css文件。
在body標簽內(nèi)放入左右文本元素以及比較的觸發(fā)按鈕。
在JavaScript中放入diffUsingJS法,該方法通過調(diào)用jsdifflib庫實現(xiàn)文本差異比較,方法包含一個參數(shù),用來控制side by sideinline兩種展示方式。
以上就是fileDiff.html文件的主要內(nèi)容,我們在使用過程中通過父頁面觸發(fā)方式來打開比較頁,這里使用layui的彈框?qū)崿F(xiàn),在彈框完成的回調(diào)方法中向fileDiff.html傳入新舊文本內(nèi)容,并調(diào)用diffUsingJS方法來渲染差異結(jié)果。
jsdifflib還有基于Python的使用方式,感興趣的朋友可以私下嘗試。


本文作者:孫濤濤(上海新炬王翦團隊)

本文來源:“IT那活兒”公眾號

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/129209.html

相關(guān)文章

  • 深度學習即將攻陷的下一領(lǐng)域:NLP—ACL2016優(yōu)秀論文解讀上

    摘要:而自然語言處理被視為深度學習即將攻陷的下一個技術(shù)領(lǐng)域,在今年全球較高級的學術(shù)會議上,我們也看到大量的在深度學習引入方面的探索研究。和也是近幾年暫露頭角的青年學者,尤其是在將深度學習應(yīng)用于領(lǐng)域做了不少創(chuàng)新的研究。 深度學習的出現(xiàn)讓很多人工智能相關(guān)技術(shù)取得了大幅度的進展,比如語音識別已經(jīng)逼近臨界點,即將達到Game Changer水平;機器視覺也已經(jīng)在安防、機器人、自動駕駛等多個領(lǐng)域得到應(yīng)用。 ...

    mengera88 評論0 收藏0
  • MirrorGAN出世!浙大等提出文本-圖像新框架,刷新COCO紀錄

    摘要:最近,來自浙江大學悉尼大學等高校的研究人員,提出一種新穎的全局局部注意和語義保持的文本圖像文本框架來解決這個問題,這種框架稱為。目前,論文已被接收。喬婷婷,浙江大學計算機學院博士研究生,目前在悉尼大學陶大程教授研究小組工作。 GAN又開辟了新疆界。去年英偉達的StyleGAN在生成高質(zhì)量和視覺逼真的圖像,騙過了無數(shù)雙眼睛,隨后一大批假臉、假貓、假房源隨之興起,可見GAN的威力。StyleGA...

    marser 評論0 收藏0
  • 如何編寫自己的虛擬DOM

    摘要:要構(gòu)建自己的虛擬,需要知道兩件事?,F(xiàn)在來看看如何處理上面描述的所有情況。代碼如下節(jié)點的替換首先,需要編寫一個函數(shù)來比較兩個節(jié)點舊節(jié)點和新節(jié)點,并告訴節(jié)點是否真的發(fā)生了變化??偨Y(jié)現(xiàn)在我們已經(jīng)編寫了虛擬實現(xiàn)及了解它的工作原理。 showImg(https://segmentfault.com/img/bVbmPue?w=2000&h=684); 要構(gòu)建自己的虛擬DOM,需要知道兩件事。你甚...

    mushang 評論0 收藏0

發(fā)表評論

0條評論

IT那活兒

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<