jQuery會死嗎?我為什么不用vue寫富文本
一、事件背景：
我最近開源了一個個人耗時半年打造的富文本及一套適用于web后臺的ui框架，在gitee上受到網(wǎng)友們的關注，部分網(wǎng)友對我采用jquery的技術(shù)棧提出了質(zhì)疑?？偨Y(jié)起來：無非是jquery已經(jīng)落后，不久將死。甚至有少數(shù)網(wǎng)友很激進：非vue技術(shù)棧，你不應該加入我這個群，不管你做得多好。對應這個事情，首先我一般不反駁，因為我對vue，jquery有自己的應用場景度量。但是對于這種不分場景應用而盲目趕潮流的觀點，我是持否定態(tài)度的。
為此我想有必要通過這篇文章，說明一下：我為什么用jquery來寫vue和web后端ui框架，而不用vue。在文章開始前，先貼一下我開源的富文本：
gitee： https://gitee.com/kevin-huang/Bui-Editor-public
浮動文本/圖片/視頻功能
繪制流程圖功能
移動設備模擬功能
通過上述富文本的截圖，可以大概了解到這個富文本的功能很豐富，許多功能可以說是全網(wǎng)富文本里面的only-one。這么復雜的應用對技術(shù)棧的選擇很重要，良好適配的技術(shù)?？梢栽谠O計上，編碼上給開發(fā)者更大的自由度，同時可以避免很多繁雜的實現(xiàn)，提升代碼質(zhì)量，降低后期的維護，運營的成本。
二、我的觀點：
1、vue技術(shù)棧適用于移動端應用開發(fā)，對于pc端web應用，vue技術(shù)棧并不見得優(yōu)于傳統(tǒng)技術(shù)棧(相對于vue來說是傳統(tǒng)的)。
2、jquery是目前dom操作的王者，除此無二，jquery和vue不可比較，他們各自擅長的場景不一樣。
3、復雜應用，原生JavaScript + jquery是比較好的技術(shù)棧組合，優(yōu)于vue技術(shù)棧。
三、jquery、vue技術(shù)棧誕生背景，擅長場景說明
jquery：
誕生背景
1、jquery誕生于2006年，它誕生的背景是瀏覽器的dom操作繁雜，各種瀏覽器api不統(tǒng)一。市場需要一個前端JavaScript庫解決dom操作的痛點。
2、jquery誕生的年代，移動應用還在萌芽，它的設計實現(xiàn)都是面向pc端的，當時的前端技術(shù)范疇也還沒有mvvm(數(shù)據(jù)驅(qū)動)的思想，它為操作dom而生。
擅長場景：
dom操作為主的場景，如富文本，流程設計器，這些應用需要對dom進行大量的操作，jquery最合適不過。
對于這種場景，vue的編程規(guī)范會造成設計實現(xiàn)上的束縛，其雙向綁定在這里也是多余的，完全沒有用武之地！
缺點：
1、jquery沒有mvvm思想，不能解決移動端帶寬、性能的痛點。
2、jquery沒法實現(xiàn)數(shù)據(jù)驅(qū)動開發(fā)，還需要開發(fā)者編寫dom讀寫操作。
vue：
誕生背景
1、vue的誕生之前，已經(jīng)有了許多成熟的mvvm框架，如backbone、angular，他們都是在一些數(shù)據(jù)驅(qū)動的需求場景中得到很好的應用，但也并沒有像vue被開發(fā)者如此著迷。
2、backbone、angular既然已經(jīng)有了數(shù)據(jù)驅(qū)動的實現(xiàn)，為何沒有像vue那樣火呢，因為他們要么比較笨重，要么還沒有解決移動端應用的痛點(帶寬、性能)。
3、vue可以說是為移動應用而生，輕量，其設計的虛擬dom解決移動設備頻繁觸發(fā)瀏覽器刷新而引起的性能/電量問題，其設計的單頁打包(webpack)模式，解決了跳轉(zhuǎn)需要網(wǎng)絡請求的帶寬痛點。
擅長場景：
1、數(shù)據(jù)驅(qū)動的雙向綁定場景，特別是表單讀寫，可以說解放了表單讀寫對dom的操作編程。
2、移動應用場景，通過雙向綁定，虛擬dom、webpack打包，解決移動端web應用的設備性能/電量、帶寬痛點。
缺點：
1、采用數(shù)據(jù)驅(qū)動，沒有靈活的dom操作，不適用于dom操作為主的應用場景。
2、在復雜應用中，大量的dom監(jiān)聽、data狀態(tài)聯(lián)動維護并不是一種好的機制。
3、webpack打包方式解決了移動應用的痛點，但也帶來了發(fā)布后，難以跟蹤定位問題，沒法即刻修改已經(jīng)在線頁面的缺點。
4、學習成本相對傳統(tǒng)技術(shù)棧高一些，對團隊的前端知識要求也相對高一些。
四、vue應用場景說明
pc端web應用場景
1、pc端沒有移動端性能、帶寬的限制，采用vue技術(shù)棧，反而帶來了開發(fā)環(huán)境繁雜、學習額外的非w3c規(guī)范的web知識、發(fā)布后難以定位跟蹤問題、沒法即刻修改在線頁面這些缺點。
2、pc端的應用，大多是普通的表單開發(fā)應用，除此之外基本都是展示類型的頁面，個人認為除了表單的雙向綁定，監(jiān)控類ui的數(shù)據(jù)聯(lián)動，其他如ui表現(xiàn)/結(jié)構(gòu)的編程采用vue有點多余。
移動端應用場景
1、移動應用場景，對性能、帶寬有要求，移動設備的特點也決定了其在問題跟蹤定位，更新部署方面與pc端有差異。
2、vue技術(shù)棧應用于移動應用場景具有天生的設計實現(xiàn)優(yōu)勢。
我的總結(jié)：
1、 pc端采用傳統(tǒng)的ui技術(shù)棧，同時在傳統(tǒng)的基礎上引入輕量級mvvm方案解決表單讀寫開發(fā)編程，即優(yōu)于vue技術(shù)棧。這也Bui會實現(xiàn)一個min-mvvm的初衷。
2、移動端應用，毫無疑問，采用vue技術(shù)棧是王道。
歡迎登陸我的demo網(wǎng)站，體驗可能是全網(wǎng)最強大的富文本應用：
以上所述是小編給大家介紹的jQuery會死嗎?我為什么不用vue寫富文本,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！
相關文章
下面小編就為大家?guī)硪黄贕it的常用撤銷技巧與解決沖突方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，希望對大家有所幫助2017-11-11
眾所周知， 傳遞小量參數(shù)(在沒有其他原因，例如隱藏參數(shù)值的情況下)推薦使用GET方法，傳遞大量參數(shù)推薦使用POST方法。原因是什么呢？2009-06-06
今天小編就為大家分享一篇關于深度學習開源框架基礎算法之傅立葉變換的概要介紹，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2018-12-12
這篇文章主要為大家介紹了git stash的正確用法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
這篇文章主要介紹了在kali上安裝破解AWVS的圖文教程,本文通過圖文并茂的形式給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03
這篇文章主要為大家介紹了Alfred?+?Gitee搭建免費圖床的使用實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
這篇文章主要為大家介紹了TCP窗口被填滿的問題排查實踐，有需要的朋友可以借鑒參考下，希望能夠有所幫助祝大家多多進步，早日升職加薪2022-01-01
這篇文章主要介紹了google提供二維碼生成器的在線地址，一般情況下大家可以根據(jù)自己的需要修改參數(shù)就可以了2014-04-04
使用層制作的下拉菜單下正好有FLASH動畫,菜單被動畫遮擋.2009-08-08
本文主要簡單的描述了Finddler的手機抓包過程，使用圖文模式詳細的描述了操作過程，非常的通俗易懂，可以快速上手跟著本章的描述就可以輕松實現(xiàn)2021-08-08