09-17-千变万化
分享、实用、有趣、共勉
前端
React UI组件库
官方地址:https://nextui.org/
项目地址:https://github.com/nextui-org/nextui
NextUI开源项目已经获得了惊人的近14k个Star,该项目为用户提供了自定义TailwindCSS插件的功能。通过该插件,用户可以轻松自定义默认主题或者创建全新的主题。此外,该项目还附带了一个默认的深色主题,只需在HTML中添加"dark"属性即可应用。这一创新性的功能为用户带来了极大的便利和灵活性。
vant
官网地址:https://vant-ui.github.io/vant/
Github:https://github.com/youzan/vant
Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库,全面拥抱 Vue3 生态,由社区团队维护。
Varlet 具有以下特性:
提供 60+ 个高质量通用组件
组件十分轻量
由国人开发,完善的中英文文档和后勤保障
支持按需引入
支持主题定制
支持国际化
支持 webstorm 组件属性高亮
支持 SSR
支持 Typescript
确保 90% 以上单元测试覆盖率,提供稳定性保证
支持暗黑模式
提供官方的 VSCode 插件
Ant Design Mobile
官网地址:https://mobile.ant.design/zh
Github:https://github.com/ant-design/ant-design-mobile
Ant Design 移动端设计规范,一个基于 Preact/React/React Native 的 UI 组件库。Ant Design 是 Ant Design 的移动规范的 React 实现。
Ant Design Mobile 具有以下特点:
高性能:无需配置,即可拥有最佳的包体积大小和极致的性能
可定制:可以高效地对组件外观进行调整或创造自己的主题
原子化:每个组件的功能不多也不少,恰好就是你所需
流畅感:拥有流畅的手势和细腻的动画,助力产品打造出极致体验
React 组件库,推荐使用这个
Arco Design Mobile
官网地址:https://arco.design/mobile/react
Github:https://github.com/arco-design/arco-design-mobile
Arco Design Mobile 提供了 50+ 基础组件,覆盖各类场景。借助 Arco 丰富的组件可以更好的搭建应用,提高效率,在整个产品生产过程中创造更具凝聚力的可扩展体验。
NutUI
Github:https://github.com/jdf2e/nutui
NutUI 是一个由京东零售团队开源的京东风格的轻量级组件库,支持移动端 H5 和小程序开发。
NutUI 具有以下特性:
70+ 高质量组件,覆盖移动端主流场景
支持一套代码同时开发 H5+多端小程序
基于京东APP 10.0 视觉规范
支持按需引用
详尽的文档和示例
支持 TypeScript
支持服务端渲染(测试阶段)
支持组件级别定制主题,内置 700+ 个变量
国际化支持,已支持英文,印尼语和繁体中文
单元测试覆盖率超过 80%,保障稳定性
提供 Sketch 设计资源
NutUI 提供了多个框架的版本组件
Varlet
官网地址:https://varlet.gitee.io/varlet-ui/#/zh-CN/index
Github:https://github.com/varletjs/varlet
Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库,全面拥抱 Vue3 生态,由社区团队维护。
Varlet 具有以下特性:
提供 60+ 个高质量通用组件
组件十分轻量
由国人开发,完善的中英文文档和后勤保障
支持按需引入
支持主题定制
支持国际化
支持 webstorm 组件属性高亮
支持 SSR
支持 Typescript
确保 90% 以上单元测试覆盖率,提供稳定性保证
支持暗黑模式
提供官方的 VSCode 插件
云服务
云服务聚集:
常用的云服务:Vercel、cloudfare等,其他云服务: Adaptable、Fly.io 等
Zeabur
国内在做
官方地址:https://zeabur.com/?referralCode=catmangox
部署文档:https://zeabur.com/docs/get-started
Zeabur 能够根据项目代码来自动识别项目所使用的语言,框架或架构,为其自动选择最合适的部署策略,只需点击导入仓库,服务即可部署上线。
Zeabur 能够部署包括前端,后端,数据库等各种服务 支持语言:Java、Go、Node.js、Python、HTML 支持数据库:MySQL、Redis、MongoDB、PostgreSQL
免费版:三个服务,每个服务1cpu、512m内存 七天试用,可快到期再点试用七天,绑定信用卡可每月使用5$
参考:https://ld246.com/article/1693228796996
参考2:https://iweek.eu.org/posts/1643
sealos
在线文档:https://docs.sealos.io/zh-Hans/docs/Intro
Sealos 是一款强大的业务运行平台,它能完美支持 Java、Go、Python、PHP 等各类应用,不受编程语言限制。该平台为应用提供稳定的运行环境,并解决后端依赖问题,例如数据库、对象存储和消息队列等。更进一步,它还能灵活处理应用配置管理、服务发现、公网暴露,以及自动伸缩等问题。
强大的应用交付能力
- Sealos 具备优秀的 Kubernetes 生命周期管理能力,还可以自由定制 Kubernetes 环境。
- Sealos 可以将整个集群打包,并一键交付到客户环境中。所有服务和业务都可以整体交付。
- 不同于 Docker 主要关注单机镜像,Sealos 更进一步,可以将整个集群或者某个分布式应用进行打包。
参考:https://icloudnative.io/posts/sealos/
Railway
官方地址:https://railway.app/pricing
部署地址:https://docs.railway.app/deploy/deployments
提供 Postgres、Redis、MongoDB、MySQL 免费层无法全天候运行应用,因为每个月仅提供 500 小时的使用 如果达到信用限额或执行时间限额,项目部署文档将会停止 需要在新的每月信用额度应用后重新部署文档项目
Glitch
官方地址:https://glitch.com/pricing
官方文档:https://help.glitch.com/kb/article/17-technical-restrictions/
数据库介绍:https://help.glitch.com/kb/article/22-do-you-have-built-in-persistence-or-a-database/
- 应用请求限制为每小时 4000 次(超过的请求将返回 429 “Too Many Requests” 响应)。
- 应用磁盘空间限制为容器内 200MB,应用的
/tmp
目录目前不计入总量。- 默认情况下,node.js 模块不计入总量,node 模块有单独的 1GB 限制。
- 另有 512MB 的资产存储空间。
- 单次上传的最大文件大小限制为 256MB。
Render
在线地址:https://render.com/pricing
官方文档:https://render.com/docs/free#free-web-services
部署文档:https://render.com/docs/deploys
免费 Redis:25MB 内存,50 个连接,无持久化 每个应用免费 DDOS 保护,使用 Cloudflare 免费网络服务不支持持久化磁盘 免费网络服务可以随时重启 免费网络服务每个月可用 400 小时免费构建时间,与静态站点共享
Paas云服务参考:https://liduos.com/Summary-of-free-PaaS-platforms.html
Cyclic
官方地址:https://www.cyclic.sh/pricing
官方介绍:https://docs.cyclic.sh/overview/limits
部署文档:https://docs.cyclic.sh/overview/deploy
- 不支持 Websocket。
- 没有服务器,没有容器,没有镜像,没有小时数可计算。每个应用完全部署文档在无服务器云基础设施上。
- 应用不必睡眠、唤醒、启动或回收。所有前端和后端随时准备就绪,立即可用。
- 存储
- 1GB AWS S3 对象存储
- 1GB AWS DynamoDB NoSQL 数据库
- 512MB 临时磁盘空间,挂载在 /tmp。数据在调用之间会持久化,但不能保证后续调用会使用相同实例,因此不能依赖它来存储持久数据。
- 不支持流式请求或响应
- 稳定状态每秒 5 个 API 请求(免费层)
- 突发每秒 10 个 API 请求(免费层)
工具
书签导航:
在线地址:灵感库藏 (liduos.com)
抖音、微博、Twitter、Youtube 视频解析下载:
电子书大全:
在线地址:https://t8ipkovzsy.feishu.cn/sheets/HgKJsiTHDhhSKtttaN0c4hVBnPc