🚀GitHub 上面向 Web 开发者的 10 个热门项目 - 2020 年 9 月 25 日
GitHub 命令行
节点 http 代理
前端面试手册
海
帧运动
使用 Stripe Billing 设置订阅
faker.js - 在浏览器和 node.js 中生成大量虚假数据
JavaScript 到底是什么鬼?
Node打包稿
翻译
AWS 安全上线!
《Trending Projects》以每周简讯形式提供,请在www.iainfreestone.com 上注册, 以确保您不会错过任何一期。
1. GitHub 命令行
gh 是命令行版的 GitHub。它将拉取请求、问题和其他 GitHub 概念带到你正在使用 git 和代码的终端旁边。
GitHub 命令行
ghgit是命令行上的 GitHub。它将拉取请求、问题和其他 GitHub 概念带到你当前工作区域和代码 旁边的终端上。
GitHub CLI 适用于托管在 GitHub.com 和 GitHub Enterprise Server 2.20+ 上的存储库,并可安装在 macOS、Windows 和 Linux 上。
文档
请参阅手册 以了解设置和使用说明。
贡献
如果您觉得有任何不妥,或者觉得缺少某些功能,请查看 贡献页面 。在那里,您可以找到关于如何分享反馈、在本地构建工具以及向项目提交拉取请求的说明。
安装
macOS
gh可通过 Homebrew 、 MacPorts 、 Conda 获得,也可以从 发布页面 下载二进制文件。
自制
安装:
升级:
brew install gh
brew upgrade gh
MacPorts
安装:
升级:
sudo port install gh
sudo port selfupdate && sudo port upgrade
…
2. node-http-proxy
node-http-proxy 是一个支持 websockets 的 HTTP 可编程代理库。它适合实现反向代理和负载均衡器等组件。
节点 http 代理
node-http-proxy是一个支持 WebSocket 的 HTTP 可编程代理库。它适用于实现反向代理和负载均衡器等组件。
目录
安装
npm install http-proxy --save
返回顶部
从 0.8.x 升级?
点击 这里
返回顶部
核心理念
createProxyServer通过调用并传递一个 options对象作为参数来 创建一个新的代理( 此处提供有效属性 )
var httpProxy = require ( 'http- proxy ' ) ;
var proxy = httpProxy.createProxyServer ( …
Enter fullscreen mode
Exit fullscreen mode
3. 前端面试手册
虽然有一些资源可以帮助前端开发人员准备面试,但它们不如软件工程师面试的资料丰富。在现有资源中,最有帮助的题库可能是“前端开发人员面试题”。遗憾的是,我在网上找不到很多完整且令人满意的答案,因此我尝试在这里回答这些问题。
前端面试手册
这是什么?
与典型的软件工程师工作面试不同,前端工作面试不太强调算法,而是更多地询问有关该领域的复杂知识和专业知识——HTML、CSS、JavaScript,仅举几个领域。
虽然有一些资源可以帮助前端开发人员准备面试,但它们不如软件工程师面试的资料丰富。在现有资源中,最有帮助的题库可能是“ 前端开发人员面试问题” 。遗憾的是,我在网上找不到很多完整且令人满意的答案,因此我尝试在这里提供一些答案。作为一个开源库,随着 Web 的发展,该项目可以在社区的支持下继续生存。
我为什么想要这个?
从零到英雄
从零开始……
4. μPlot
小型(< 30 KB 分钟)、快速的时间序列、线条、区域、ohlc 和条形图
📈 一个小型、快速的时间序列、线条、区域、ohlc 和条形图图表
📈
μPlot
小型( ~40 KB 分钟 )、 快速的 时间序列、线条、区域、ohlc 和条形图图表 (MIT 许可)
介绍
μPlot 是一款 快速、内存高效的基于 Canvas 2D 的图表,用于绘制 时间序列 、线条、面积、ohllc 和条形图;从冷启动开始,它可以在 135 毫秒内创建包含 150,000 个数据点的交互式图表,并以 ~25,000 pts/ms 的 速度线性缩放。除了快速的初始渲染之外,其缩放和光标性能也是迄今为止所有类似图表库中最好的;它的大小约为 40 KB,可能是最小、最快的时间序列绘图仪,并且不使用 上下文受限的 WebGL 着色器或 WASM,这两者都具有更高的启动成本和代码大小。
但是,如果您需要 60fps 的性能和海量流数据集,uPlot 只能为您提供有限的支持, WebGL 仍然应该是以下应用程序的首选工具……
5. umi
可扩展的企业级前端应用框架。Umi 内置路由、构建、部署、测试等功能,只需一个依赖即可上手。Umi 还集成了 React 预设,提供丰富的功能。
6. 运动
一个用于 Web 上的 React 的开源且可用于生产的运动库。
帧运动
一个开源且可用于生产环境的 React Web 运动库
Framer Motion 是一个开源的、可用于生产的库,专为所有创意开发人员设计。
它看起来像这样:
< motion.div animate = { { x : 0 } } / >
Enter fullscreen mode
Exit fullscreen mode
它能做到以下这些:
弹簧动画
简单关键帧语法
手势(拖动/点击/悬停)
布局和共享布局动画
SVG 路径
退出动画
服务器端渲染
跨组件编排动画的变体
CSS 变量
...以及更多。
开始
快速启动
npm install framer-motion
从 “framer-motion” 导入 { motion }
导出 const MyComponent = ( { isVisible } ) => (
< motion . div animate = { { opacity : isVisible ? 1 : 0 } } / >
)
Enter fullscreen mode
Exit fullscreen mode
文档
查看 我们的文档 以获取指南和完整的 API 参考。
或者查看 我们的示例 以获取灵感。
贡献
想要为 Framer 做出贡献……
7. Stripe 订阅用例
此示例演示了如何使用 Stripe Billing 创建客户并为其订阅套餐。您可以在账单概览文档页面中找到分步说明。
8. Laravel Fortify
Laravel Fortify 是 Laravel 的一个与前端无关的身份验证后端。Fortify 为 Laravel Jetstream 的注册、身份验证和双因素身份验证功能提供支持。
9.Faker
在浏览器和node.js中生成大量虚假数据
在 Node.js 和浏览器中生成大量逼真的虚假数据
faker.js - 在浏览器和 node.js 中生成大量虚假数据
演示
https://rawgit.com/Marak/faker.js/master/examples/browser/index.html
Faker Cloud
尚未准备好本地开发设置?
请访问https://fakercloud.com/api 尝试我们的托管版本 Faker
https://github.com/faker/faker-cloud
用法
浏览器
< script src = " faker.js " type = " text/javascript " > </ script >
< script >
var randomName = faker . name . findName ( ) ; // Caitlyn Kerluke
var randomEmail = faker . internet . email ( ) ; // Rusty @arne . info
var randomCard = faker . helpers . createCard ( ) ; // 包含许多属性的随机联系人卡片
</ script >
Enter fullscreen mode
Exit fullscreen mode
Node.js
var faker = require ( 'faker' ) ;
var randomName = faker . 姓名 。 查找名称 ( ) ; // 罗文·尼古拉斯
var randomEmail = faker . 互联网 。 电子邮件 ( ) ; // Kassandra.Haley @ erich.biz
var randomCard = faker . 帮手 。 创建卡片 …
Enter fullscreen mode
Exit fullscreen mode
10. JavaScript 到底是什么鬼?
一系列有趣又棘手的 JavaScript 示例。JavaScript 是一门很棒的语言。它语法简洁,生态系统庞大,最重要的是,它拥有一个优秀的社区。同时,我们都知道 JavaScript 是一门相当有趣且充满技巧的语言。有些技巧会迅速把我们的日常工作变成地狱,而有些技巧则会让我们捧腹大笑。
JavaScript 到底是什么鬼?
有趣且棘手的 JavaScript 示例列表
JavaScript 是一门很棒的语言。它语法简单,生态系统庞大,最重要的是,它有一个很棒的社区。
同时,我们都知道 JavaScript 是一门非常有趣的语言,其中不乏一些棘手之处。有些棘手之处会迅速把我们的日常工作变成地狱,而有些则能让我们捧腹大笑。
WTFJS 的最初想法属于 Brian Leroux 。这份列表深受他 在 dotJS 2012 上的演讲 “WTFJS” 的启发:
Node打包稿
你可以使用 安装本手册 npm。只需运行:
您现在应该可以 wtfjs在命令行中运行了。这将打开您所选目录中的手册 $PAGER。否则,您可以继续阅读。
源代码可以在这里找到: https://github.com/denysdovhan/wtfjs
翻译
目前,有…
《Trending Projects》以每周简讯形式提供,请在www.iainfreestone.com 上注册, 以确保您不会错过任何一期。
如果您喜欢这篇文章,您可以在 Twitter 上 关注我 ,我会定期发布与 HTML、CSS 和 JavaScript 相关的简短技巧。
鏂囩珷鏉ユ簮锛�https://dev.to/iainfreestone/10-trending-projects-on-github-for-web-developers-25th-september-2020-nd0