-
- 跨框架组件库设计与架构解析
- 答案：通过WebComponents封装组件，结合设计系统与CSS变量确保一致性，为各框架提供轻量适配层，实现跨框架复用。
- 文章 · 前端 | 1星期前 | 132浏览 收藏
-
- 如何打开HTML文件在浏览器查看
- HTML文件可在浏览器中通过五种方式打开：一、双击直接运行；二、右键选择浏览器打开；三、拖拽至浏览器窗口；四、地址栏输入file:///绝对路径；五、用VSCode的LiveServer启动本地HTTP服务。
- 文章 · 前端 | 1星期前 | 486浏览 收藏
-
- JavaScript中Promise的作用与使用方法
- Promise是ES6引入的内置对象，用于规范异步操作，具有pending/fulfilled/rejected三种不可逆状态；通过newPromise()创建，支持链式调用、值穿透及Promise.all/race/resolve/reject等静态方法。
- 文章 · 前端 | 1星期前 | 455浏览 收藏
-
- CSS多边框设计技巧详解
- border-width是实现多边框效果的基础，需结合box-shadow、outline或伪元素技术；通过设置border-width控制内层边框粗细，利用box-shadow扩展值模拟外层边框，或用outline添加非占位外框，亦可通过伪元素绝对定位实现多层独立边框，每层border-width可单独调整，从而精准构建复杂边框层次。
- 文章 · 前端 | 1星期前 | CSS 边框设计 227浏览 收藏
-
- HTML视频多格式支持与标签使用详解
- 答案：为确保网页视频兼容性，应使用video标签并列提供MP4和WebM格式源文件。浏览器按顺序尝试加载source标签中的视频，优先选择支持的格式；MP4（H.264+AAC）兼容性最好，WebM（VP9+Opus）为开源推荐格式，OGG仅用于旧版浏览器；通过controls显示控制条，width、height或CSS设置尺寸，type属性声明MIME类型，内部文字作为不支持时的降级提示；建议用FFmpeg转换视频，预加载metadata节省流量，结合autoplaymuted实现自动播放，配合响应式设
- 文章 · 前端 | 1星期前 | HTML视频 source标签 499浏览 收藏
-
- JavaScript递归怎么用？递归函数写法详解
- 递归是函数调用自身解决问题的技巧，需满足基础情况（终止条件）和递归情况（规模递减），典型步骤为确定basecase、找出递推关系并编码实现，常见陷阱包括缺失basecase或未缩小问题规模。
- 文章 · 前端 | 1星期前 | 429浏览 收藏
-
- HTML字体变色方法与配色技巧
- 可通过内联style、span标签、内部CSS、外部CSS文件及CSS变量五种方式设置网页文字颜色：分别适用于单元素着色、局部变色、批量控制、多页复用和动态主题切换。
- 文章 · 前端 | 1星期前 | 342浏览 收藏
-
- HTML5文本搜索与匹配查找实现方法
- 答案：可通过JavaScript实现HTML5文件内文本搜索，利用正则表达式增强匹配能力，构建索引提升性能，并使用WebWorkers避免界面阻塞。
- 文章 · 前端 | 1星期前 | HTML5 185浏览 收藏
-
- HTML5图标隐藏方法与CSS技巧
- 可通过移除icon标签、设href为空或dataURL、配置HTTP响应头禁用请求、或使用1×1透明PNG图标四种方法隐藏HTML5页面图标。
- 文章 · 前端 | 1星期前 | 108浏览 收藏
-
- 移动端手势交互设计全攻略
- 移动端手势交互需基于touchstart、touchmove、touchend事件实现，通过记录坐标与时间判断滑动、长按、双击、拖拽等操作，结合阈值控制、preventDefault谨慎调用、requestAnimationFrame优化及单指优先策略提升体验，可封装工具函数或使用Hammer.js、use-gesture等库简化开发，核心是准确识别用户意图并给予及时反馈。
- 文章 · 前端 | 1星期前 | 404浏览 收藏
-
- 闭包是什么？为什么重要？
- 闭包是内部函数记住并访问外部函数局部变量形成的持久引用环境。需满足嵌套函数、内部函数被外部保留、实际访问外部变量三条件，用于模拟私有变量、保持状态、模块化及异步上下文，但需注意内存与性能问题。
- 文章 · 前端 | 1星期前 | 328浏览 收藏
-
- Flexbox纵向布局教程详解
- flex-direction:column未生效主因是父容器未设display:flex或被float、absolute等破坏Flex上下文；子项不占满高度需用flex:1而非height；height:100%失效常因嵌套中某层缺高度，推荐min-height:100vh。
- 文章 · 前端 | 1星期前 | 485浏览 收藏
-
- CSSGrid表单布局技巧分享
- 使用grid-template-areas可直观实现表单分组布局，通过命名区域并在容器中定义网格结构，如"usernameusername""emailphone"等，结合grid-area将元素对应到指定区域，利用grid-template-columns设置列宽并配合媒体查询在小屏下切换为单列，实现响应式布局，结构清晰且易于维护。
- 文章 · 前端 | 1星期前 | 257浏览 收藏
-
- 100vh是什么？CSS中vh单位详解
- 100vh在CSS中代表视口高度的100%，常用于创建全屏布局和确保元素高度与视口一致。100vh适应浏览器窗口大小变化，适用于响应式设计，但需注意移动设备上的视口计算问题。
- 文章 · 前端 | 1星期前 | 195浏览 收藏
-
- Promise.then是微任务吗？详解事件循环优先级
- Promise.then是微任务。JavaScript事件循环中，宏任务（如setTimeout）和微任务（如Promise.then）的执行顺序为：当前宏任务执行完后，事件循环会清空所有微任务，再执行下一个宏任务。这意味着Promise.then的回调会比setTimeout更快执行。例如，同步代码执行完后，Promise.then的回调会立即执行，优先于setTimeout的回调。Promise链式调用时，每个.then回调都会作为微任务依次加入队列，确保它们连续执行而不被宏任务打断，从而保持异步操作
- 文章 · 前端 | 1星期前 | 457浏览 收藏
查看更多
课程推荐
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。
- 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。
- 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让
- 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。
- 485次学习
-
- Golang深入理解GPM模型
- Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
- 474次学习
查看更多
AI推荐
-
- ChatExcel酷表
- ChatExcel酷表是由北京大学团队打造的Excel聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。
- 3646次使用
-
- Any绘本
- 探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。
- 3909次使用
-
- 可赞AI
- 可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。
- 3852次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。
- 5021次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。
- 4226次使用
