點擊右上方紅色按鈕“小鄭搞碼事”,每天都能學到知識js 判斷節點是否存在,搞懂一個問題!
前端為什么都不再使用?這個問題其實也非常好理解 , 首先,你得知道給我們解決了什么問題 。給我們帶來了什么 。有以下幾個方面
比如
1. 快速選取元素
2. 方便操作DOM元素的API
3. 各個瀏覽器之間完美的兼容性
4. 鏈式操作,動畫,AJAX等等
上面這些都帶給我們的優勢 。之前 , 相對于原生API來說,確實給我們帶來了操作上便利 。
【前端為什么棄用jQuery?有這六個原因】那現在為什么我們就慢慢不在使用了呢?我覺得有以下六個原因
一. 快速選擇元素無優勢
為什么說快速選擇元素優勢了?現在有兩個API,只需傳入CSS選擇器形式的字符串,就可以匹配到預期的DOM節點 。如下
瀏覽器兼容上這兩個API也得到了很好的兼容
再者,Vue中也是使用些API進行元素獲取的 。所以說快速選擇DOM節點的優勢已經不存在了 。
二. 方便操作有替代
對于操作DOM的API,如 等,原生API也有支持 , ,可能IE兼容不是太完美,但是最基本該實現的也都實現了 。
三. CSS3動畫崛起
動畫就比較熟悉了,CSS3動畫技術已經是非常成熟,完全可以取代動畫,甚至更好的實現復雜動畫,兼容性也好 , 加上還有比較方便使用的動畫庫.css,大家一定非常熟悉,所以動畫被取代已經很好理解了 。
四. fetch/axios優于AJAX
現在原生JS實現還是axios 。都給我們提供了強大的ajax的能力 , 且axiox還有攔截器這個優勢 。這相較而言,是的ajax確實已經無法相比的了 。加體積也小很多 。在IE上fetch也有了方案(/fetch) 。這樣就可以很方便的使用ajax,相對于就小巧很多 。
五. 性能問題得到改善
關于性能問題 , 大家可以花點時間去很好的了解一下 DOM(虛擬DOM)的概念,其實 DOM就是相對真實現DOM節點來以最小變動來改變真實DOM 。這只是一個思路 , 但在重繪,回流方面確實存在一定影響性能的問題 。至于如何改善DOM操作性能 , 需要好好研究每一步JS操作,甚至每一個樣式屬性的使用 。
六. 框架對的影響
目前有各種框架已經被廣泛使用 , 比如React,Vue, 。這些都屬于MV*框架,特點都是以數據為核心js 判斷節點是否存在,操作DOM的事都留給框架去做,這相對于來來說,開發效率高 , 代碼可維護性高,可擴展性高,性能更好 。
再加上打包(當然JQ也可以),腳手架的方便 , 新語法ES6/7的崛起,使得在編碼體驗上又上一個體驗檔次,所以函數式寫碼必然代替了命令式寫碼 。
本文到此結束,希望對大家有所幫助 。
- 米糕為什么有點酸
- ?薇婭個人資料照片 直播界的女神為什么會賣抄襲的東西
- ?張梓琳個人資料家庭背景 張梓琳為什么不嫁豪門
- 明星們為什么對身高諱莫如深 ?明星真實身高
- 鞣酸抵消咖啡堿 ?茶水為什么可以提神?茶水比咖啡更有利健康
- 案例分享:孩子為什么不上學,是抑郁癥嗎?完美主義者!該怎么辦
- 趙小明:孩子為什么會變得不自信?如何重塑自信?
- ?安倍晉三有女兒兒子嗎為什么沒有孩子 安倍晉三沒有孩子嗎
- 【程序員進階】打造屬于自己的前端服務器環境
- ?蠓蟲怎么來的,為什么家里會有
