稀土掘金 稀土掘金
    • 首页
    • AI Coding NEW
    • 沸点
    • 课程
    • 直播
    • 活动
    • AI刷题
    • APP
      插件
      • 搜索历史 清空
        • 写文章
        • 发沸点
        • 写笔记
        • 写代码
        • 草稿箱
        创作灵感 查看更多
    • vip
      会员
关注
综合
后端
前端
Android
iOS
人工智能
开发工具
代码人生
阅读
排行榜
综合
后端
排行榜
前端
Android
iOS
人工智能
开发工具
代码人生
阅读
  • 全部
  • 前端
  • JavaScript
  • Vue.js
  • 面试
  • React.js
  • CSS
  • HarmonyOS
  • 后端
  • HTML
  • 展开
  • 全部
  • 前端
  • JavaScript
  • Vue.js
  • 面试
  • React.js
  • CSS
  • HarmonyOS
  • 后端
  • HTML
  • three.js
  • TypeScript
  • Node.js
  • AI编程
  • 架构
  • GitHub
  • 暂无数据
    • 推荐
    • 最新
  • Blob二进制处理的王者
    Blob二进制处理王者:Base64与ObjectURL的完美转换 一、Base64 Base64是一种基于64个可打印字符来表示二进制数据的编码方法。它将每3个字节(24位)的数据转换为4个Base
    • SortWorld
    • 41
    • 5
    前端 HTML JavaScript
    Blob二进制处理的王者
  • 别再用 100vh 了!移动端视口高度的终极解决方案
    作为一名前端开发者,我们一定都遇到过这样的需求:实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们,这很简单,给它一个 `height: 100vh` 就行了
    • ErpanOmer
    • 13k
    • 344
    前端 CSS HTML
    别再用 100vh 了!移动端视口高度的终极解决方案
  • 前端高手才知道的秘密:Blob 居然这么强大!
    你是否想过,网页中那些炫酷的图片、文件下载、本地预览功能背后,隐藏着怎样的“黑科技”?这一切的秘密,都藏在一个被誉为 HTML5 王者对象的神器——Blob 之中。
    • 小飞悟
    • 1.1k
    • 31
    前端 HTML JavaScript
    前端高手才知道的秘密:Blob 居然这么强大!
  • 🧊 HTML5 王者对象 Blob - 二进制世界的魔法沙漏
    Blob处理二进制数据,通过Base64解码为字节数组(Uint8Array),生成Blob对象并创建临时URL实现图片预览。注意释放ObjectURL避免内存泄漏。
    • WildBlue
    • 132
    • 11
    前端 JavaScript HTML
    🧊 HTML5 王者对象 Blob - 二进制世界的魔法沙漏
  • 别再只用 base64!HTML5 的 Blob 才是二进制处理的王者,面试常考
    前端开发中,90%的人都不知道:掌握Blob对象处理二进制数据的能力,是突破技术瓶颈的关键! 你是不是还在只用 base64 处理图片?面试官问 “如何高效处理大文件上传” 时一脸懵?其实 HTML5
    • 然我
    • 840
    • 23
    前端 面试 HTML
    别再只用 base64!HTML5 的 Blob 才是二进制处理的王者,面试常考
  • 深入CSS层叠的本质:@layer如何优雅地解决样式覆盖与!important滥用问题
    咱们做前端的,每天都有不可避免的事情—— CSS样式覆盖。 场景你一定不陌生:项目越来越大,引入了UI组件库,又来了几个新同事,大家写的CSS文件越来越多。突然有一天,产品经理让你改一个按钮的颜色,你
    • ErpanOmer
    • 86
    • 2
    前端 CSS HTML
    深入CSS层叠的本质:@layer如何优雅地解决样式覆盖与!important滥用问题
  • 深入理解 CSS 选择器:从基础到高级
    CSS(层叠样式表)是网页设计中不可或缺的一部分,它通过选择器来定位 HTML 文档中的元素,并为这些元素定义样式。掌握 CSS 选择器是前端开发的核心技能之一。本文将从最基础的选择器讲起,逐步深入到
    • 每天开心
    • 77
    • 5
    CSS AI编程 HTML
    深入理解 CSS 选择器:从基础到高级
  • 揭秘 CSS 伪元素:不用加标签也能玩转出花的界面技巧 ✨
    作为前端开发者,你是否经常遇到这样的场景:为了一个小小的箭头、一条特殊的下划线,不得不给 HTML 里塞一堆多余的标签?其实,CSS 伪元素早就为我们准备了更优雅的解决方案!
    • 呆呆的心
    • 72
    • 8
    前端 CSS HTML
    揭秘 CSS 伪元素:不用加标签也能玩转出花的界面技巧 ✨
  • “什么?视频又双叒叕不能播了!”—— 移动端视频兼容性填坑指南
    在前端领域,视频播放问题常常是让人头疼的“老大难”。最近,我就遇到了一个典型的案例,让我有机会深入剖析移动端,尤其是 iOS 设备上的视频播放兼容性问题。
    • namehu
    • 135
    • 3
    JavaScript HTML
  • Flex 布局中容易踩的那些坑,你踩过几个?
    Flex 布局中容易踩的那些坑,你踩过几个? 在日常开发中,Flex 布局几乎是写页面绕不过去的一道坎。它强大、灵活,看起来也“简单易用”,但一旦涉及复杂嵌套和内容溢出,很多同学就懵了
    • sophister
    • 102
    • 点赞
    前端 CSS HTML
    Flex 布局中容易踩的那些坑,你踩过几个?
  • 为什么越来越多 Vue 项目用起了 UnoCSS?
    Vue 开发者可能都注意到,UnoCSS 的讨论频率越来越高。它不像 Tailwind 那样有营销声势,不像 Windi 那样起得早,却在 2024 年之后逐渐“渗透”进越来越多的 Vue 项目中。很
    • ErpanOmer
    • 13k
    • 70
    前端 CSS HTML
    为什么越来越多 Vue 项目用起了 UnoCSS?
  • React 开发通关指南:用 HTML 的思维写 JS🚀🚀
    “在 JS 里写 HTML?这是什么操作?” 别慌!今天从最基础的 JSX 语法讲到 React 组件开发,用 “HTML+JS” 的混合思维带你入门,看完就能写出第一个 React 组件~ 🔍
    • 然我
    • 116
    • 10
    前端 React.js HTML
    React 开发通关指南:用 HTML 的思维写 JS🚀🚀
  • 不依赖框架,如何用 JS 实现一个完整的前端路由系统
    摘要 现在几乎所有前端项目都离不开“SPA”(单页应用)。它让整个网页加载体验更顺滑、内容切换更快。而这背后的关键技术之一,就是前端路由。本篇文章从原理出发,通过手写一个基础的前端路由类,配合实际页面
    • zhanshuo
    • 114
    • 1
    前端 JavaScript HTML
    不依赖框架,如何用 JS 实现一个完整的前端路由系统
  • CSS 实现九宫格缩放(9-slice scaling 不变形拉伸)
    ...通常都有一些炫酷的效果 比如这样的 这样的 还有这样的 哎等等,你发现没有,后面两张的窗口长得很相似,只是第二张比较矮,第三张比较高,那么是不是要做两张素材来支持这种形式呢?...
    • 德莱厄斯
    • 4.0k
    • 155
    CSS 前端 HTML
    CSS 实现九宫格缩放(9-slice scaling 不变形拉伸)
  • 浏览器一帧做些什么?
    浏览器在“一帧”(frame)中所做的工作,是指在一个渲染周期(通常为 16.7ms,对应 60fps 的刷新率)内完成的一系列任务,以确保页面流畅地显示和响应用户交互。这个过程是浏览器实现高性能动画
    • Rubin93
    • 137
    • 3
    HTML
  • 打工人必看!Flex “驯服” 前端面试,让代码像整理工位一样顺
    打工人每天整理工位,让文件、绿植、水杯各就其位,效率翻倍。前端开发里,页面布局就像 “整理代码工位”,元素乱糟糟可不行!Flex 弹性布局*就是咱们的 “布局整理术”,轻松让按钮、卡片、导航在
    • 然我
    • 127
    • 9
    HTML 面试 前端
    打工人必看!Flex  “驯服” 前端面试,让代码像整理工位一样顺
  • 打破常规布局:CSS定位的艺术与科学
    解锁CSS定位的5个魔法:static是默认画布,relative玩瞬移,absolute会隐身,fixed钉屏幕,sticky玩粘人!掌握它们,布局难题迎刃而解,页面从此灵动起来。
    • 路明非Ricardo
    • 227
    • 18
    前端 HTML
    打破常规布局:CSS定位的艺术与科学
  • 如何进行DOM操作?
    DOM操作 浏览器解析HTML文档被后会创建一颗DOM树,若要改变HTML结构,则需要通过js来操作DOM树。操作DOM其实也就是对DOM树的DOM节点进行查找、修改、删除、插入。 一、查找DOM节点
    • G等你下课
    • 79
    • 9
    JavaScript HTML
    如何进行DOM操作?
  • 深入解析WeUI Uploader组件源码:移动端上传组件实现
    本文深入分析WeUI Uploader组件源码,涵盖BEM命名规范、弹性布局、Stylus预处理器等核心技术,解析移动端上传组件的设计思路与实现细节。
    • 爱编程的喵
    • 60
    • 6
    HTML CSS 前端
    深入解析WeUI Uploader组件源码:移动端上传组件实现
  • 浮动布局揭秘:从『脱标』到BFC的现代布局艺术
    CSS浮动布局终极解密:从父容器高度塌陷的元凶到伪元素清除浮动的必杀技(display:block),再到font-size:0秒解inline-block间隙难题,让你的布局代码告别混乱,焕发新生
    • 路明非Ricardo
    • 109
    • 16
    前端 CSS HTML
    浮动布局揭秘:从『脱标』到BFC的现代布局艺术
  • 早上好!
    点亮在社区的每一天

    推荐话题 换一换

    #挑战每日一条沸点#
    #挑战每日一条沸点#

    18.4m

    #Trae叕更新了?#
    #Trae叕更新了?#

    462k

    #每日快讯#

    8.6m

    #MCP 怎么玩#

    376k

    #金石焕新程#

    2.3m

    #每天一个知识点#

    37.5m

    #工作中做得最正确的一件事#
    #工作中做得最正确的一件事#

    292k

    #新人报道#

    31.4m

    #掘金一周#

    432k

    #金石计划征文活动#
    #金石计划征文活动#

    35.0m

    查看更多
    • 用户协议
    • 营业执照
    • 隐私政策
    • 关于我们
    • 使用指南
    • 友情链接
    • 更多前端文章
    • 举报邮箱: feedback@xitu.io
    • 座机电话: 010-83434395
    • 京ICP备:18012699号-3
    • 京ICP证:京B2-20191272
    • police 京公网安备11010802026719号
    • ©2025 稀土掘金