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