欢迎访问晨星博客！

    • 当前位置： 首页 Web前端 列表
    • Web前端
    窄屏数据表如何布局：横向滚动、隐藏列与卡片化的取舍

    窄屏数据表如何布局：横向滚动、隐藏列与卡片化的取舍

    移动端的数据表格一直是个让人头疼的问题。在宽屏显示器上，表格的行列结构清晰，横向对比数据一目了然；可一旦换到手机屏幕，原本整齐的列被挤得变形...

    小牛爱奋斗 | 0
    响应式图片怎么选：用 srcset 和 sizes 让不同屏幕加载合适资源

    响应式图片怎么选：用 srcset 和 sizes 让不同屏幕加载合适资源

    页面里的图片看起来只占一小块，浏览器却可能下载了远大于实际显示需求的文件；反过来，手机屏幕像素密度较高时，过小的资源又容易显得模糊。srcs...

    小牛爱奋斗 | 0
    桌面导航如何平稳切换到移动菜单：CSS 布局与 JavaScript 交互的职责划分

    桌面导航如何平稳切换到移动菜单：CSS 布局与 JavaScript 交互的职责划分

    桌面导航切换到移动菜单，难点通常不在“把横向菜单隐藏起来”，而在于明确每一层代码应该负责什么：CSS 负责布局、显示状态和过渡效果，Java...

    小牛爱奋斗 | 0
    用原生 dialog 替换自写弹窗：哪些 JS 该删，哪些必须保留

    用原生 dialog 替换自写弹窗：哪些 JS 该删，哪些必须保留

    如果你的 WordPress 主题或插件里还保留着一套 jQuery 弹窗，改造时最容易犯的错误，是把旧代码原样搬到 <dialog&...

    小牛爱奋斗 | 0
    从视口响应到组件响应：如何利用 CSS Container Queries 打造高复用 UI 组件

    从视口响应到组件响应：如何利用 CSS Container Queries 打造高复用 UI 组件

    同一张文章卡片放进 WordPress 首页的主内容区与侧边栏，往往会暴露传统响应式设计的局限：浏览器视口明明足够宽，侧边栏里的卡片却已经挤...

    小牛爱奋斗 | 0
    表单提交后如何避免重复点击：用 JavaScript 管理按钮状态与请求反馈

    表单提交后如何避免重复点击：用 JavaScript 管理按钮状态与请求反馈

    用户连续点击“提交”按钮，通常不是因为按钮本身有问题，而是页面没有明确告诉用户：请求已经开始处理。尤其在预约、登录或下单表单中，网络稍有延迟...

    小牛爱奋斗 | 0
    position: sticky 失效了？先检查父级 overflow 与高度约束这三处

    position: sticky 失效了？先检查父级 overflow 与高度约束这三处

    写了 position: sticky 和 top: 0，预览里导航却还是跟着内容一起滚走——这种现场在主题改版、区块布局和自定义吸顶栏里特...

    小牛爱奋斗 | 0
    告别 JS 状态监听：使用 CSS :has() 选择器实现智能组件布局

    告别 JS 状态监听：使用 CSS :has() 选择器实现智能组件布局

    写过主题或插件前端的人，大概都踩过这类坑：表单校验失败要给整块区域加红框，卡片有没有封面图要切换两套布局。于是你写上 classList.a...

    小牛爱奋斗 | 0
    移动端小图标点不准？扩大点击热区却不撑破布局的 CSS 做法

    移动端小图标点不准？扩大点击热区却不撑破布局的 CSS 做法

    移动端页面上的小图标，视觉稿里看着挺精致，真机上用手指点，十次总有两三次没反应，或者干脆触发旁边那个按钮。这种问题大多不怪图标画得小，而是它...

    小牛爱奋斗 | 0
    CSS Container Queries 实战：从固定布局到组件级自适应

    CSS Container Queries 实战：从固定布局到组件级自适应

    还在用媒体查询让组件“看视口脸色”？这大概是很多前端开发者在维护老项目时最想吐槽的痛点。一个卡片组件，放在主内容区是三列网格，塞进侧边栏就得...

    小牛爱奋斗 | 0

    账号登陆

    快捷登陆
    热搜词