學習Java第一天;Markdown語言學習筆記
之前有很多人問學好前端需要學習哪些js庫, 主流框架應該學vue還是react? 針對這些問題, 筆者來說說自己的看法和學習總結.
首先我覺得在學習任何知識之前必須要有一個明確的學習目標, 知道自己為什麼要學它, 而不是看網上說的一股腦的給你灌輸各種知識, 讓你學習各種庫, 從而不斷的製造大家的焦慮感.
前端由於入行門檻低, 更新換代很快, 每年都會有大量新的框架和庫出現, 也有大量庫被淘汰(比如 JQuery, 但是學習它的設計思想很有必要). 所以我們大可不必擔心, 保持自己的學習步伐, 按需學習即可. 比如說你對移動端比較感興趣, 工作中也剛好涉及到一些技術的應用,那麼我可以專門研究移動端相關的技術和框架, 又或者你對企業後臺/中臺產品感興趣, 比較喜歡開發PC端專案, 那麼我們可以專門研究這種型別的js庫或者框架, 接下來筆者也是按照不同前端業務的需求, 來整理一份能快速應用到工作中的js庫, 以提高大家的開發效率.
js常用工具類
lodash一個一致性、模組化、高效能的JavaScript實用工具庫。
ramda一個很重要的庫,提供了許多有用的方法,每個JavaScript程式設計師都應該掌握這個工具
day.js一個輕量的處理時間和日期的 JavaScript 庫,和 Moment.js 的 API 設計保持完全一樣, 體積只有2kb
big.js一個小型,快速的JavaScript庫,用於任意精度的十進位制算術運算
qs一個 url引數轉化 (parse和stringify)的輕量級js庫
dom庫
JQuery封裝了各種dom/事件操作, 設計思想值得研究借鑑
zeptojquery的輕量級版本, 適合移動端操作
fastclick一個簡單易用的庫,它消除了移動端瀏覽器上的物理點選和觸發一個 click 事件之間的 300ms 的延遲。目的就是在不干擾你目前的邏輯的同時,讓你的應用感覺不到延遲,反應更加靈敏。
檔案處理
file-saver一個在客戶端儲存檔案的解決方案,非常適合在客戶端上生成檔案的Web應用程式
js-xlsx一個強大的解析和編寫excel檔案的庫
網路請求
Axios一個基於 Promise 的 HTTP 庫,可用在 Node.js 和瀏覽器上發起 HTTP 請求,支援所有現代瀏覽器,甚至包括 IE8+
Superagent基於Ajax的優化, 可以與 Node.js HTTP 客戶端搭配使用
fly.js一個基於promise的http請求庫, 可以用在node.js, Weex, 微信小程式, 瀏覽器,reactNative中
動畫庫
Anime.js一個JavaScript動畫庫,可以處理css屬性,單個css轉換,SVG或任何DOM屬性以及JavaScript物件
Velocity一個高效的 Javascript 動畫引擎,與jQuery的 $.animate() 有相同的API, 同時還支援彩色動畫、轉換、迴圈、畫架、SVG支援和滾動等效果
Vivus一個零依賴的JavaScript動畫庫,可以讓我們用SVG製作動畫,使其具有被繪製的外觀
GreenSock JS一個JavaScript動畫庫,用於建立高效能、零依賴、跨瀏覽器動畫,已在超過400萬個網站上使用, 並且可以在React、vue、Angular專案中使用
Scroll Reveal零依賴,為 web 和移動瀏覽器提供了簡單的滾動動畫,以動畫的方式顯示滾動中的內容
Kute.js一個強大高效能且可擴充套件的原生JavaScript動畫引擎,具有跨瀏覽器動畫的基本功能
Typed.js一個輕鬆實現打字效果的js外掛
fullPage.js一個可輕易建立全屏滾動網站的js滾動動畫庫, 相容性無可替代
iscroll移動端使用的一款輕量級滾動外掛
滑鼠/鍵盤相關
https://www.houdianzi.com/ logo設計公司
KeyboardJS一個在瀏覽器中使用的庫(與node.js相容).它使開發人員可以輕鬆設定鍵繫結和使用組合鍵來設定複雜的繫結.
SortableJS功能強大的JavaScript 拖拽庫
圖形/影象處理庫
html2canvas一個強大的使用js開發的瀏覽器網頁截圖工具
dom-to-image一個可以將任意DOM節點轉換為用JavaScript編寫的向量(SVG)或光柵(PNG或JPEG)影象的庫
pica一個在瀏覽器中調整影象大小,而不會出現畫素失真,處理速度非常快的圖片處理庫
Lena.js一個輕量級的可以給你影象加各種濾鏡的js庫
Compressor.js一個使用本地canvas.toBlob API進行影象有失真壓縮的js庫
Fabric.js一個易於使用的基於html5 canvas元素的圖片編輯器
merge-images一個將多張圖片合併成一張圖的js外掛
cropperjs一款強大的圖片裁切庫, 支援靈活的圖片裁切方式
Grade一個基於影象中的前2種主要顏色生成互補漸變背景的庫