Felbry's Blog

Appearance

资源整理 ​

组件/库/框架（前端） ​

纯 UI + JS ​

React ​

Vue ​

Web Compnent ​

Alpine.js ​

构建库需要的工具 ​

落地页资源 ​

低代码 LowCode ​

  • FlutterFlow Build beautiful, modern apps incredibly fast
  • heyform 一个开源的表单生成器，创建调查、问卷、投票等，可以不编写一行代码
  • grapesjs 开源，拖拉拽生成页面
  • rxdrag 开源，可视化搭建页面

软件工程 ​

数据库 ​

算法 ​

  • Hello 算法 动画图解、一键运行的数据结构与算法教程
  • visualgo 可视化算法过程

加密/解密 ​

  • 在线加解密工具（纯前端） 支持 AES、SM4 加密，RSA、SM2 签名/验签，哈希算法，SM3，编码与密码生成的独立工具箱，可断网运行，确保安全性

设计模式 ​

系统设计/架构 ​

NodeJS ​

  • Jimp 图片处理（各种操作图片的 API）
  • Fuse.js 模糊搜索
  • llama-ocr npm 库，使用 Llama 3.2 版本对本地或远程图片进行 OCR 识别

前端 ​

Hooks 思路

Icon 图标

虚拟滚动

WebRTC

  • WebChat 基于 WebRTC 点对点聊天

瀑布流

文件下载

Axios

Web Component

  • 2023 Web Components 现状 把当前 Web Components 具备的功能、标准规范逐个分析了下。列举了一些主流公司在用的一些案例。对于想要整体了解 Web Components 的知识 很有帮助

Devtool

Typescript

CSS

3D

SVG

打印

拖拉拽

动画

  • Atropos 3D 视差效果
  • Canvas Confetti 抛洒纸屑、星星
  • Animista 预览常见动画效果，可快速复制 CSS 代码（比较全）
  • animastore 预览常见动画效果，可快速复制 CSS 代码（中文的，效果没上一个全，也不能调参数）
  • Framer Motion React 动画库
  • gsap

Canvas 引擎

  • leaferjs
  • Newcar 一个 JS 语言的前端动画引擎，基于 Skia 的 WebAssembly 版本，在 Canvas 画布上生成动画

编译器 ​

网络相关 ​

  • frp
  • frpc desktop
  • Localtunnel npm 包，一行命令暴漏出去
  • ChatTCP ChatTCP 是一款 TCP 分析工具，致力于简化 TCP 分析，使其变得像看聊天记录一样简单！

Git ​

Web 服务器/Nginx ​

安全/服务器防护 ​

设计资源/平台 ​

有创意的网站效果

HTTPS 证书 ​

开源系统（杂） ​

后台管理

聊天系统

服务器运维

  • Coolify 开源且可自托管的 Heroku / Netlify / Vercel 替代品 2024/9/27 看了文档，好像有些简陋。看首页介绍的功能挺多的，文档上体现的较少，暂时放弃。
  • 1Panel Linux 服务器运维管理面板
  • Kopia 备份/恢复工具，快照保存到云存储/服务器/本地计算机上，可以指定文件/目录。有命令行和图形化界面。
  • dokku

OCR ​

  • AI OCR 在线免费 AI OCR（图片文字识别）工具，所使用的前端代码和 AI 提示词见这里，灵感来自llama-ocr

GPT ​

资讯/综合站 ​

音视频 ​

图片编辑 ​

代码生成 ​

  • v0 Vercel 公司推出的一个创新性的 AI 驱动的用户界面设计和开发工具
  • bolt StackBlitz 出品，交互挺新颖的

传输文件 ​

高级绘图工具 ​

装机/装系统 ​

影音资源 ​

英语学习 ​

软考 ​

定位/自动化/IP 池 ​

PPT ​

文件转换 ​

下载网站及工具（视频/音频） ​

  • 熊猫无损
  • gopeed 一款现代化的下载器，开源、轻量、原生，支持（HTTP、BitTorrent、Magnet 等）协议下载
  • cobalt 粘贴链接，下载视频

学生/宝宝相关 ​

字帖

兼职网站 ​

LaTeX ​

面试 ​

Github Action ​

APP 推送通知 ​

金融投资（股票/基金） ​

优秀独立个人站 ​

其它 ​