跳至主要內容

09-17-千变万化

Mr.keney大约 7 分钟周报前端云服务工具

分享、实用、有趣、共勉

前端

React UI组件库

官方地址:https://nextui.org/open in new window

项目地址:https://github.com/nextui-org/nextuiopen in new window

NextUI开源项目已经获得了惊人的近14k个Star,该项目为用户提供了自定义TailwindCSS插件的功能。通过该插件,用户可以轻松自定义默认主题或者创建全新的主题。此外,该项目还附带了一个默认的深色主题,只需在HTML中添加"dark"属性即可应用。这一创新性的功能为用户带来了极大的便利和灵活性。

vant

官网地址:https://vant-ui.github.io/vant/open in new window

Github:https://github.com/youzan/vantopen in new window

Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库,全面拥抱 Vue3 生态,由社区团队维护。

Varlet 具有以下特性:

  • 提供 60+ 个高质量通用组件

  • 组件十分轻量

  • 由国人开发,完善的中英文文档和后勤保障

  • 支持按需引入

  • 支持主题定制

  • 支持国际化

  • 支持 webstorm 组件属性高亮

  • 支持 SSR

  • 支持 Typescript

  • 确保 90% 以上单元测试覆盖率,提供稳定性保证

  • 支持暗黑模式

  • 提供官方的 VSCode 插件

Ant Design Mobile

官网地址:https://mobile.ant.design/zhopen in new window

Github:https://github.com/ant-design/ant-design-mobileopen in new window

Ant Design 移动端设计规范,一个基于 Preact/React/React Native 的 UI 组件库。Ant Design 是 Ant Design 的移动规范的 React 实现。

Ant Design Mobile 具有以下特点:

  • 高性能:无需配置,即可拥有最佳的包体积大小和极致的性能

  • 可定制:可以高效地对组件外观进行调整或创造自己的主题

  • 原子化:每个组件的功能不多也不少,恰好就是你所需

  • 流畅感:拥有流畅的手势和细腻的动画,助力产品打造出极致体验

React 组件库,推荐使用这个

Arco Design Mobile

官网地址:https://arco.design/mobile/reactopen in new window

Github:https://github.com/arco-design/arco-design-mobileopen in new window

Arco Design Mobile 提供了 50+ 基础组件,覆盖各类场景。借助 Arco 丰富的组件可以更好的搭建应用,提高效率,在整个产品生产过程中创造更具凝聚力的可扩展体验。

NutUI

官网地址:https://nutui.jd.com/open in new window

Github:https://github.com/jdf2e/nutuiopen in new window

NutUI 是一个由京东零售团队开源的京东风格的轻量级组件库,支持移动端 H5 和小程序开发。

NutUI 具有以下特性:

  • 70+ 高质量组件,覆盖移动端主流场景

  • 支持一套代码同时开发 H5+多端小程序

  • 基于京东APP 10.0 视觉规范

  • 支持按需引用

  • 详尽的文档和示例

  • 支持 TypeScript

  • 支持服务端渲染(测试阶段)

  • 支持组件级别定制主题,内置 700+ 个变量

  • 国际化支持,已支持英文,印尼语和繁体中文

  • 单元测试覆盖率超过 80%,保障稳定性

  • 提供 Sketch 设计资源

NutUI 提供了多个框架的版本组件

Varlet

官网地址:https://varlet.gitee.io/varlet-ui/#/zh-CN/indexopen in new window

Github:https://github.com/varletjs/varletopen in new window

Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库,全面拥抱 Vue3 生态,由社区团队维护。

Varlet 具有以下特性:

  • 提供 60+ 个高质量通用组件

  • 组件十分轻量

  • 由国人开发,完善的中英文文档和后勤保障

  • 支持按需引入

  • 支持主题定制

  • 支持国际化

  • 支持 webstorm 组件属性高亮

  • 支持 SSR

  • 支持 Typescript

  • 确保 90% 以上单元测试覆盖率,提供稳定性保证

  • 支持暗黑模式

  • 提供官方的 VSCode 插件

云服务

云服务聚集:

常用的云服务:Vercel、cloudfare等,其他云服务: Adaptable、Fly.ioopen in new window

Zeabur

国内在做

官方地址:https://zeabur.com/?referralCode=catmangoxopen in new window

部署文档:https://zeabur.com/docs/get-startedopen in new window

Zeabur 能够根据项目代码来自动识别项目所使用的语言,框架或架构,为其自动选择最合适的部署策略,只需点击导入仓库,服务即可部署上线。

Zeabur 能够部署包括前端,后端,数据库等各种服务
支持语言:Java、Go、Node.js、Python、HTML
支持数据库:MySQL、Redis、MongoDB、PostgreSQL

免费版:三个服务,每个服务1cpu、512m内存
七天试用,可快到期再点试用七天,绑定信用卡可每月使用5$

参考:https://ld246.com/article/1693228796996open in new window

参考2:https://iweek.eu.org/posts/1643open in new window

参考3:https://www.nephen.cn/posts/4e78936/open in new window

实战:https://lab.imgb.space/post/uptime-kumaopen in new window

sealos

官方地址:https://cloud.sealos.io/open in new window

在线文档:https://docs.sealos.io/zh-Hans/docs/Introopen in new window

Sealos 是一款强大的业务运行平台,它能完美支持 Java、Go、Python、PHP 等各类应用,不受编程语言限制。该平台为应用提供稳定的运行环境,并解决后端依赖问题,例如数据库、对象存储和消息队列等。更进一步,它还能灵活处理应用配置管理、服务发现、公网暴露,以及自动伸缩等问题。

强大的应用交付能力

  • Sealos 具备优秀的 Kubernetes 生命周期管理能力,还可以自由定制 Kubernetes 环境。
  • Sealos 可以将整个集群打包,并一键交付到客户环境中。所有服务和业务都可以整体交付。
  • 不同于 Docker 主要关注单机镜像,Sealos 更进一步,可以将整个集群或者某个分布式应用进行打包。

参考:https://icloudnative.io/posts/sealos/open in new window

参考2:https://www.modb.pro/db/645866open in new window

实战:https://doc.fastgpt.run/docs/installation/one-api/open in new window

Railway

官方地址:https://railway.app/pricingopen in new window

部署地址:https://docs.railway.app/deploy/deploymentsopen in new window

提供 Postgres、Redis、MongoDB、MySQL
免费层无法全天候运行应用,因为每个月仅提供 500 小时的使用
如果达到信用限额或执行时间限额,项目部署文档将会停止
需要在新的每月信用额度应用后重新部署文档项目

Glitch

官方地址:https://glitch.com/pricingopen in new window

官方文档:https://help.glitch.com/kb/article/17-technical-restrictions/open in new window

数据库介绍:https://help.glitch.com/kb/article/22-do-you-have-built-in-persistence-or-a-database/open in new window

  • 应用请求限制为每小时 4000 次(超过的请求将返回 429 “Too Many Requests” 响应)。
  • 应用磁盘空间限制为容器内 200MB,应用的 /tmp 目录目前不计入总量。
  • 默认情况下,node.js 模块不计入总量,node 模块有单独的 1GB 限制。
  • 另有 512MB 的资产存储空间。
  • 单次上传的最大文件大小限制为 256MB。

Render

在线地址:https://render.com/pricingopen in new window

官方文档:https://render.com/docs/free#free-web-servicesopen in new window

部署文档:https://render.com/docs/deploysopen in new window

免费 Redis:25MB 内存,50 个连接,无持久化
每个应用免费 DDOS 保护open in new window,使用 Cloudflare
免费网络服务不支持持久化磁盘
免费网络服务可以随时重启
免费网络服务每个月可用 400 小时免费构建时间,与静态站点共享

Paas云服务参考:https://liduos.com/Summary-of-free-PaaS-platforms.htmlopen in new window

Cyclic

官方地址:https://www.cyclic.sh/pricingopen in new window

官方介绍:https://docs.cyclic.sh/overview/limitsopen in new window

部署文档:https://docs.cyclic.sh/overview/deployopen in new window

  • 不支持 Websocket。
  • 没有服务器,没有容器,没有镜像,没有小时数可计算。每个应用完全部署文档在无服务器云基础设施上。
  • 应用不必睡眠、唤醒、启动或回收。所有前端和后端随时准备就绪,立即可用。
  • 存储
    • 1GB AWS S3 对象存储
    • 1GB AWS DynamoDB NoSQL 数据库
    • 512MB 临时磁盘空间,挂载在 /tmp。数据在调用之间会持久化,但不能保证后续调用会使用相同实例,因此不能依赖它来存储持久数据。
  • 不支持流式请求或响应
  • 稳定状态每秒 5 个 API 请求(免费层)
  • 突发每秒 10 个 API 请求(免费层)

工具

书签导航:

在线地址:灵感库藏 (liduos.com)open in new window

抖音、微博、Twitter、Youtube 视频解析下载:

在线地址:https://dlpanda.com/zh-CNopen in new window

电子书大全:

在线地址:https://t8ipkovzsy.feishu.cn/sheets/HgKJsiTHDhhSKtttaN0c4hVBnPcopen in new window