「首席架構師推薦」一系列很棒的的瀏覽器端JavaScript庫資源(5)

2020-12-14 首席架構師智庫

機器學習

ConvNetJS - JavaScript中的深度學習。在您的瀏覽器中訓練卷積神經網絡(或普通的)。DN2A - 數字神經網絡架構。Brain.js - JavaScript中的神經網絡。Mind.js - 一個靈活的神經網絡庫。Synaptic.js - node.js和瀏覽器的免架構神經網絡庫。TensorFlow.js - 用於在瀏覽器和Node.js上訓練和部署ML模型的JavaScript庫。ml5.js - 友好的網絡機器學習。瀏覽器檢測

bowser - 瀏覽器探測器。基準

benchmark.js - 基準測試庫。正如在jsPerf.com上使用的那樣。matcha - 以咖啡因為導向,簡單化的基準測試方法。代碼突出顯示

Highlight.js - JavaScript語法高亮顯示。PrismJS - 輕巧,強大,優雅的語法高亮。加載狀態

用於指示負載狀態的庫。

Mprogress.js - 創建Google Material Design進度線性欄。NProgress - 用於Ajax'y應用程式的超薄進度條。Spin.js - 旋轉活動指標。progress.js - 為頁面上的每個對象創建和管理進度條。progressbar.js - 具有動畫SVG路徑的美麗且響應迅速的進度條。pace - 自動為您的網站添加進度條。topbar - Tiny&beautiful全站點進度指示器。nanobar - 非常輕量級的進度條。沒有jQuery。PageLoadingEffects - 使用SVG動畫顯示新內容的現代方式。SpinKit - 使用CSS動畫的加載指示符的集合。Ladda - 帶內置裝載指示器的按鈕。css-loaders - 使用CSS動畫加載微調器的集合除了庫之外,還有Codepen上的Collection,以及Ajaxload,Preloaders和CSSLoad等生成器。驗證

Parsley.js - 無需編寫單行JavaScript即可驗證表單前端。jquery-validation - jQuery Validation Plugin。validator.js - 字符串驗證和清理。validate.js - 受CodeIgniter啟發的輕量級JavaScript表單驗證庫。validatr - 跨瀏覽器HTML5表單驗證。FormValidation - 驗證表單欄位的最佳jQuery插件。以前的BootstrapValidator。is.js - 檢查類型,正則表達式,狀態,時間等。FieldVal - 多用途驗證庫。支持同步和異步驗證。鍵盤包裝

mousetrap - 用於處理JavaScript中鍵盤快捷鍵的簡單庫。keymaster - 用於定義和分派鍵盤快捷鍵的簡單微庫。Keypress - 鍵盤輸入捕獲實用程序,其中任何鍵都可以是修飾鍵。KeyboardJS - 用於綁定鍵盤組合的JavaScript庫,沒有鍵碼和鍵組合衝突的痛苦。jquery.hotkeys - jQuery Hotkeys讓您可以在代碼中的任何位置查看鍵盤事件,幾乎可以支持任何組合鍵。jwerty - 鍵盤事件的真棒處理。旅遊和指南

intro.js - 為您的網站和項目提供新功能介紹和分步用戶指南的更好方法。shepherd - 引導您的用戶瀏覽您的應用。bootstrap-tour - 使用Twitter Bootstrap Popovers快速輕鬆地進行產品導覽。tourist - - 為您的應用程式提供簡單靈活的旅遊。chardin.js - 適用於您的應用的簡單疊加說明。pageguide - 使用jQuery和CSS3的網頁元素的交互式指南。hopscotch - 一個框架,使開發人員可以輕鬆地將產品導覽添加到他們的頁面。joyride - jQuery feature tour插件。focusable - 設置聚焦於DOM元素的聚光燈,將疊加層添加到頁面的其餘部分。通知

iziToast - 優雅,響應靈活,輕量級的通知插件,沒有依賴關係。messenger - 適用於您應用的Growl風格的提醒和消息。noty - jQuery通知插件。pnotify - Bootstrap,jQuery UI和Web Notifications Draft的JavaScript通知。toastr - 簡單的JavaScript吐司通知。humane-js - 一個簡單,現代的瀏覽器通知系統。smoke.js - 針對JavaScript的框架無關的樣式警報系統。notie - 沒有依賴關係的簡單通知和輸入。滑塊

Swiper - 移動觸摸滑塊和框架,帶有硬體加速轉換。slick - 您需要的最後一個旋轉木馬。slidesJs - 是一個響應式幻燈片插件,適用於JQuery(1.7.1+),具有觸摸和CSS3過渡等功能FlexSlider - 一個非常棒的,完全響應的jQuery滑塊插件。unslider - 最簡單的jQuery滑塊。sly - 用於單向滾動的JavaScript庫,具有基於項目的導航支持。vegas - 一個jQuery插件,可以為您的網頁添加漂亮的全屏背景。它甚至允許幻燈片播放。Sequence - 用於創建響應式滑塊,演示文稿,橫幅和其他基於步驟的應用程式的CSS動畫框架。reveal.js - 使用HTML輕鬆創建精美演示文稿的框架。impress.js - 這是一個基於現代瀏覽器中CSS3轉換和轉換功能的演示框架,並受到prezi.com背後的想法的啟發。bespoke.js - DIY演示微框架Strut - Strut - 一個Impress.js和Bespoke.js演示編輯器PhotoSwipe - 適用於移動和桌面的JavaScript圖像庫,模塊化,獨立於框架。jcSlider - 一個帶有CSS動畫的響應式滑塊jQuery插件。basic-jquery-slider - 使用簡單,主題簡單,易於定製。jQuery.adaptive-slider - 一個帶有自適應彩色figcaption和導航的滑塊的jQuery插件。slidr - 添加一些幻燈片效果。Flickity - 觸摸,響應,可滑動的畫廊。Glide.js - 響應和觸摸友好的jQuery滑塊。它簡單,輕便,快速。jQuery.adaptive-slider - 一個帶有自適應彩色figcaption和導航的滑塊的jQuery插件。Embla Carousel - 用於Web的可擴展低級旋轉木馬,用TypeScript編寫。範圍滑塊

Ion.RangeSlider - 功能強大且易於定製的範圍滑塊,具有多種選項和皮膚支持。jQRangeSlider - 支持日期的JavaScript滑塊選擇器。noUiSlider - 輕量級,高度可定製的範圍滑塊,無膨脹。rangeslider.js - HTML5輸入範圍滑塊元素polyfill。表單小部件

輸入

typeahead.js - 一個快速且功能齊全的自動完成庫。tag-it - 用於處理多標記欄位以及標記建議/自動完成的jQuery UI插件。At.js - 添加GitHub就像提到你的應用程式的自動完成一樣。Placeholders.js - HTML5佔位符屬性的JavaScript polyfill。fancyInput - 使用CSS3效果在輸入欄位中輸入樂趣。jQuery-Tags-Input - 使用這個jQuery插件將一個簡單的文本輸入神奇地轉換為一個很酷的標籤列表。vanilla-masker - 純JavaScript掩碼輸入。Ion.CheckRadio - 用於樣式複選框和單選按鈕的jQuery插件。有皮膚支持。awesomplete - 超輕量級,可用,美觀的自動完成,零依賴。 -日曆

pickadate.js - 移動友好,響應迅速,輕量級的jQuery日期和時間輸入選擇器。bootstrap-datepicker - 來自Stefan Petre(eyecon.ro)的@twitter bootstrap的日期選擇器,由@eternicode改進。Pikaday - 一個令人耳目一新的JavaScript Datepicker - 輕量級,無依賴關係,模塊化CSS。fullcalendar - 全尺寸拖放事件日曆(jQuery插件)。rome - 可定製的日期(和時間)選擇器。免費依賴,選擇加入UI。datedropper - datedropper是一個jQuery插件,提供了一種快速簡便的方法來管理輸入欄位的日期。選擇

selectize.js - Selectize是文本框和選擇框的混合體。這是基於jQuery的,它具有自動完成和本機感鍵盤導航;對標記,聯繫人列表等有用select2 - 基於jQuery的選擇框替換。它支持搜索,遠程數據集和無限滾動結果。chosen - 一個庫,用於製作更加友好的長而笨重的選擇框。文件上傳器

jQuery-File-Upload - 文件上傳小部件,包含多個文件選擇,拖放支持,進度條,驗證和預覽圖像,jQuery的音頻和視頻。dropzone - Dropzone是一個易於使用的拖放庫。它支持圖像預覽並顯示很好的進度條。flow.js - 一個JavaScript庫,通過HTML5 File API提供多個同步,穩定,容錯和可恢復/可重新啟動的文件上傳。fine-uploader - 多文件上傳插件,帶有進度條,拖放,直接上傳到S3。FileAPI - 一組用於處理文件的JavaScript工具。 Multiupload,drag'n'drop和chunked文件上傳。圖像:EXIF裁剪,調整大小和自動方向。plupload - 用於處理文件上傳的JavaScript API,它支持多文件選擇,文件類型過濾,請求分塊,客戶端圖像縮放等功能,並使用不同的運行時來實現此功能,如HTML 5,Silverlight和Flash。其他

form - jQuery Form Plugin。Garlic.js - 自動保留表單的文本並在本地選擇欄位值,直到提交表單。Countable - 一個JavaScript函數,用於向HT添加實時段落,字和字符計數模態和彈出窗口

Magnific-Popup - 輕巧且反應靈敏的燈箱腳本,專注於性能。jquery-popbox - jQuery PopBox UI元素。jquery.avgrund.js - 一個jQuery插件,帶有彈出窗口的新模態概念。vex - 一個高度可配置且易於設計的現代對話庫。bootstrap-modal - 擴展默認的Bootstrap Modal類。響應,可堆疊,ajax等。css-modal - 由純CSS構建的模態。jquery-popup-overlay - 用於響應和可訪問的模態窗口和工具提示的jQuery插件。SweetAlert - JavaScript警報的絕佳替代品。baguetteBox.js - 用純JavaScript編寫的簡單易用的lightbox腳本。colorbox - 用於jQuery的輕量級可定製燈箱插件。fancyBox - 一種工具,為您的網頁上的圖像,html內容和多媒體添加縮放功能提供了一種漂亮而優雅的方式。swipebox - 可觸摸的jQuery燈箱jBox - jBox是一個功能強大且靈活的jQuery插件,可以處理所有彈出窗口,工具提示,通知等。滾動

scrollMonitor - 滾動時監視元素的簡單快速API。eadroom - 給你的頁面一些空間。隱藏您的標題,直到您需要它。onepage-scroll - 使用One Page Scroll插件創建類似Apple的單頁捲軸網站(iPhone 5S網站)。iscroll - iScroll是一款高性能,佔用空間小,無依賴,多平臺的JavaScript滾動條。skrollr - 適用於行動裝置(Android + iOS)和桌面的獨立視差滾動庫。沒有jQuery。parallax - 對智能設備方向作出反應的視差引擎。stellar.js - 視差滾動變得容易。plax - jQuery powered parallaxing。jparallax - 用於創建交互式視差效果的jQuery插件。fullPage - 一個簡單易用的插件,用於創建全屏滾動網站(也稱為單頁網站)。ScrollMenu - 一個替換舊的無聊滾動條的新界面。Clusterize.js - Tiny vanilla JS插件,可輕鬆顯示大型數據集。simpleParallax - 簡單而小巧的JavaScript庫,可在任何圖像上添加視差動畫菜單

jQuery-menu-aim - 用戶光標瞄準特定下拉菜單項時觸發事件的jQuery插件。用於製作像亞馬遜這樣的響應式大型下拉菜單。jQuery contextMenu - contextMenu manager。Slideout - 用於行動網路應用的響應式觸摸滑動導航菜單。滑動和滑動 - 可與touchSwipe庫配合使用的滑動滑動菜單。表/網格

jTable - 一個用於創建基於AJAX的CRUD表的jQuery插件。DataTables - (jQuery插件)它是一個高度靈活的工具,基於漸進增強的基礎,並將為任何HTML表添加高級交互控制項。Tabulator - (jQuery插件)一個非常靈活的庫,可以從任何JSON數據源或現有HTML表創建具有一系列交互功能的表。Bootstrap表 - 對流行的Bootstrap框架的擴展,用於創建適合您站點樣式的表,而無需額外的標記。floatThead - (jQuery插件)在正文中滾動時鎖定任何表的標題。適用於任何表,不需要自定義html或CSS。Masonry - 級聯網格布局庫。Packery - 使用bin-packing算法的網格布局庫。可用於可拖動布局。Isotope- 可過濾,可排序的網格布局庫。可以實現Masonry,Packery和其他布局。flexboxgrid - 基於CSS3 flexbox的網格。

相關焦點

  • 「首席架構師推薦」一系列很棒的的瀏覽器端JavaScript庫資源(6)
    w2ui - 一組用於數據驅動的Web應用程式前端開發的jQuery插件。流動性 - 世界上最小的完全響應的CSS框架。Ink - SAPO使用的HTML5 / CSS3框架,用於快速有效的網站設計和原型設計。Boilerplateshtml5-boilerplate - 一個專業的前端模板,用於構建快速,健壯且適應性強的Web應用程式或站點。
  • 「首席架構師推薦」程式語言InfoQ趨勢報告
    以下是一系列經過簡單編輯和匯總的內容,摘自InfoQ幾個編輯團隊的內部對話,為我們推薦的採用圖的定位提供了更多的上下文環境。基礎架構語言:似乎出現了一種將語言(一些新的語言)耦合到部署的新趨勢。我們可能看一個新的,沒有阻礙的Wasm未來(瀏覽器和伺服器端WASI等等)以及新發現的升值的本地(vm,容器,serverless)減少JVM /字節碼的吸引力,允許每個人都只使用本地版本的語言(規範化近幾十年一直在開發版本)。需要說明的是,我上面所說的都與JVM原生語言無關,比如Clojure、Scala或Kotlin等。
  • 「首席架構師看Web趨勢」JavaScript和Web開發InfoQ趨勢報告
    js已經成為基於javascript的機器學習的基礎庫。我們跟蹤這個庫以及利用它推進JavaScript機器學習狀態的項目。自從我們的上一份報告以來,我們已經提升了一些技術到這一類別,由於增加了行業的吸收:GraphQL仍然是我們遵循的一個趨勢,已經建立了幾個庫,包括Apollo、Vulcan.js和urql。
  • PlayStation 5 首席架構師的白金獎盃情結
    現在,他是一名架構師,肩負著引領索尼進入次世代的艱巨任務。Cerny 曾是 PlayStation 4 的首席設計師,也是 PlayStation 5 的首席架構師,但今天,他不想談硬體上的小細節,也不想談速度和性能。他只想聚焦於遊戲本身,聊聊遊戲的精彩之處和他對白金獎盃的熱情。
  • 蘋果前首席晶片設計師領銜豪華團入場,要用「iPhone的CPU」挑戰...
    蘋果公司前首席 CPU 和 SoC 架構師 Gerald Williams III 離開,創立了自己的初創公司 NUVIA,這是一家有雄心壯志的公司。「Nuvia 計劃創建一個 CPU 伺服器和 SoC,與同類產品相比,將在性能提升方面提供『階梯功能』。」公司營銷副總裁 Jon Carvill 說道。這意味著,NUVIA 將在數據中心市場上與英特爾一較高下。不單單是英特爾,其他晶片供應商,如 AMD 半導體公司和 Marvell 也會成為 NUVIA 的直接競爭對手。
  • 20 年架構老兵:進階架構師要搞懂的 12 個實戰案例
    在這裡,我要給你推薦一位高手,前 1 號店的首席架構師王慶友。他將自己在實際項目的總結成了幾十講的內容,不僅會將理論系統性地講透徹,同時還提供大量接地氣的案例讓你有機會實戰,能夠知行合一地學習架構。這些內容濃縮在「架構實戰案例解析」專欄中,讓你能夠透過現象看本質,對架構的認知快速到位,而不是架構知識的搬運工。
  • 「首席架構師推薦」關於React生態系統的一系列精選資源(2)
    Reakit - React的可訪問,可組合和可自定義的組件React很棒的組件Awesome的React Components列表react-select - 選擇React組件react-dnd - 拖放Reactreact-grid-layout - 具有響應斷點的可拖動和可調整大小的網格布局react-table - React的輕量級,快速且可擴展的數據網格react-data-grid
  • 推薦幾個非常實用的 Python 庫
    FlashText 最棒的一點是,不管搜索詞的數量如何,運行時間都是相同的。你可以在這裡了解更多內容。PyFlux 是 Python 中的一個開源庫,它是為處理時間序列問題而構建的。該庫擁有一系列優秀的現代時間序列模型,包括但不限於 ARIMA、GARCH 和 VAR 模型。簡而言之,PyFlux 為時間序列建模提供了一種概率方法。值得嘗試一下。
  • 給開發者提供的 35 款 JavaScript 圖形圖表庫
    它使用 HTML5 canvas 元素,支持所有現代瀏覽器,並且支持  IE7/8。4. Aristochart主要特性包括:架構分離的運行器和渲染器;iFrame,Worker 和 Node 運行上下文;形狀,路徑,Assets(音頻,圖像,字體,subMovies),Keyframe 和常規動畫,等等。支持現代化瀏覽器: Safari, Chrome 和 Firefox。7. Sigma.js
  • 50個實用的JavaScript工具
    安全工具  AttackAPI  AttackAPI是一個基於Web的攻擊構造庫,它可以結合PHP、JavaScript及其他客戶端和伺服器端技術進行使用。也是一個很棒的JavaScript測試框架,它同樣能提高開發的速度。JavaScriptMVC應用了模型-視圖-控制器架構模式,把業務邏輯和表示分離,使得代碼更加模塊化。  qooxdoo  是一個功能強大基於JavaScript GUI工包,它讓你可以用JavaScript來開發類似於VB/Delphi風格的具有Ajax功能的web2.0應用程式。
  • InfoQ:手機QQ瀏覽器架構師將解讀X架構
    國際講師層面,會有Zynga、Facebook、Twitter等國際知名公司架構師參會,國內講師有來自騰訊、新浪、百度、淘寶、ChinanetCloud等一線網際網路企業的架構師組成。本次峰會初步預計包括7場主題演講,4場圓桌討論和9個分論壇。
  • 在首席架構師眼裡,架構的本質是…… - OSCHINA - 中文開源技術...
    編者按:本文作者王慶友,前 1號店首席架構師,先後就職於 ebay、騰訊、1號店、找鋼網,精通電商業務,擅長複雜系統業務建模和架構分析,目前在中國 B2B 第一電商公司找鋼網擔任首席架構師對於負責運行的機器來說,怕的是業務並發量太大,系統核心資源不夠用(如資料庫連接)。它希望在業務量增加時,系統能夠支持水平擴展,支持硬體容錯(如避免單點故障)。開發的痛點主要由業務架構和應用架構解決,業務架構從概念層面幫助開發理解系統(動態的包括業務流程 / 節點 / 輸入輸出,靜態的包括業務域 / 業務模塊 / 單據模型)。
  • 2018年最佳JavaScript數據可視化和圖表庫
    該庫還具有大量的地圖,其中包含一些高級功能,這些功能對某些數據場景非常有用。這些非常值得一試!特點一系列的demo案例供參考回歸和趨勢線功能提供3D圖表可以單擊連結的圖表以呈現新數據該庫的另一個熱門功能是在JSFiddle演示中查看每個圖表的選項。
  • 葡萄城首席架構師:前端開發與Web表格控制項技術解讀
    講師:Issam Elbaytam,葡萄城集團全球首席架構師(Chief Software Architectof GrapeCity Global)。 o SpreadJS 的技術架構和設計理念如何? o 兼容450餘種Excel公式,SpreadJS如何做到? o 無需第三方組件,瀏覽器中如何實現Excel導入導出? o Web系統如何嵌入Excel功能模塊,並實現高效的數據交互? o 前端開發技術日新月異,未來將走向何方?
  • 「首席架構師推薦」關於React生態系統的一系列精選資源(3)
    模型庫mori - ClojureScript的持久數據結構和支持APINestedTypes - 具有「純渲染」支持的快速可變模型swarm - JavaScript複製模型(MVC的M)庫caplet - JavaScript模型庫數據管理Immutable.js
  • 「首席架構師推薦」數值計算庫一覽表
    IMSL數值庫是用C、Java、c# . net、Fortran和Python等標準程式語言實現的數值分析功能庫。NAG庫是針對多種程式語言(C、c++、Fortran、Visual Basic、Java、Python和c#)和包(MATLAB、Excel、R、LabVIEW)的數學和統計例程的集合。
  • [譯] 2018年最佳JavaScript數據可視化和圖表庫
    該庫還具有大量的地圖,其中包含一些高級功能,這些功能對某些數據場景非常有用。這些非常值得一試!特點一系列的demo案例供參考回歸和趨勢線功能提供3D圖表可以單擊連結的圖表以呈現新數據該庫的另一個熱門功能是在JSFiddle演示中查看每個圖表的選項。
  • 淺析鴻蒙系統 JavaScript GUI 技術棧
    不同於許多高呼「不明覺厲 / 深不可測」的輿論,個人認為至少對於 GUI 部分,國內凡是接觸過目前主流 Hybrid 式跨端方案或 JS 運行時研發的一線開發者,都很容易從源碼出發來理解它。下面逐層對其做一些解讀和分析。
  • 「首席架構師看點」首席(Principal )工程師修煉之道
    雖然管理角色通常更容易理解,但本文澄清了在Grab擔任首席工程師意味著什麼,Grab是我們的工程職業階梯中的最高級別之一。提高質量「你們為自己的技術家族樹立了卓越的工程標準。您的架構在效率、穩定性、可擴展性、可測試性和隨時間演進的能力方面堪稱典範。您的軟體在出現故障時是健壯的,可伸縮的,並且具有成本效益。
  • 淺析鴻蒙 JavaScript GUI 技術棧
    不同於許多高呼「不明覺厲 / 深不可測」的輿論,個人認為至少對於 GUI 部分,國內凡是接觸過目前主流 Hybrid 式跨端方案或 JS 運行時研發的一線開發者,都很容易從源碼出發來理解它。下面逐層對其做一些解讀和分析。