前端周刊 | 阿里云盘将推出 VIP 会员; Microsoft Edge 即将超越 Safari; “程序员做饭指南”霸榜GitHub

科技趣闻

1. 阿里云盘将推出 VIP 会员

阿里云盘 App 近日在主页上线了“阿里云盘一岁啦”活动,确认即将推出 VIP 会员,用户最高可领 8 个月。活动已于今天开始,截止 4 月 3 日,面向所有已注册用户,最多可领 8 个月会员权益,将推出“会员中心”。会员将于4月30日开启兑换,目前不确定VIP上线后是否会对下载进行限速,以及容量方面是否会变。对此你怎么看?

2. Microsoft Edge 即将超越 Safari

最新数据表明,Microsoft Edge 即将超越 Safari,成为全球第二受欢迎的桌面浏览器。

数据显示,Microsoft Edge 现在在全球 9.54% 的台式机上使用,仅比 Apple 的 Safari 低 0.3%,后者为 9.84%。谷歌浏览器继续以压倒性的 65.38% 的市场份额保持第一。Mozilla Firefox 以 9.18% 排名第四。

2021 年 1 月,Safari 占据了 10.38% 的市场份额,并且随着时间的推移,似乎正在逐渐将用户流失给竞争对手的浏览器。如果这种趋势继续下去,苹果很可能在不久的将来滑落到第三或第四位。Edge 和 Chrome 现在都是基于 Chromium 的浏览器,这意味着 Chromium 很可能会主宰前两大桌面浏览器。

在移动平台上情况有所不同,其中 Safari 以 26.71% 的市场份额位居第二位更为稳固。尽管 Safari 是iPhone和iPad上的默认浏览器,但Chrome 仍然以 62.06% 的市场份额主导着 iOS 和 Android。StatCounter 表明 Edge 的移动存在相对较小,尽管它已在 Google Play 商店下载了 1000 万次。

3. “程序员做饭指南”霸榜GitHub

近日,HowToCook(程序员做饭指南)开源项目霸榜GitHub,正如其名,这各项目就是一大份正经家常菜谱。截止目前,该项目Star数已接近20k。

这份菜谱的细节,满分!

项目作者说:网上的菜谱对习惯了形式语言的程序员太不友好,所以他计划结合自己的经验,用更清晰精准的描述整理常见菜的做法,方便程序员们在家做饭。

网友的Issues:

项目地址:github.com/Anduin2017/…

更新速递

1. Node v17.6.0 正式发布

2022年2月23日,Node v17.6.0 正式发布。该版本支持通过 HTTPS 加载 ES 模块。

Node.js 是一个跨平台的 JavaScript 运行时环境。 Node.js 使用高效、轻量级的事件驱动、非阻塞 I/O 模型。Node.js 的生态系统是目前最大的开源包管理系统。

更新详情:nodejs.org/zh-cn/blog/…

2. pm2 v5.2 正式发布

2022年2月17日,pm2 v5.2 正式发布。

PM2 是一个带有负载均衡功能的 Node 应用进程管理器。其主要特性:

  • 内建负载均衡(使用 Node cluster 集群模块)
  • 后台运行
  • 0 秒停机重载
  • 具有 Ubuntu 和 CentOS 的启动脚本
  • 停止不稳定的进程(避免无限循环)
  • 控制台检测
  • 提供 HTTP API
  • 远程控制和实时的接口 API(Nodejs 模块,允许和 PM2 进程管理器交互)

更新详情:github.com/Unitech/pm2…

开源趋势

下面来看看本周 GitHub 上有哪些热门的前端项目。

1. autocomplete

该项目是一个终端自动完成的工具,支持在数百个 CLI 工具的强大自动完成功能。不需要进行任何配置。当我们输入时,Fig 会在现有的 macOS 终端中弹出子命令、选项和上下文相关的参数。

**Star⭐:**12.1 k

**本周Star⭐️:**1213

Github:github.com/withfig/aut…

2. lowcode-engine

lowcode-engine 是阿里巴巴推出的一套面向扩展设计的企业级低代码技术体系。

lowcode-engine 的特性如下:

  • 提炼自企业级低代码平台的面向扩展开发的内核引擎,奉行最小内核,最强生态的设计理念
  • 开箱即用的高质量生态元素,包括 物料体系、设置器、插件 等
  • 完善的工具链,支持 物料体系、设置器、插件 等生态元素的全链路研发周期
  • 强大的扩展能力,已支撑近 100 个各种垂直类低代码平台
  • 使用 TypeScript 开发,提供完整的类型定义文件

**Star⭐:**1 k

**本周Star⭐️:**517

Github:github.com/alibaba/low…

3. Supabase

Supabase 是一个开源的 Firebase 替代品。正在使用企业级开源工具构建 Firebase 的功能。

**Star⭐:**29 k

**本周Star⭐️:**857

Github:github.com/supabase/su…

4. uptime-kuma

uptime-kuma 是一个类似于“Uptime Robot”的自托管监控工具。

uptime-kuma 的特征如下:

  • 监控 HTTP(s) / TCP / HTTP(s) 关键字 / Ping / DNS 记录 / 推送 / Steam 游戏服务器的正常运行时间。
  • 花哨的、反应式的、快速的 UI/UX。
  • 通过 Telegram、Discord、Gotify、Slack、Pushover、电子邮件 (SMTP) 和70 多种通知服务发送通知,请单击此处查看完整列表。
  • 20 秒间隔。
  • 多种语言
  • 简单状态页面
  • 证书信息

**Star⭐:**13.9 k

**本周Star⭐️:**772

Github:github.com/louislam/up…

5. Mermaid

Mermaid 是一个基于 Javascript 的图表和图表工具,它使用受 Markdown 启发的文本定义和渲染器来创建和修改复杂的图表。Mermaid 的主要目的是帮助文档跟上发展的步伐。

**Star⭐:**44.3 k

**本周Star⭐️:**772

Github:github.com/mermaid-js/…

工具推荐

下面来推荐 5 个开源的富文本编辑器。

1. Draft.js

Draft.js 是Facebook 的一个开源项目,专为 React 构建。这是一个健壮、可扩展和可定制的框架,在 React 开发人员中非常流行。据 Facebook 称,该库用于 Facebook 状态、评论和messenger.com。

特点:

  • 使用基于 Draft.js 构建的插件具有高度可扩展性和可定制性。
  • 平面内容模型很容易理解。
  • 由于自 2016 年以来由 Facebook 支持的庞大且不断增长的开源开发者社区提供了许多教程和支持。

GitHubgithub.com/facebook/dr…

2. Slate.js

Slate.js 是受 Draft.js 启发的另一个令人兴奋的富文本编辑器。您可以使用它来构建漂亮的编辑器,例如 Medium Editor、Dropbox Paper 或 Google Docs。

特点:

  • 生成 JSON 输出,使其更容易与其他模块集成。
  • 它的嵌套文档模型支持更复杂的内容结构,如表格、分页符和其他自定义功能。
  • 可使用插件进行扩展。
  • 提供良好的描述性文档和交互式演示。
  • 受到 Salesforce 和 Airtable 的信任。

GitHub:github.com/ianstormtay…

3. Quill.js

排在第三位的是 Quill.js,它是具有跨平台和跨浏览器支持的富文本编辑器。因此,这是在台式机、平板电脑和手机中的所有现代浏览器上寻找流畅功能的完美选择。

特点:

  • 由于其 API 驱动的设计,无需像在其他文本编辑器中那样解析 HTML 或不同的 DOM 树。
  • 自定义内容和格式支持与编辑器样式的预设。
  • 跨平台和浏览器支持。
  • 易于设置。

GitHub:github.com/quilljs/qui…

4. TinyMCE

这个编辑器是一个带有大量花里胡哨的商业富文本编辑器。如果有一些额外的钱并希望拥有一个强大文本编辑器,那么 TinyMCE 是一个不错的选择。

特点:

  • 实时协作支持。
  • 提及和评论支持。
  • 高级表格和复杂内容支持。
  • 增强的媒体嵌入支持。
  • 自动链接检查器。

GitHub:github.com/tinymce/tin…

5. KendoReact

Kendo 可能是市场上最著名的商业 UI 组件库。它是一个高度稳定且可用于生产的库,无疑提供了最好的客户支持服务。

特点:

  • 高性能。
  • 高度可定制。
  • 用于生产应用程序。
  • 全球化支持。
  • 客户支持。

文章推荐

1. 最佳 React UI 组件库,前端开发必备!

9个热门的 React UI 组件库,收藏一波,万一用到了呢~ ​

原文地址mp.weixin.qq.com/s/JTU200MIA…

2. 21道 LeetCode 题解带你搞懂动态规划!

LeetCode 题解系列的第二篇,本文首先介绍了动态规划的概念以及解题思路,然后通过 21 道LeetCode题解来分类解答。 ​

原文地址:mp.weixin.qq.com/s/tWwFK5M2c…

3. 如何编写高性能的 React 代码:规则、模式、注意事项

本文通过一个实现和优化一个小组件,来看看如何编写高性能的 React 代码。 ​

原文地址:mp.weixin.qq.com/s/SdVYeGNR0…

4. 理解 TypeScript 的 never 类型

本文介绍了 TypeScript 中神秘的 never 类型的概念以及使用场景, ​

原文地址:mp.weixin.qq.com/s/8rNKcxEXU…

5. 用于 TypeScript 枚举的实用辅助函数

本文介绍了在使用 TypeScript 枚举时可能会用到的一些实用辅助函数,建议收藏! ​

原文地址:mp.weixin.qq.com/s/r02p3e2ap…

Guess you like

Origin juejin.im/post/7069577440439304228