hy l-优快云博客

原创 AI时代，为什么我放弃Vue全家桶，选择了Next.js + Supabase

摘要：从Vue全家桶转向Next.js+Supabase后，开发效率提升6倍。AI时代的技术选择标准已变，React/Next.js因训练数据更丰富成为AI友好型框架。Next.js 14+Supabase组合提供全栈解决方案，内置认证、类型安全与自动API，Vercel模板实现开箱即用。实测项目周期从12天缩短至2天，关键优势在于零后端配置、AI精准代码生成与模板起步。虽在复杂查询性能和高并发场景存在局限，但对中小型项目验证期极为友好。建议小型团队优先考虑开发效率，通过create-next-app模板

2025-08-14 11:36:54 1147

原创智力革命的“左脚踩右脚“：程序员如何在AI时代完成认知跃迁

当Claude Code在3分钟内完成我3小时的工作时，我意识到一场堪比工业革命的智力革命正在发生。作为从前端工程师转型AI创业者的亲历者，我通过100个程序员的AI工具实验发现：AI不是在消灭程序员，而是在重新定义程序员的价值层次。本文深度剖析了AI编程时代的核心变化： - 高阶能力（系统架构、需求理解、产品逻辑）不仅没被淘汰，反而更加珍贵 - 低阶能力（标准化代码、重复逻辑、基础算法）已被AI完全接管 - 程序员正在从"代码工人"进化为"智力管理者"

2025-08-13 13:34:56 564

原创我让AI一把撸了个算命网站，结果它比我还懂玄学

深夜突发奇想：能让AI理解2000年前的玄学智慧吗？于是我开始了这个"用最现代技术实现最古老智慧"的实验。技术栈：Next.js+TypeScript+Supabase+DeepSeek API。最大挑战：训练AI理解传统命理学。意外收获：AI对传统文化的理解让我这个中国人都自愧不如。完整分享技术选型、开发过程、踩坑经历和深度思考。

2025-08-12 13:06:03 1264

原创 Vue3.2搭建项目

Vue3.2搭建项目1.创建项目可以用vue ui安装，也可以直接用npm安装。2.代码格式化设置1.在Vscode插件中安装prettier2.在根目录下导入配置prettier.js文件（{ "semi": false, "singleQuote": true, "trailingComma": "none"}）3.在vscode的设置里搜索save 就能看到并勾上format on save4.右键使用…格式化文档配置默认格式化文档程序选择prettier

2022-03-06 19:15:09 1142 1

原创 Vue基础

Vue一.vue常用指令1.1条件判断 v-ifv-if和v-show的区别：**v-show：**使用该指令的元素会始终渲染在dom中，通过改变该元素的display值来实现是否显示在页面上，不需要操作js，开销相比较小**v-if：**真正的条件渲染，当满足条件时才将元素添加到dom中并渲染到页面，反之销毁元素。因此性能开销大。1.2列表遍历 v-for使用v-for指令可以很方便地遍历数组或对象并将其数据展示到页面上<p v-for="(item,i) in list">

2021-11-02 20:41:46 153

原创 HTML+CSS实现导航栏二级下拉菜单图书案例

一.效果图二.内容、要求学习完HTML5+CSS之后，可以考虑设计并实现一个导航栏菜单，对某个项目比如你的个人书籍按类别（硬件类、软件类、语言类、网络类等分法）进行分门别类，其中上面括号中的类别为导航栏的一级菜单，它们各自的二级菜单是你所拥有的或知道的几本可能的属于这些类别的具体书籍。html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <met

2021-09-26 20:43:56 3412 5

原创 CSS重点笔记，快速熟悉css

CSS文章目录CSS1.选择器1.1(*)通用选择器1.2(#X)id选择器1.3(.X)类选择器1.4(X)元素选择器1.5(X Y)后代选择器1.6（X>Y）子元素选择器2.属性2.1 背景2.2文本2.3字体2.4链接2.5列表2.6表格3.文档流和布局3.1文档流概念3.2浮动布局##父子、兄弟浮动陷阱：父盒未固定高度，存在显示覆盖问题3.3定位布局position属性5.z-index：设置浮动显示等级4.内联元素（inline）和块元素（block）4.1 内联元素（**和相邻的内联元素

2021-09-24 18:56:12 291

原创 CSS的重点整理，适合快速复习

CSS1.选择器1.1(*)通用选择器可以匹配页面所有的元素 * {color:red;}1.2(#X)id选择器id选择器比较局限，不能重用#container { width: 960px; margin: auto; }1.3(.X)类选择器类选择器的开头用.（点）进行表示可以重用.error { color: red; }1.4(X)元素选择器假如你想针对Html预定义的标签，比如类似：p,h3,em,a这些标签、a { color: red; }

2021-09-24 18:47:34 225

zabr1314的博客