🚀GitHub 上面向 Web 开发者的 10 个热门项目 - 2020 年 8 月 21 日
Alpine.js
RS集线器
selectize.js
wa-自动化-nodejs
jsQR
joi
《Trending Projects》以每周简讯形式提供,请在www.iainfreestone.com 上注册, 以确保您不会错过任何一期。
1. 为开发人员设计资源
精选的设计和 UI 资源列表,包括库存照片、网页模板、CSS 框架、UI 库、工具等。
精选的设计和 UI 资源列表,包括库存照片、网页模板、CSS 框架、UI 库、工具等
目录
UI图形
包含不同格式(例如 PSD、Sketch、Figma 等)的现代 UI 组件的网站和资源。它们非常适合用于 Web 组件/UI 的创意
…
2. Alpine.js
Alpine.js 以更低的成本为您提供 Vue 或 React 等大型框架的响应式和声明式特性。您可以保留 DOM,并根据需要添加一些行为。您可以将其视为 JavaScript 版的 Tailwind。
一个坚固的、最小的框架,用于在标记中编写 JavaScript 行为。
Alpine.js
大多数情况下,请查阅 Alpine 文档: Alpine 文档
欢迎您通过向此代码库提交 PR 来更新文档。文档位于 /packages/docs目录中。
请留在这里获取与贡献相关的信息。
正在寻找 V2 文档? 这里就有
贡献指南:
快速入门
将此 repo 克隆到本地
跑步 npm install& npm run build
将文件包含在网页上的标签 /packages/alpinejs/dist/cdn.js中 <script>,就可以开始了!
简短游览
npm install您可以在本地克隆此 repo 后在其根目录中 安装所有内容:。
此 repo 是一个“mono-repo”,使用 npm 工作区来管理包。每个包在 /packages目录中都有自己的文件夹。
您不必为每个包运行单独的构建,而是使用相同的命令来处理所有包: npm run build
下面我们来简单介绍一下这个包中的每个包……
3.RSSHub
RSSHub 是一个开源、易于使用且可扩展的 RSS 提要聚合器,它能够从几乎所有内容中生成 RSS 提要。
RS集线器
🧡 一切都是 RSS 可获取的
介绍
RSSHub 是世界上最大的 RSS 网络,由超过 5,000 个全球实例组成。
RSSHub 提供从各种来源聚合的数百万内容,我们充满活力的开源社区确保提供 RSSHub 的新路线、新功能和错误修复。
文档 | Telegram 群组 | Telegram 频道 | X (Twitter)
相关项目
RSSHub Radar | 一个浏览器扩展程序,可以帮助您快速发现和订阅当前网站的 RSS 和 RSSHub。
RSSBud | RSSHub Radar 适用于 iOS 平台,专为移动生态系统优化而设计。
RSSAid | 使用 Flutter 构建的适用于 Android 平台的 RSSHub Radar。
DocSearch | 将 RSSHub DocSearch 链接到 Raycast
贡献
我们欢迎所有 Pull 请求。也欢迎您 在此 提出建议和反馈。
请参阅 快速入门
部署
参考 部署
特别感谢
作者
RSSHub © DIYgod ,根据 MIT 许可证发布。 作者……
4. selectize.js
Selectize 是一个基于 jQuery 的可扩展自定义 UI 控件。它可用于标记、联系人列表、国家/地区选择器等。其大小约为 7kb(gzip 压缩后)。其目标是通过简洁强大的 API 提供稳定易用的体验。
选择 /selectize.js
Selectize 是文本框和 <select> 框的混合体。它基于 jQuery,具有自动完成功能和原生风格的键盘导航;适用于标记、联系人列表等。
selectize.js
→ Selectize 正在寻找 维护团队的新成员 !
Selectize 是一个 基于 jQuery <select>的可扩展自定义UI 控件。它可用于标记、联系人列表、国家/地区选择器等。其目标是通过简洁强大的 API 提供稳定易用的体验。
特征
智能选项搜索/排序: 选项可高效评分并即时排序(使用 sifter )。想搜索商品标题 和 描述?没问题。
插入符号在项目之间移动 顺序有时很重要。使用 ← 和 → 箭头键在选定项目之间移动。
一次选择并删除多个项目。 option 在 Mac 或Windows 上 按住 ctrl 可选择多个要删除的项目。
支持差异批评, 非常适合国际环境。
项目创建 允许用户动态创建项目(支持异步保存;控件锁定直到回调...
5. TSDX
设置一个新的 TypeScript (x React) 库可能很困难。从 Rollup、Jest、tsconfig、Yarn 解析、ESLint,到让 VSCode 流畅运行……需要做的事情太多了(也容易出错)。TSDX 是一个零配置的 CLI,可以帮助您轻松开发、测试和发布现代 TypeScript 包——这样您就可以专注于您出色的新库,而无需再浪费一个下午的时间进行配置。
用于 TypeScript 包开发的零配置 CLI
6. wa-automate-nodejs(WhatsApp)
最先进的 NodeJS WhatsApp 库,适用于具有高级功能的聊天机器人。wa-automate-nodejs 是最先进的 NodeJS 库,它提供了高级 API 来控制 WhatsApp。
💬 🤖 最可靠的聊天机器人工具,功能强大。记得🌟关注此代码库获取更新!
安装和更新
使用此命令首次安装库并使库保持最新。
> npm i --save @open-wa/wa-automate@latest
Enter fullscreen mode
Exit fullscreen mode
用法
命令行界面
想要立即将您的 WA 帐户转换为 API 吗?现在您可以使用 CLI 实现。更多详情,请参阅 Easy API
> npx @open-wa/wa-automate --help
Enter fullscreen mode
Exit fullscreen mode
自定义设置
在此处了解有关所有可能的配置选项的更多信息: ConfigObject
const wa = require ( '@open-wa/wa-automate' ) ;
wa . create ( {
sessionId : "COVID_HELPER" ,
multiDevice : true , //required to enable multiDevice support
authTimeout : 60 , //wait only 60 seconds to get …
Enter fullscreen mode
Exit fullscreen mode
7. TypeORM
TypeORM 是一个可以在 NodeJS、浏览器、Cordova、PhoneGap、Ionic、React Native、NativeScript、Expo 和 Electron 平台上运行的 ORM,并且可以与 TypeScript 和 JavaScript 一起使用。它的目标是始终支持最新的 JavaScript 功能,并提供额外的功能来帮助您开发任何类型的数据库应用程序——从包含少量表格的小型应用程序到包含多个数据库的大型企业应用程序。
适用于 TypeScript 和 JavaScript 的 ORM。支持 MySQL、PostgreSQL、MariaDB、SQLite、MS SQL Server、Oracle、SAP Hana 和 WebSQL 数据库。适用于 NodeJS、浏览器、Ionic、Cordova 和 Electron 平台。
TypeORM 是一个可以在 NodeJS、浏览器、Cordova、PhoneGap、Ionic、React Native、NativeScript、Expo 和 Electron 平台中运行的 ORM ,并且可以与 TypeScript 和 JavaScript(ES2021)一起使用。其目标是始终支持最新的 JavaScript 功能并提供额外的功能,帮助您开发任何使用数据库的应用程序——从具有几个表的小型应用程序到具有多个数据库的大型企业应用程序。
与当前存在的所有其他 JavaScript ORM 不同, TypeORM 同时支持 Active Record 和 Data Mapper 模式,这意味着您可以以最高效的方式编写高质量、松散耦合、可扩展、可维护的应用程序。
TypeORM 受到其他 ORM 的很大影响,例如 Hibernate 、 Doctrine 和 Entity Framework 。
特征
8. 站立
Bearbones 是一个小巧、快速且可扩展的状态管理解决方案。它拥有基于 Hooks 的便捷 API,既不千篇一律,也不固执己见,但仍然足够清晰,并且与 Flux 类似。
一个小型、快速且可扩展的 Bearbones 状态管理解决方案,使用了简化的 Flux 原则。它拥有基于 Hooks 的便捷 API,既不套用样板代码,也不固执己见。
别因为它可爱就忽视它。它可是有相当强的“爪子”,我们花了很多时间处理常见的陷阱,比如可怕的 僵尸子问题 、 React 并发问题 以及混合渲染器之间的 上下文丢失 。它可能是 React 领域中唯一一个能完美解决所有这些问题的状态管理器。
您可以在此处 尝试现场演示 。
npm i zustand
Enter fullscreen mode
Exit fullscreen mode
⚠️
本自述文件面向 JavaScript 用户。如果您是 TypeScript 用户,请务必查看我们的 TypeScript 使用部分 。
首先创建一个商店
你的 store 就是一个钩子!你可以往里面放任何东西:原始数据、对象、函数。状态必须以不可变的方式更新,而 set函数 会合并状态 来辅助更新。
import { create } from 'zustand'
const …
Enter fullscreen mode
Exit fullscreen mode
9. jsQR
一个纯 JavaScript 二维码读取库。该库接收原始图像,并定位、提取和解析其中的二维码。
一个纯 JavaScript 二维码读取库。该库接收原始图像,并定位、提取和解析其中的二维码。
jsQR
纯 javascript QR 码读取库 该库接收原始图像并定位、提取和解析其中找到的任何 QR 码。
演示
安装
新公共管理
可在 npm 上 使用 。可以在 Node.js 程序中使用,也可以与 Webpack 或 Browserify 等模块打包工具一起使用。
// ES6 import
import jsQR from "jsqr" ;
// CommonJS require
const jsQR = require ( "jsqr" ) ;
jsQR ( ...) ;
Enter fullscreen mode
Exit fullscreen mode
浏览器
或者,对于前端使用, jsQR.js可以包含在脚本标签中
< script src ="jsQR.js "> </ script >
< script >
jsQR ( ...) ;
</ script >
Enter fullscreen mode
Exit fullscreen mode
关于网络摄像头的说明
jsQR 旨在成为一个完全独立的二维码扫描库。根据设计,它不包含任何特定于平台的代码。这使得它可以轻松地扫描前端摄像头流……
10. 加入
JavaScript 最强大的模式描述语言和数据验证器。
joi
JavaScript 最强大的模式描述语言和数据验证器。
安装
npm install joi
有用的资源
《Trending Projects》以每周简讯形式提供,请在www.iainfreestone.com 上注册, 以确保您不会错过任何一期。
如果您喜欢这篇文章,您可以在 Twitter 上 关注我 ,我会定期发布与 HTML、CSS 和 JavaScript 相关的简短技巧。
鏂囩珷鏉ユ簮锛�https://dev.to/iainfreestone/10-trending-projects-on-github-for-web-developers-21st-august-2020-ol7