1. <dd id="mhwbf"><track id="mhwbf"></track></dd>

  2. <em id="mhwbf"></em><dd id="mhwbf"></dd>
  3. <rp id="mhwbf"><object id="mhwbf"></object></rp>

    1. <em id="mhwbf"><ruby id="mhwbf"></ruby></em>
      <button id="mhwbf"><acronym id="mhwbf"></acronym></button>

          <dd id="mhwbf"></dd>

          前端高效開發必備的 js 庫梳理

          來源:掘金
          2021-03-15
          31748
          導語:之前有很多人問學好前端需要學習哪些 js 庫, 主流框架應該學 vue 還是 react ? 針對這些問題, 筆者來說說自己的看法和學習總結.
          閱讀本文大概需要4分鐘

          之前有很多人問學好前端需要學習哪些 js 庫, 主流框架應該學 vue 還是 react ? 針對這些問題, 筆者來說說自己的看法和學習總結.

          首先我覺得在學習任何知識之前必須要有一個明確的學習目標, 知道自己為什么要學它, 而不是看網上說的一股腦的給你灌輸各種知識, 讓你學習各種庫, 從而不斷的制造大家的焦慮感.

          前端由于入行門檻低, 更新換代很快, 每年都會有大量新的框架和庫出現, 也有大量庫被淘汰(比如 JQuery, 但是學習它的設計思想很有必要). 所以我們大可不必擔心, 保持自己的學習步伐, 按需學習即可. 比如說你對移動端比較感興趣, 工作中也剛好涉及到一些技術的應用,那么我可以專門研究移動端相關的技術和框架, 又或者你對企業后臺/中臺產品感興趣, 比較喜歡開發PC端項目, 那么我們可以專門研究這種類型的js庫或者框架, 接下來筆者也是按照不同前端業務的需求, 來整理一份能快速應用到工作中的js庫, 以提高大家的開發效率.

          js常用工具類

          1. lodash 一個一致性、模塊化、高性能的 JavaScript 實用工具庫。
          2. ramda 一個很重要的庫,提供了許多有用的方法,每個 JavaScript 程序員都應該掌握這個工具
          3. day.js 一個輕量的處理時間和日期的 JavaScript 庫,和 Moment.js 的 API 設計保持完全一樣, 體積只有2kb
          4. big.js 一個小型,快速的JavaScript庫,用于任意精度的十進制算術運算
          5. qs 一個 url參數轉化 (parse和stringify)的輕量級js庫

          dom庫

          1. JQuery 封裝了各種dom/事件操作, 設計思想值得研究借鑒
          2. zepto jquery的輕量級版本, 適合移動端操作
          3. fastclick 一個簡單易用的庫,它消除了移動端瀏覽器上的物理點擊和觸發一個 click 事件之間的 300ms 的延遲。目的就是在不干擾你目前的邏輯的同時,讓你的應用感覺不到延遲,反應更加靈敏。

          文件處理

          1. file-saver 一個在客戶端保存文件的解決方案,非常適合在客戶端上生成文件的Web應用程序
          2. js-xlsx 一個強大的解析和編寫excel文件的庫

          網絡請求

          1. Axios 一個基于 Promise 的 HTTP 庫,可用在 Node.js 和瀏覽器上發起 HTTP 請求,支持所有現代瀏覽器,甚至包括 IE8+
          2. Superagent 基于Ajax的優化, 可以與 Node.js HTTP 客戶端搭配使用
          3. fly.js 一個基于promise的http請求庫, 可以用在node.js, Weex, 微信小程序, 瀏覽器, React Native中

          動畫庫

          1. Anime.js 一個JavaScript動畫庫,可以處理CSS屬性,單個CSS轉換,SVG或任何DOM屬性以及JavaScript對象
          2. Velocity 一個高效的 Javascript 動畫引擎,與jQuery的 $.animate() 有相同的API, 同時還支持彩色動畫、轉換、循環、畫架、SVG支持和滾動等效果
          3. Vivus 一個零依賴的JavaScript動畫庫,可以讓我們用SVG制作動畫,使其具有被繪制的外觀
          4. GreenSock JS 一個JavaScript動畫庫,用于創建高性能、零依賴、跨瀏覽器動畫,已在超過400萬個網站上使用, 并且可以在React、Vue、Angular項目中使用
          5. Scroll Reveal 零依賴,為 web 和移動瀏覽器提供了簡單的滾動動畫,以動畫的方式顯示滾動中的內容
          6. Kute.js 一個強大高性能且可擴展的原生JavaScript動畫引擎,具有跨瀏覽器動畫的基本功能
          7. Typed.js 一個輕松實現打字效果的js插件
          8. fullPage.js 一個可輕易創建全屏滾動網站的js滾動動畫庫, 兼容性無可替代
          9. iscroll 移動端使用的一款輕量級滾動插件

          鼠標/鍵盤相關

          1. KeyboardJS 一個在瀏覽器中使用的庫(與node.js兼容).它使開發人員可以輕松設置鍵綁定和使用組合鍵來設置復雜的綁定.
          2. SortableJS 功能強大的JavaScript 拖拽庫

          圖形/圖像處理庫

          1. html2canvas 一個強大的使用js開發的瀏覽器網頁截圖工具
          2. dom-to-image 一個可以將任意DOM節點轉換為用JavaScript編寫的矢量(SVG)或光柵(PNG或JPEG)圖像的庫
          3. pica 一個在瀏覽器中調整圖像大小,而不會出現像素失真,處理速度非??斓膱D片處理庫
          4. Lena.js 一個輕量級的可以給你圖像加各種濾鏡的js庫
          5. Compressor.js 一個使用本地canvas.toBlob API進行圖像有損壓縮的js庫
          6. Fabric.js 一個易于使用的基于HTML5 canvas元素的圖片編輯器
          7. merge-images 一個將多張圖片合并成一張圖的js插件
          8. cropperjs 一款強大的圖片裁切庫, 支持靈活的圖片裁切方式
          9. Grade 一個基于圖像中的前2種主要顏色生成互補漸變背景的庫


          免費獲取專屬 《策劃方案 》及報價
          免費體驗我們的業務系統、OA系統、在線教育、電商系統、智慧辦公等產品定制化方案,助力您的信息化發展之路
          即時交流
          在線咨詢 電話咨詢
          在線咨詢
          產品經理

          一對一產品經理

          180 8812 7777
          電話咨詢

          電話咨詢

          0871-6718 6978
          到訪面聊
          返回頂部
          欧美人妻久久精品,久久国产色av免费看,女人国产香蕉久久精品,伊人久久综在合线亚洲