2021-10-16作為一名 JavaScript 開(kāi)發(fā)人員，我知道有很多庫(kù)和資源。如果我不想辦法找不到和發(fā)現(xiàn)他們，他們就不可能找到我。因此，如果您想節(jié)省一些時(shí)間并提高工作效率，你可以閱讀今天文章里的內(nèi)容，以幫助你提高工作效率。
我可以說(shuō) Core UI 是創(chuàng)建管理和管理模板的快捷方式。除了基于 Bootstrap 之外，它還提供樣板版本，允許與此類(lèi)項(xiàng)目中常用的框架快速集成。它支持的框架是有AngularJS、ReactJs 和 VueJs。如果在 Web 開(kāi)發(fā)中仍然非常無(wú)聊，那就創(chuàng)建響應(yīng)式電子郵件。考慮到這一點(diǎn)，這個(gè)稱(chēng)為 MJML 的框架試圖通過(guò)簡(jiǎn)單的語(yǔ)法來(lái)促進(jìn)這個(gè)過(guò)程。幾個(gè)時(shí)尚的組件可以編譯成可在任何設(shè)備上運(yùn)行的 HTML 電子郵件。讓我們面對(duì)現(xiàn)實(shí)吧，表格電子郵件的時(shí)代即將結(jié)束，就像表格網(wǎng)站早已不復(fù)存在一樣。地址：https://unsplash./react-trend/這個(gè)純 JavaScirpt 庫(kù)非常適合不想在項(xiàng)目中使用 jQuery 的任何人。它非常輕巧，使創(chuàng)建響應(yīng)式畫(huà)廊的過(guò)程變得非常簡(jiǎn)單。它不使用 JavaScript 來(lái)執(zhí)行動(dòng)畫(huà)，而是使用 CSS3 過(guò)渡。但是，即使您使用 jQuery，我也建議您進(jìn)行測(cè)試，因?yàn)樗仁忻嫔系脑S多替代品都要輕巧，而且易于定制。地址：https://unsplash./react-trend/React 框架的這個(gè)組件是用于創(chuàng)建 Mashable 樣式圖形的輕量級(jí)和簡(jiǎn)單的解決方案。它是由 Unsplash 創(chuàng)建的，它是一種非常簡(jiǎn)約組件。它不制作其他圖形或有許多自定義選項(xiàng)，但足以使頁(yè)面保持明亮并解決此問(wèn)題。Nachos UI 是一個(gè)包含 30 多個(gè)可定制元素的 UI 套件。有表單域、加載指示器、Gravatar 界面等等。該項(xiàng)目簡(jiǎn)單易用，每個(gè)組件都充滿了最適合您項(xiàng)目的自定義選項(xiàng)。Yargs 是一個(gè)基于 Node.JS 創(chuàng)建交互式命令行應(yīng)用程序的框架。它有幾個(gè)選項(xiàng)可以快速配置命令、傳遞多個(gè)參數(shù)，甚至是快捷方式。它甚至?xí)詣?dòng)生成幫助菜單。這個(gè)框架對(duì)于那些使用命令行創(chuàng)建應(yīng)用程序的人來(lái)說(shuō)更具技術(shù)性，但它非常酷，我決定將它放在這里。地址：https://www./open-source/extension-boilerplate該項(xiàng)目是創(chuàng)建瀏覽器擴(kuò)展的絕佳基礎(chǔ)。它是跨瀏覽器的，這意味著您只需制作一次，它就可以適應(yīng)許多不同的瀏覽器。基于 WebExtensions，它允許同時(shí)實(shí)現(xiàn) Chrome、Opera 和 Firefox。發(fā)送到每個(gè)瀏覽器的商店時(shí)，需要諸如實(shí)時(shí)重新加載和 Sketch 的多個(gè)資產(chǎn)等功能。每當(dāng)我將視頻放在網(wǎng)站上時(shí)，我必須獲得多年前在互聯(lián)網(wǎng)上找到的代碼以啟用其響應(yīng)能力。和其他替代品一樣，在我找到 FitVids 之前，我從不認(rèn)為它們是好的。它是一個(gè) jQuery 解決方案，用于使 YouTube 和 Vimeo 視頻適應(yīng)用戶的屏幕。它保持視頻的原始縱橫比，也適用于自定義播放器。最重要的是，它易于使用，所以嘗試一下，看看視頻在您的網(wǎng)站上看起來(lái)會(huì)不會(huì)更好。我承認(rèn)我不是漸變的鐵粉。但不可否認(rèn)，這是近些年的一個(gè)設(shè)計(jì)趨勢(shì)。WebGradients 是一組漂亮的漸變，你可以應(yīng)用于任何 HTML 頁(yè)面。您可以在項(xiàng)目網(wǎng)站上查看可用的漸變，只需單擊一下即可將它們復(fù)制到您的 CSS 文件中。BigPicture 是另一個(gè)不依賴(lài)于 jQuery 的 JavaScript 插件。相反，它與圖像和視頻同時(shí)工作，以擴(kuò)展為彈出窗口、模式或疊加層。這是一個(gè)非常輕量級(jí)的插件，可以使用 <img> 標(biāo)簽以及背景圖像，因?yàn)樗梢栽?HTML 中自由實(shí)現(xiàn)。對(duì)于視頻，它可以直接與 YouTube 和 Vimeo 的直接鏈接一起使用。視差風(fēng)尚可能正在消失，但具有精心制作的視差的網(wǎng)站仍然給任何訪問(wèn)者留下深刻印象。Relax 是一個(gè)不需要任何依賴(lài)的JavaScript 庫(kù)。您只需在頁(yè)面上的圖像和元素上制作視差效果即可。它的 API 基于 HTML 屬性，可以輕松自定義頁(yè)面上各種元素的速度。地址：https:///playground/reactive-animation-listener盡管名稱(chēng)類(lèi)似于 React 框架，但該庫(kù)不是 React 組件。相反，Reactive Listener 是 Zurb 創(chuàng)建的一個(gè)小型庫(kù)，用于“聽(tīng)到”用戶在頁(yè)面上最復(fù)雜的動(dòng)作。它不只是觀察點(diǎn)擊，而是感知移動(dòng)以假設(shè)用戶將轉(zhuǎn)到特定元素并使用該觸發(fā)器激活任何用戶的操作。我喜歡像 Muuri 這樣的庫(kù)。這些代碼可以輕松地創(chuàng)建完全適合頁(yè)面不同尺寸的模塊，您甚至可以移動(dòng)它們以創(chuàng)建可自定義的儀表板。它甚至讓我想起了 Masonry。通過(guò)它創(chuàng)建任意數(shù)量的模塊，并將它們添加到響應(yīng)容器中來(lái)。這些模塊可以以任何你喜歡的方式拖動(dòng)、過(guò)濾和排列，所有這些都帶有很酷的動(dòng)畫(huà)。地址：https://zulko./eaglejs-demo/#/Eagle.js 是一個(gè) Vue.js，用于為網(wǎng)絡(luò)創(chuàng)建幻燈片演示。該框架支持動(dòng)畫(huà)、主題和動(dòng)畫(huà)小部件，并且很容易在演示文稿中重用組件、樣式和幻燈片。Multi.js 庫(kù)接受一個(gè)屬性類(lèi)型為 multiple 的元素，并將其轉(zhuǎn)換為受 Bootstrap 啟發(fā)的界面。此界面帶有搜索欄和直觀的功能選擇方式。它可以與 jQuery 一起使用，也可以不使用。地址：https://hsnaydd./moveTo/demo/MoveTo 是一個(gè) JavaScript 庫(kù)，用于在單擊按鈕時(shí)創(chuàng)建滾動(dòng)動(dòng)畫(huà)。有趣的是，這個(gè)庫(kù)在使用 gzip 壓縮時(shí)只有 1kg，并且不依賴(lài)于 jQuery 或其他任何東西。它使用起來(lái)非常簡(jiǎn)單，并且使用 window.scroll 原生 API 來(lái)制作動(dòng)畫(huà)效果很好。地址：https://alexcorvi./anchorme.js/這個(gè)強(qiáng)大的 Anchorme JavaScript 庫(kù)可以檢測(cè)任何文本 URL。它快速、直接，并且有多種定制方式。它可以將文本中寫(xiě)入的鏈接轉(zhuǎn)換為帶有標(biāo)簽 <a> 的實(shí)際鏈接，從字符串中提取 URL，以及驗(yàn)證電子郵件、URL 或 IP。在創(chuàng)建響應(yīng)式網(wǎng)站時(shí)，這個(gè) CSS 框架非常有用，或者創(chuàng)建者喜歡稱(chēng)之為生存工具包，它滿足所有基本的 CSS 需求。使用 gzip 時(shí)它只有 5kb，因此它不會(huì)像 Bootstrap 或 Foundation 等其他框架一樣重。此外，它遵循 BEM 標(biāo)準(zhǔn)，并在 flexbox 中有一個(gè)網(wǎng)格用于其布局。以上就是18個(gè)有用有趣的JavaScript和CSS庫(kù)的全部?jī)?nèi)容，我希望你喜歡這個(gè) JavaScript 和 CSS 插件列表。如果你覺(jué)得它對(duì)你有用，請(qǐng)記得給我點(diǎn)個(gè)贊，如果你還有其他有用有趣的庫(kù)，也請(qǐng)?jiān)诹粞詤^(qū)與我一起分享它。英文 | https://javascript./compilation-of-javascript-and-css-libraries-that-i-found-interesting-1c4434fe9c9b
|
