jQuery是什麼與JavaScript有什麼關係？
相信大家都知道JavaScript編碼，而如果你會使用JavaScript編碼，再學習jQuery會更有效率，使用jQuery也會簡化工作流程，節省許多時間，而jQuery可以說是為簡化JavaScript操作，而創建的JavaScript庫。
相信大家都會好奇什麼是jQuery？如果你是一個網站的設計人員，寫過 JavaScript程式，那你一定也聽過jQuery，根據統計，目前全球網站上，約有 28%的網站使用jQuery來寫程式編碼，能顯示jQuery受歡迎的程度。
根據研究，近年使用 jQuery的人數，不斷的提升，比較了jQuery與Javascript 的搜尋，jQuery的查詢量，已經將要超越javascript，不過如果你是一個前端工程師，具備JavaScript 和jQuery的技能是相當基礎的。
- 什麼是jQuery？
jQuery其實就是為簡化的JavaScript操作，就是一個簡化的編碼程式，可以使用jQuery快速編寫一組不同的程式指令，因為他相當易於修改和使用，許多初學編寫程式的朋友，都會透過jQuery來設計網站。
簡單來說，jQuery就像是料理包一樣，對於不會做菜的人來說，只要簡單加熱就能輕鬆的上手，而料理包就是已經調味好，只需要把所有備好的料丟進鍋子裡，就能完整呈現一道美味的菜餚，而jQuery就像是料理包，對於開發人員來說，是相當好的圖庫。
- 什麼是JavaScript庫？
了解jQuery前要先了解JavaScript，相信很多人都聽過JavaScript，他是一個用來建立互動式網頁的程式設計語言，簡單來說就是網頁設計的寫程式的語言，而JavaScript是全球資訊網的核心技術，而JavaScript程式庫就像是現成的家具，開發人員可以運用程式庫的工具，來改善房子的功能。
JavaScript函式庫是由各種功能的JavaScript文件所組成，而jQuery就是JavaScript函式庫之一，可以說是目前市場上最流行的JS庫，jQuery是一個擁有大量學習資源、教程和文檔的大型社群，並與JavaScript庫兼容，能透過外掛元件來擴充網站的功能。
而網頁設計的編碼程式會隨著時代的背景不同改變，舉例來說，網頁的瀏覽器，隨著時代的進步，也發生過幾次的更新改革，後來在有了W3C（全球資訊網協會World Wide Web Consortium）標準制定後，廠商還是各自開發了不同的瀏覽器，為了就是吸引使用者，這也造成網頁開發的困難，因此，HTML5就是在2014年所訂定，讓網頁編碼能有規律。
- jQuery的優缺點
使用jQuery之前，都會想知道jQuery是否好用，有什麼優缺點，這裡就來跟大家介紹和分析jQuery的優缺點，讓大家能在使用前做評估。
- 優點
jQuery庫的核心特性之一是事件處理，建立像是點擊功能和表單提交，這些簡單的動作，只需要幾行代碼就能解決，有助於HTML代碼保持乾淨，不會受到其他事件處理程序的干擾或是影響，而簡單的程式代碼，也能提高工作的效率，在修改上也不用太複雜繁瑣。
使用jQuery庫的文檔對像模型（DOM）操作功能，可以更輕鬆地修改HTML元素，具備友善的的Web瀏覽器界面，可以將各種事件方法添加、編輯和刪除Web元素。
特別是AJAX方法，使jQuery成為使用AJAX函數開發響應式網站的理想選擇，此功能通過簡化HTTP請求操作，而無需重新加載網頁來改善用戶體驗，此外，jQuery自帶了大量的內置動畫效果，甚至可以創建CSS屬性組成的自定動畫，jQuery帶有跨瀏覽器支援，可以與主流的網路瀏覽器兼容，也適用於CSS3選擇器和XML路徑語言（XPath）語法。
jQuery是一個簡潔又快速的JavaScript資料庫，可用於簡化事件處理，HTML 文檔，Ajax交互和動畫，可以讓開發人員快速開發網站，jQuery簡化HTML的客戶端的編碼，從而簡化了Web 2.0 應用程式的開發。
jQuery可以讓操作者，使用從CSS 1到CSS 3所有的選擇器，還可以加入外掛元件來支援XPath選擇器，此外，jQuery作為一個主流的JavaScript庫，瀏覽器的兼容性自然是必須具備的條件之一。
jQuery缺點
jQuery資料庫是龐大的，隨著代碼庫的不斷增長，打開JS文件需要更長的時間，這給用戶的電腦確實帶來了額外的壓力，jQuery的出現，其實也讓學習和使用JavaScript變得更加困難。
雖然jQuery為初學者簡化許多東西，但執行DOM操作等複雜任務時，還是需要對JavaScript有更深入的了解才能獲得所需的結果，jQuery最大的缺點是不允許向後兼容，而jQuery有很多已發布的版本，必須自己定期更新它。
- 什麼是React？
網際網路隨著時代的演變，會不斷出現新的技術，可以幫助開發人員更有好的使用網站，近年可以看到網路程式語言，有了更多的功能，這裡還要跟大家介紹一個JavaScript庫最流行的組件－React。
React.js，通常被簡稱為React，是一個用於構建用戶界面的JavaScript庫，每個React網路應用都是由可重複使用的組件組成的，這些組件構成了用戶界面的一部分，而有了可重複使用的組件，開發就更容易了，因為我們不必不斷的重複撰寫程式代碼。
在大多數情況下，用於構建React應用程式的語法被稱為JSX（JavaScript XML），它是對JavaScript的一種語法擴展，我們能夠以一種獨特的方式將JavaScript邏輯和用戶界面邏輯結合起來，有了JSX，就不需要使用 document.getElementById, querySelector和其他DOM操作方法與DOM進行交互。
React因為容易學習和理解，只要你對程式語言有了解，React有紮實的文檔和大量的在線免費資源，加上React的每個組件都有自己的邏輯，可以應用任何地方並重複使用，這麼一來可以減少很多時間，開發人員不需要一再的減重寫同一段編碼的需要。
有了React的虛擬DOM，頁面的速度就會加快，React還有廣泛的可擴展性， React是一個只渲染我們應用程式的用戶，這取決於開發者選擇哪些工具來工作。
- React的優點：
React很容易學習和理解，有一個非常活躍的社區，你可以在那裡做出貢獻，並在需要時獲得幫助，開發者有很多工作機會，可以提高應用程式的性能；React可以和很多技術一起使用，比如Bootstrap、Tailwind CSS、Axios、Redux、Firebase等技術。
- React的缺點：
對JavaScript沒有紮實了解的初學者可能會發現很難理解React，而React沒有一些常見的功能，必須安裝並學習如何使用外部庫來實現這些功能。
- 什麼是D3.js？
Data-Driven Documents又簡稱為D3或D3.js，也是很有名的JS庫，開發人員可以使用它來對基於數據的文檔操作，而D3.js 很常被用在建立圖表，而D3.js的選擇器跟D3.js一樣都是使用 CSS Selector。
- D3.js優、缺點
D3.js強調網路的標準，並提供現代的瀏覽器功能，不僅限於一個框架，支援強大的數據，還有HTML，CSS和SVG，採用數據驅動的方法，並將其應用於操縱DOM；D3.js速度很快，允許在高幀速率下實現更大的圖片的複雜度。
D3.js的缺點，就是對新手來說有點困難，加上API的變動調整蠻快，舊版本的程式碼很快就會被淘汰或更新，而無法使用，版本更新太快，但更新的資源又少，如果沒有更新還會跑不動。
- 什麼是Lodash庫？
Lodash.js是一個以FP 設計模式為基礎的JavaScript庫，擁有一致性、模組化、高性能，而Lodash.js可以幫助你在編寫時，可維護的簡潔JavaScript代碼，
並簡化了像是數學運算、綁定事件等技術，很多函數都變得更加簡單。
- 什麼是Anime.js庫？
如果想要在網站上或應用程式中添加動畫，Anime.js是最好的選擇，Anime.js是一個比較新JavaScript庫，在2019年發布，但具有輕量級且具備強大而簡單的API，與DOM屬性，CSS屬性，SVG，CSS轉換和JS可以一起運作，並與各種瀏覽器一起使用，例如Chrome，Safari，Firefox，Opera等相容，他的特色是讓複雜的動畫方法，例如重疊和交錯等技術，變得更加容易。
- 初學者適合的JavaScript庫介紹
最後跟大家介紹幾個初學者適合使用的JavaScript庫，像是Chart.js就是一個適合設計人員和開發人員運用的簡單庫，可以在任何網站或技術上增添精美的圖表，Chart.js庫可以說是一個出色的JavaScript庫，Chart.js庫的特色是優雅，簡單，可添加基本圖表，還能支援響應式網頁，易於學習和操作。另外，Cleave.js則是一款可以針對文案格式化的JavaScript庫，可以對信用卡號、電話號碼、日期、時間和數字執行不同的格式化類型。
小結
jQuery是世界上很主流的JavaScript庫之一，它為網站開發人員提供了很多優勢，這就是為什麼要學習如何使用jQuery，也是開發人員的首要任務，使用jQuery庫可以讓你編寫更少的JavaScript程式代碼，仍然可以獲得全部的功能，這可以讓你更有效的工作，並專注其他項目。
隨著網路時代的不斷進步，jQuery的熱門程度，也很大程度影響新的瀏覽器API，他在瀏覽器發展，將在歷史上留下一個軌跡，隨著使用人數的增多與技術的發展，原生標準的瀏覽器API也必須趕上jQuery的腳步。 React已經被許多初創公司和成熟公司的前端工程師使用，像是Facebook、Netflix、Instagram、Yahoo、Uber、紐約時報等大公司的頁面，都是使用React構建的，就是因為React的高性能、易用性和可擴展性，以上跟大家介紹多款JavaScript庫，開發人員可以充分的運用，來增強網頁的設計。
