首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端样式
订阅
洺鱼
更多收藏集
微信扫码分享
微信
新浪微博
QQ
267篇文章 · 1订阅
面试官:手写一个深色模式切换过渡动画
在开发Web应用时,深色模式已成为现代UI设计的标配功能。然而,许多项目在实现主题切换时仅简单改变CSS变量,缺乏平滑的过渡动画,导致用户体验突兀。作为开发者,我们常被期望在满足功能需求的同时,打造更
JS实现丝滑文字滚动
公告栏、弹幕、股票 ticker……垂直文字滚动是前端最常见的动效之一。本文用纯原生代码拆解一条「克隆 + 逐帧滚动」的实现思路,涵盖布局、滚动、边界衔接三大要点,开箱即用,零依赖零配置。
面试都被问懵了?CSS 的 flex:1 和 flex:auto 真不是一回事!90%的人都搞错了
flex:1和flex:auto到底有啥区别?看完这篇别再搞混了! 前几天看到一个看似简单的面试题:“flex:1和flex:auto有什么区别?” 一查才发现,这俩真的不是一回事!
前端竟能做出这种专业医疗工具?DICOM Viewer 医学影像查看器
🏥【DICOM Viewer】 🧭 一、顶部工具栏 🔧 1. 布局工具组(Layout) 🎯 功能: 切换视口布局:支持 1x1(单图)、1x2(左右)、2x2(四宫格) MPR 按钮:伪功能,弹窗提
🚨 别再乱用will-change了!前端翻车的"性能优化"陷阱
你是不是也觉得 will-change 是性能优化的“神器”?小心被它反噬哦!本文带你揭秘 will-change 这把“双刃剑”,看看它是怎么让无数前端“翻车”的。别再迷信万能优化
CSS 实现九宫格缩放(9-slice scaling 不变形拉伸)
...通常都有一些炫酷的效果 比如这样的 这样的 还有这样的 哎等等,你发现没有,后面两张的窗口长得很相似,只是第二张比较矮,第三张比较高,那么是不是要做两张素材来支持这种形式呢?...
基于 shadcn + tailwind 4.1 的主题切换方案(附源码)
介绍 从0开始开发一个基于shadcn和tailwindcss v4.1的主题切换功能。 查看效果:页面预览 如何刚好是你想要的再读不迟 ~ 几个作用。现在很多项目都有主题切换功能,但搞的太复杂理不清
前端 leader 亲测:移动端布局用 dvh 比 100vh 节省 60% 调试时间
本文将深入解析移动端视口单位的底层逻辑,结合实战案例演示如何用 `svh`/`lvh`/`dvh` 替代传统 `vh`,让你的页面在手机端真正实现「丝滑适配」,同时附赠兼容性解决方案与选型指南,助你打
突发奇想:border: 0 和boder: none 有区别吗?🤔🤔🤔
前言 Hello~大家好。我是秋天的一阵风 在前端开发中,CSS 的边框(border)属性是网页设计中不可或缺的一部分。它能够为元素添加视觉边界,从而增强页面的层次感和美观性。然而,当我们需要移除元
为什么我不再相信 Tailwind?三个月重构项目教会我的事
前情提要:我是如何变成 Tailwind 重度用户的 作为一个多年写 CSS 的前端,我曾经深陷“命名地狱”: 什么 .container-title, .btn-primary, .form-ite