資訊專欄INFORMATION COLUMN
摘要：解決的痛點(diǎn)首先我們需要明白和理解和的設(shè)計(jì)初衷和理念。所有框架要解決的問題應(yīng)對需求變化，防止大面積重寫。參考文獻(xiàn)漸進(jìn)式框架理解核心功能原理解析百度網(wǎng)盤視頻學(xué)習(xí)以及源碼資源提取密碼
vue解決jquery的痛點(diǎn)
首先我們需要明白和理解jquery和vue的設(shè)計(jì)初衷和理念。
jquery官網(wǎng)給出的開篇介紹是，jquery是一個(gè)快，小，功能豐富的js庫，它讓html文檔遍歷和操作，事件處理，動(dòng)畫，以及ajax等提供了簡單易用的API，并且可以在眾多瀏覽器中使用。
jQuery is a fast, small, and feature-rich JavaScript library. It makes
things like HTML document traversal and manipulation, event handling,
animation, and Ajax much simpler with an easy-to-use API that works
across a multitude of browsers.
所有js庫要解決的問題*： 簡單語法（查找DOM元素，對DOM元素進(jìn)行操作）解決瀏覽器兼容性問題
jquery這個(gè)js庫比其他js庫受歡迎的地方在于：所有一切都在jquery對象里面，入口是查詢，結(jié)果是操作
庫，開發(fā)者自由控制，搭建前端
Vue (讀音 /vju?/，類似于 view) 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。
所有js框架要解決的問題*： 應(yīng)對需求變化，防止大面積重寫。讓開發(fā)者遵循框架的規(guī)范和規(guī)則構(gòu)建項(xiàng)目，追求高效，團(tuán)隊(duì)協(xié)作，代碼利用率和可擴(kuò)展性
vue這個(gè)js框架比其他js框架受歡迎的地方在于：
組件化：一個(gè)大型頁面切分成一個(gè)一個(gè)更小的可控單元；方便后續(xù)優(yōu)化，使用組件可以降低模塊耦合度，組件所依賴的資源全部封裝在組件內(nèi)部調(diào)用。
數(shù)據(jù)偵聽，雙向綁定：(js中有兩種方法可以偵測到變化，object.defineProperty和ES6的proxy)vue使用的是object.defineProperty.
我們之所以要觀察一個(gè)數(shù)據(jù)，是為了當(dāng)數(shù)據(jù)發(fā)生變化時(shí)，可以通知到使用該數(shù)據(jù)的地方。先把使用該數(shù)據(jù)的地方收集起來（術(shù)語是收集依賴getter），當(dāng)變化時(shí)，再觸發(fā)依賴setter
依賴收集到哪，數(shù)組Dep,存儲(chǔ)依賴。
數(shù)據(jù)變化時(shí)，我們需要集中通知給各個(gè)地方，讓中介watcher來通知吧
客戶端路由：單頁面應(yīng)用，不做就不需要，一個(gè)url對應(yīng)一個(gè)應(yīng)用
大規(guī)模狀態(tài)管理： 應(yīng)用簡單時(shí)，一個(gè)基礎(chǔ)狀態(tài)和界面映射就可以解決問題，應(yīng)用很大時(shí)，涉及多人合作，需要多個(gè)組件之間共享，多個(gè)組件需要去改動(dòng)同一份狀態(tài)，如何使大規(guī)模應(yīng)用高效運(yùn)行。
構(gòu)建工具：打包和工程構(gòu)建
漸進(jìn)式vue框架，自底向上增量開發(fā)，為什么選擇vue而不是jquery
你不想用vue的數(shù)據(jù)驅(qū)動(dòng)DOM變化，不想組件化，那你可以用vue當(dāng)成一個(gè)js庫來使用，簡單的收集form表單，表單驗(yàn)證。如果你碰到多次改需求，你會(huì)發(fā)現(xiàn)vue要改的代碼比jquery少的多。
大膽一些，你想把整個(gè)頁面的dom用Vue來管理，如新聞列表用v-for來循環(huán)，評論交互有些復(fù)雜，你抽象成小組件，這個(gè)過程就會(huì)把關(guān)注點(diǎn)從原來的jquery dom操作變成關(guān)注數(shù)據(jù)變化。于是你開始用虛擬dom，數(shù)據(jù)雙向綁定，差量更新
你要做個(gè)webApp，于是你了解webpack vue-router,你發(fā)現(xiàn)前端可以控制路由了，vue-router單頁面卻可以切換組件，不是f5刷新的感覺
滾動(dòng)播放視頻，前端和后端的接口溝通很頻繁，大量的數(shù)據(jù)在組件中共享，你找解決方法，發(fā)現(xiàn)vueX處理數(shù)據(jù)在組件之間流動(dòng)得心應(yīng)手。
慢慢的你開始關(guān)注用戶數(shù)據(jù)增長，你發(fā)現(xiàn)第2部，新聞列表和評論整個(gè)頁面用vue管理開發(fā)很方便，但是頁面白屏?xí)r間長，類似這樣的底層頁對seo很不好。你開始考慮vue 2.0的SSR。為了保證團(tuán)隊(duì)高質(zhì)量輸出，你開始研究給vm寫單元測試....
綜以上5點(diǎn)，我真的不知道有什么理由不用vue，因?yàn)槟阌昧藇ue，你也可以用jquery啊，在vue中什么時(shí)候用Jquery會(huì)更高效，答案是動(dòng)畫。因?yàn)関ue側(cè)重?cái)?shù)據(jù)。
參考文獻(xiàn)：
vue漸進(jìn)式框架理解：https://www.zhihu.com/questio...
vue核心功能原理解析https://www.cnblogs.com/dhsz/...
百度網(wǎng)盤視頻學(xué)習(xí)以及源碼資源https://pan.baidu.com/s/1bpD6hUR 提取密碼 aebz
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/52880.html
摘要：歷程啟動(dòng)于年月日不曾想這一堅(jiān)持已經(jīng)多天了。每個(gè)午飯后晚飯前。期間對的認(rèn)知與實(shí)踐提升明顯，并沉淀下名為的類庫。每次發(fā)布前的，成為一種風(fēng)險(xiǎn)把控。在此之前從沒有如此的認(rèn)同單元測試，也相信這終將會(huì)成為一種大家都遵守的契約。 GridManager歷程 GridManager 啟動(dòng)于2015年02月10日, 不曾想這一堅(jiān)持已經(jīng)1200多天了。總想為此記錄些什么，但一直未曾動(dòng)手。午飯后，公司很安靜...
摘要：前端的發(fā)展歷程什么是前端前端針對瀏覽器的開發(fā)，代碼在瀏覽器運(yùn)行后端針對服務(wù)器的開發(fā)，代碼在服務(wù)器運(yùn)行前端三劍客超文本標(biāo)記語言是構(gòu)成世界的基石。 前端的發(fā)展歷程 什么是前端 前端：針對瀏覽器的開發(fā)，代碼在瀏覽器運(yùn)行 后端：針對服務(wù)器的開發(fā)，代碼在服務(wù)器運(yùn)行 前端三劍客 HTML CSS JavaScript HTML HTML（超文本標(biāo)記語言——HyperText Markup ...
摘要：前言月份開始出沒社區(qū)，現(xiàn)在差不多月了，按照工作的說法，就是差不多過了三個(gè)月的試用期，準(zhǔn)備轉(zhuǎn)正了一般來說，差不多到了轉(zhuǎn)正的時(shí)候，會(huì)進(jìn)行總結(jié)或者分享會(huì)議那么今天我就把看過的一些學(xué)習(xí)資源主要是博客，博文推薦分享給大家。 1.前言 6月份開始出沒社區(qū)，現(xiàn)在差不多9月了，按照工作的說法，就是差不多過了三個(gè)月的試用期，準(zhǔn)備轉(zhuǎn)正了！一般來說，差不多到了轉(zhuǎn)正的時(shí)候，會(huì)進(jìn)行總結(jié)或者分享會(huì)議！那么今天我就...
閱讀 2270·2023-04-25 14:50
閱讀 1263·2021-10-13 09:50
閱讀 1872·2019-08-30 15:56
閱讀 1847·2019-08-29 15:29
閱讀 2891·2019-08-29 15:27
閱讀 3556·2019-08-29 15:14
閱讀 1201·2019-08-29 13:01
閱讀 3305·2019-08-26 14:06
