Magic UI

全栈开发七分钟 | ABFree Studio

AI编程 | Node | Go | React | CICD | Saas | 工具推荐 | 开发心得

GitHub Actions + CF Worker:打造完美的持续部署流程

GitHub Actions + CF Worker:打造完美的持续部署流程

分享一下最近将官网和exportx.dev两个网站(Turborepo管理的)从Vercel迁移到Cloudflare Pages的过程,期间也使用了Github Action来做CI/CD自动化测试和部署,有兴趣的同学可以一起阅读交流下。

1.5G到200M,TurboRepo Docker镜像优化指南:轻松打造轻量级镜像

1.5G到200M,TurboRepo Docker镜像优化指南:轻松打造轻量级镜像

最近往我的TurboRepo中添加了几个后端项目,然后使用Docker部署到服务器上,网上的TurboRepo的打包部署教程比较少,而且有些文章给的方法让Docker的镜像变得很大,所以我这里记录一下我是怎么减少镜像大小的。

Ghost 博客系列IIII | 文章目录导航-TOC插件

Ghost 博客系列IIII | 文章目录导航-TOC插件

分享一下最近将官网和exportx.dev两个网站(Turborepo管理的)从Vercel迁移到Cloudflare Pages的过程,期间也使用了Github Action来做CI/CD自动化测试和部署,有兴趣的同学可以一起阅读交流下。

面试必备-计算机网络-目录

面试必备-计算机网络-目录

计算机网络基本是面试必考的内容,理解得越深越好。曾经在字节的面试中被面试官深挖到TCP快重传,快恢复等稍微深度的知识点,留下了比较深的印象。总之,网络协议的进化过程也是一部发现问题、分析问题、解决问题的经验史。对解决工作中具体业务问题也有很大的帮助,建议着重学习~

Ghost博客系列III | 使用EdgeOne加速博客国内访问速度

Ghost博客系列III | 使用EdgeOne加速博客国内访问速度

因为不想备案,目前博客部署在香港轻量云,如果直接套Cloudflare的CDN,大陆访问巨慢,但如果直接做IP解析又会暴露源IP地址,不太安全,这次实验了一下如何使用EdgeOne加速国内访问速度。

Ghost博客系列II | 为代码添加语法高亮

Ghost博客系列II | 为代码添加语法高亮

写技术博客时,一段优雅的代码展示往往能让文章更具专业性。本文将介绍如何在Ghost博客中实现代码高亮效果,让您的技术文章更加赏心悦目。

Ghost博客系列I | Ghost博客搭建指南,专注写作不折腾

Ghost博客系列I | Ghost博客搭建指南,专注写作不折腾

我使用过很多博客平台,比如 WordPress、Typecho、Hexo 等,折腾来折腾去,最后发现还是 Ghost 最适合我。

治愈画风 | 吉卜力风格的Shadcn主题分享 附上安装教程

治愈画风 | 吉卜力风格的Shadcn主题分享 附上安装教程

你是否也喜欢吉卜力动画那种温暖、治愈的风格?今天为大家推荐一个超级精美的 Shadcn UI 主题

dokploy 系列 III | 轻松管理多台服务器

dokploy 系列 III | 轻松管理多台服务器

Explore essential React Native libraries that will streamline your mobile app development and enhance functionality.

dokploy系列 II | 如何内网通讯,连接自建数据库,后端服务互访

dokploy系列 II | 如何内网通讯,连接自建数据库,后端服务互访

我在 dokploy 中部署了多个服务,如何内网访问我的自建数据库,以及其他内网后端服务呢?

面试必备-计算机网络-DNS

面试必备-计算机网络-DNS

Explore essential React Native libraries that will streamline your mobile app development and enhance functionality.

面试必备-计算机网络-TCP

面试必备-计算机网络-TCP

TCP(Transmission Control Protocol)是计算机网络中的一个重要协议,它是一种面向连接的、可靠的、基于字节流的传输层协议。TCP 是互联网协议套件(TCP/IP)中的一个重要组成部分,它是 Internet 协议(IP)的可靠传输层协议。

原子css落地经验分享 | 让我的CSS 体积减少80%?

原子css落地经验分享 | 让我的CSS 体积减少80%?

目前Facebook、Twitter已经使用原子CSS重构了他们的项目,新的CSS编写和构建方式让Facebook的主页减少了80%的CSS体积,提高了视觉还原效率。我们团队项目中也落地了原子css,来讲述一下我们遇到的问题,分享我们落地的经验。

dokploy 系列 I | vercel开源平替,dokploy七分钟国内安装指南

dokploy 系列 I | vercel开源平替,dokploy七分钟国内安装指南

vercel 虽好,但是国内访问速度堪忧,如何在国内腾讯云、阿里云安装类似 vercel 的平台享受到 vercel 带来的便利呢?

API进化论II:使用tRPC快速创建端到端类型安全API

API进化论II:使用tRPC快速创建端到端类型安全API

trpc是facebook开源的一款RPC框架,它通过类型系统来保证API的类型安全,并且支持多种语言。

API进化论I:从REST到GraphQL的蜕变之路

API进化论I:从REST到GraphQL的蜕变之路

打算写一个系列文章来沉淀下在我在“获取数据”方面的实践与思考,叫做《API进化论》,会提到GraphQL、Restful、tRPC他们解决了什么问题,帮助大家认识API的进化历程,本文是第一篇。

ChatGPT都踩过的坑:AI对话框中文输入法完美解决方案

ChatGPT都踩过的坑:AI对话框中文输入法完美解决方案

在AI时代,输入框中文输入法处理是一个常见的问题。本文将介绍如何解决这个问题,并提供详细的解决方案。

开发者常用的Figma插件推荐|效率翻倍

开发者常用的Figma插件推荐|效率翻倍

Figma插件是设计师和开发者的好帮手,可以提高工作效率,本文推荐了几款常用的Figma插件

Swift接入Apollo GraphQL并使用CLI生成代码

Swift接入Apollo GraphQL并使用CLI生成代码

✏️ 笔者是GraphQL深度爱好者,在学习Swift开发过程中也希望能够将其引入,过程中也遇到一些包管理问题,参阅了官网文档后成功接入,下面是整个过程。

Xcode保存自动格式化

Xcode保存自动格式化

✏️ 不像JetBrain或者VS Code,Xcode本身没有保存自动格式化的能力,因此记录一下实现自动化的过程。

Xcode集成ChatGPT、Github Copilot

Xcode集成ChatGPT、Github Copilot

✏️ Copilot与GPT能够很好的帮助我们在开发中遇到的困难,提高我们的效率。这次我记录一下接入GPT与Copilot的过程。这个插件支持OpenAI、Azure的接口

CSS笔记

CSS笔记

CSS是前端必须掌握的基础之一,我个人觉得只要了解一些核心内容即可,其余的可以通过实战来积累。核心内容比如布局(Flex,Grid,Position...),层叠上下文,CSS渲染机制等。同样近些年热门的CSS Variables、原子化CSS也很推荐去学习了解。

面试必备-计算机网络-UDP与TCP区别

面试必备-计算机网络-UDP与TCP区别

UDP与TCP区别

面试必备-计算机网络-Websocket

面试必备-计算机网络-Websocket

Websocket 传输基于 TCP 协议。首先会使用 HTTP 做初始握手,比如

面试必备-计算机网络-HTTP

面试必备-计算机网络-HTTP

Explore essential React Native libraries that will streamline your mobile app development and enhance functionality.

面试必备-计算机网络-HTTPS

面试必备-计算机网络-HTTPS

HTTPS 是 HTTP 的升级版,它是在 HTTP 的基础上加入了 SSL/TLS 加密协议,保证了数据传输的安全性。

Directus: 独立开发者的理想 Headless解决方案

Directus: 独立开发者的理想 Headless解决方案

在当今快速发展的技术世界中,独立开发者需要高效且灵活的工具来构建现代化的数字产品。今天我要推荐的是 Directus,一个强大的开源 headless CMS,它不仅能让你的数据管理变得轻松,还能加速你的产品开发过程。

Rust Webassembly | 高性能压缩图片探索

Rust Webassembly | 高性能压缩图片探索

本文记录了Png压缩库的调研过程,将优秀的imagequant Rust包编译成浏览器可用的WASM包,并通过Worker解决主线程阻塞的问题。

JS位运算问题

JS位运算问题

JS位运算问题

TailwindCSS小技巧

TailwindCSS小技巧

TailwindCSS是现代前端开发中常用的CSS框架,它提供了丰富的实用工具类,可以帮助我们快速构建样式。

JS模块加载

JS模块加载

JS模块加载

Nginx笔记

Nginx笔记

Nginx是我常用的服务器代理软件,这里记录一些常用的配置和使用技巧。

Bable/AST 笔记

Bable/AST 笔记

官方的解释 Babel 是一个 JavaScript 编译器,用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,

Chrome插件笔记

Chrome插件笔记

Explore essential React Native libraries that will streamline your mobile app development and enhance functionality.

DSL理解

DSL理解

Explore essential React Native libraries that will streamline your mobile app development and enhance functionality.

21 Best React Native Libraries You Should Know About

21 Best React Native Libraries You Should Know About

Explore essential React Native libraries that will streamline your mobile app development and enhance functionality.

Emoji小知识

Emoji小知识

Explore essential React Native libraries that will streamline your mobile app development and enhance functionality.

Hasura拓展记录

Hasura拓展记录

Hasura拓展记录

PG 实战笔记

PG 实战笔记

PG 是我在开发中常用的数据库,这里记录一些常用的操作和技巧。

Apache Pulsar Node实战

Apache Pulsar Node实战

《SQL必知必会》笔记

《SQL必知必会》笔记

《SQL必知必会》是一本非常经典的SQL入门书籍,适合初学者阅读。

Webpack原理笔记

Webpack原理笔记

Webpack是每一个前端工程师都必须掌握的工具,我们掌握工具的前提是熟悉工具。所以了解一些其内部原理能够帮助我们更好的去分析实际业务中遇到的问题。

React 17原理

React 17原理

React 17是非常稳定的一个版本,它的核心工作原理和之前的版本有很大的区别,React18的核心工作原理和React17的原理非常类似,所以这里先记录一下React17的原理,以便于后续理解React18的原理。