前端这些年写圆角，基本都在border-radius这一条线上打转。大一点，小一点，做成胶囊，再或者把四个角拆开配。能做的事当然不少，但本质上你控制的始终还是圆角半径，不是这个角到底应该长什么样。

随着大模型能力变强，一种新的开发方式火了起来，叫Vibe Coding。核心就是：通过和AI对话，把模糊的想法一步步变成能跑的产品。你不用像传统开发那样先画架构图、拆解需求、定义接口。

CSS inset 是用于设置元素定位偏移的简写属性。本文介绍其基本语法、适用场景（如模态框、内嵌效果）及与 width/height 的关系，提升你的 CSS 布局效率。inset 是 CSS 中一个非常实用的简写属性

日常开发中，弹出层随处可见：下拉菜单、提示框、确认弹窗。以前我们得借助第三方库，或者自己写一堆焦点管理代码。现在浏览器直接提供了两个API：Popover和Dialog。但很多人分不清它们，用错了地方。

用好AI的关键之一是写好Prompt。本文按组件生成、重构、测试、调试、CSS、API对接、代码审查、文档、性能优化等分类，整理50个可直接复制使用的前端Prompt模板，并标注预期输出，提升日常开发效率。

每次用渐变就是linear-gradient做个背景？其实渐变的玩法远比你想象的多——遮罩、边框、文字、列表、光效、背景图案。掌握这6个用法，CSS功力直接上一个台阶。

用了两年Pinia，我才发现自己一直停留在\"能用\"的阶段。直到最近重构一个大型项目，踩了无数坑，才把这些真正提升效率的技巧摸透。今天分享10个我在实战中反复使用、而且很少见到完整讲解的Pinia技巧。

前段时间接手一个老项目，打开一个Vue组件，好家伙，3000行代码。ref、reactive、watch、computed堆了一整页，逻辑像意大利面条一样纠缠在一起。改一个bug，引出三个新bug。这不是你菜，是Vue3的正确用法还没被真正挖掘出来。

做前端开发的人，基本都会遇到一个问题：React和Vue到底选哪个？这篇文章用数据说话，帮你把两个框架的情况理清楚。不管你是找工作还是选技术栈，看完应该就有数了。

今天这篇文章，我把6个核心Skill一次性讲清楚。每个是干什么的、适合谁、装完之后有什么变化。建议6个全装。反正免费，不占空间，AI按需自动调用就行。

这篇文章不跟你讲“睡后收入”那种空话。我只想说一件事：程序员做副业，不是多打一份工，而是用你的技术能力去解决一个真实的问题。顺便，让自己的收入结构变得更健康一点。

4月16日，Anthropic发布了目前最强的模型Claude Opus 4.7。第二天，他们就用这个模型上线了一个新产品，叫Claude Design。一天出一个产品。你敢信？