Web前端开发网
fly63.com
首页
资源
工具
文章
教程
栏目
在线搜索
文章标签
文章投稿
关于我们
全部
Html/Css
JS/TS
框架
其他
CSS三层Token:比Sass变量更强的样式管理方案
最近看到一个设计系统,用原生CSS的三层Token管理样式。看完之后我的判断是:在抽象能力上,这套系统比Sass变量强。听起来有点反直觉。预处理器应该更强才对,有更多语法糖,更多编程能力。
阅读量:
49
标签:
变量
TRAE Skills 入门教程:给 AI 写一份工作手册
TRAE 的 Skills 功能就是来解决这个问题的。简单来说,它就是给 AI 写一份“工作手册”——你把规则写好,AI 以后就按你的规矩来。这篇文章将从零开始教你上手 Skills,看完就能自己写一个。
阅读量:
39
标签:
Trae
搞懂 Prompt、Skill、Project 和 MCP,让 AI 真正帮你干活
现在 AI 发展得很快。我们经常听到 Prompt、Skill、Project、MCP 这几个词。它们都是用好 AI 的关键。很多人不太清楚这几个词的意思,也不知道怎么用。今天这篇文章就帮你拆解一下,看看它们到底能帮设计师和开发者做什么。
阅读量:
31
标签:
mcp
Vue3 响应式系统避坑指南:6个高频陷阱与解决方案
Vue3 的响应式系统用起来很爽,ref、reactive 一把梭,数据变了视图就更新。但你有没有遇到过:明明改了数据,页面却纹丝不动?分享6个最容易踩的响应式陷阱
阅读量:
61
标签:
响应式
CSS 变量实战技巧:6个能直接用的核心玩法
你一定写过 var(--color),但 CSS 变量的真正威力远不止定义颜色这么简单。下面这6个实战技巧,每个都可以直接复制到项目中使用。
阅读量:
53
标签:
变量
HTML <search> 元素完整指南:语义化搜索区域的正确用法
在构建现代网页时,语义化HTML不仅能提升代码的可读性,还能为搜索引擎和辅助技术提供更丰富的页面结构信息。搜索功能几乎是每个网站的标配,但长期以来,开发者习惯用<div>或普通<form>来承载搜索框。
阅读量:
41
标签:
元素
CSS corner-shape属性详解:告别单一圆角,让元素形状更丰富
前端这些年写圆角,基本都在border-radius这一条线上打转。大一点,小一点,做成胶囊,再或者把四个角拆开配。能做的事当然不少,但本质上你控制的始终还是圆角半径,不是这个角到底应该长什么样。
阅读量:
42
标签:
属性
什么是Vibe Coding和Spec Coding?两种AI开发模式的区别与选择
随着大模型能力变强,一种新的开发方式火了起来,叫Vibe Coding。核心就是:通过和AI对话,把模糊的想法一步步变成能跑的产品。你不用像传统开发那样先画架构图、拆解需求、定义接口。
阅读量:
52
标签:
AI
CSS inset 属性详解:定位偏移简写让你的布局代码更简洁
CSS inset 是用于设置元素定位偏移的简写属性。本文介绍其基本语法、适用场景(如模态框、内嵌效果)及与 width/height 的关系,提升你的 CSS 布局效率。inset 是 CSS 中一个非常实用的简写属性
阅读量:
37
标签:
属性
别再乱用了!Popover和Dialog的区别,一次讲清楚
日常开发中,弹出层随处可见:下拉菜单、提示框、确认弹窗。以前我们得借助第三方库,或者自己写一堆焦点管理代码。现在浏览器直接提供了两个API:Popover和Dialog。但很多人分不清它们,用错了地方。
阅读量:
32
标签:
弹窗
50个前端Prompt模板:覆盖组件生成、重构、测试、性能优化等开发场景
用好AI的关键之一是写好Prompt。本文按组件生成、重构、测试、调试、CSS、API对接、代码审查、文档、性能优化等分类,整理50个可直接复制使用的前端Prompt模板,并标注预期输出,提升日常开发效率。
阅读量:
34
标签:
提示词
CSS渐变进阶:6个被低估的实用技巧(遮罩、边框、文字、图案全解析)
每次用渐变就是linear-gradient做个背景?其实渐变的玩法远比你想象的多——遮罩、边框、文字、列表、光效、背景图案。掌握这6个用法,CSS功力直接上一个台阶。
阅读量:
35
标签:
渐变
上一页
1
2
3
4
5
下一页
手机扫一扫预览
》
分享组件加载中...
JavaScript已禁用 为了正常浏览本站内容,请启用JavaScript。 本站内容受版权保护,未经授权禁止复制和传播。