-
- CSS移动端vh单位动态适配技巧
- 移动端vh不准因iOSSafari和部分Android浏览器地址栏切换时视口高度动态变化而vh不重算；100dvh可解决但需现代浏览器支持，旧版需JS动态设置--vh变量并监听resize事件。
- 文章 · 前端 | 1星期前 | 175浏览 收藏
-
- HTML转Voila仪表盘：Jupyter快速整合教程
- Voila不支持直接渲染HTML文件，仅能将JupyterNotebook转为Web仪表盘；HTML内容须嵌入Notebook，通过%%html或IPython.display.HTML动态生成，依赖资源需CDN或显式注入，禁用eval和内联脚本。
- 文章 · 前端 | 1星期前 | 340浏览 收藏
-
- 缓存函数优化高频渲染性能技巧
- React.memo+useMemo不能直接缓存函数本身，因为React.memo仅浅比较props引用，而函数每次渲染都会生成新实例；useMemo缓存的是函数返回值而非函数本身，需用useCallback配合稳定依赖来缓存函数引用。
- 文章 · 前端 | 1星期前 | 269浏览 收藏
-
- HTML5拖拽排序实现技巧
- HTML5拖拽排序核心是dragstart中设置dataTransfer，drop时必须preventDefault；推荐用text/plain传id，用insertBefore精准插入，移动端需用SortableJS等库替代原生API。
- 文章 · 前端 | 1星期前 | 151浏览 收藏
-
- 防抖是什么？如何实现防抖函数【教程】
- 防抖是“等用户彻底停手再执行一次”，通过每次触发重置定时器实现，核心是clearTimeout清旧定时器、setTimeout延迟执行，需保存timeoutId引用并透传this和参数。
- 文章 · 前端 | 1星期前 | 133浏览 收藏
-
- HTML字符编码设置位置详解
- HTMLcharset声明必须置于<head>内第一个有效标签位置，否则浏览器可能因提前解析非ASCII字符而触发编码重载导致乱码；推荐使用<metacharset="UTF-8">而非http-equiv写法，且服务端Header优先级高于HTMLmeta。
- 文章 · 前端 | 1星期前 | 231浏览 收藏
-
- BOM电话拨号功能实现详解
- 要实现在网页上触发电话拨号功能，最直接的方式是使用tel:URI协议。1.通过HTML的<a>标签实现：如<ahref="tel:+8613800138000">拨打客服电话</a>，在移动端点击链接会自动跳转至拨号界面；2.使用JavaScript和window.location.href动态触发拨号，例如通过按钮点击事件执行window.location.href='tel:13812345678'。tel:协议之所以是最佳实践，是因为其标准化、兼容性强、用户体验一
- 文章 · 前端 | 1星期前 | 341浏览 收藏
-
- CSS弹性动画与缓动曲线应用技巧
- 用cubic-bezier(0.68,-0.55,0.27,1.55)可实现可控弹性动画，其负y1值制造初始下拉，超1的y2值产生回弹，配合单次scale关键帧与0.4s–0.8s时长达成自然效果。
- 文章 · 前端 | 1星期前 | 262浏览 收藏
-
- Redux中间件开发实战教程
- 答案：Redux中间件通过三层函数结构拦截action，在分发前执行异步处理、日志等逻辑，支持自定义功能如promise中间件，并可通过applyMiddleware集成，结合DevTools调试，需注意顺序与错误处理。
- 文章 · 前端 | 1星期前 | 306浏览 收藏
-
- CSS加载顺序与优先级解析：link标签影响关键分析
- link标签顺序决定CSS优先级，后加载的同权重规则覆盖前者；@import会破坏顺序且插入时机晚于link；preload仅加速下载不改变应用顺序；动态插入需用insertBefore确保位置；多机制叠加时应以DevToolsComputed面板为准。
- 文章 · 前端 | 1星期前 | 447浏览 收藏
-
- 字母悬停渐变高亮实现技巧
- 本文详解如何为单个字母创建30px×30px圆形悬停区域，同时保持正常态与悬停态均使用线性渐变文本色，并通过SVG遮罩+CSS混合模式实现无填充干扰的精准圆形高亮。
- 文章 · 前端 | 1星期前 | 405浏览 收藏
-
- CSS伪元素不显示的解决方法
- 伪元素未渲染的首要原因是未设置content属性；必须显式声明content（如""或""），且需确保字体加载、父元素可见、定位与层叠上下文正确，否则无法进入渲染树。
- 文章 · 前端 | 1星期前 | 210浏览 收藏
-
- JavaScript是什么？基础数据类型与运算符解析
- JavaScript是一门动态、弱类型的脚本语言，核心用途是操作DOM、响应交互、处理异步逻辑和构建界面；其7种基础数据类型为undefined、null、boolean、number、string、symbol、bigint。
- 文章 · 前端 | 1星期前 | 222浏览 收藏
-
- JSON.stringify实用技巧与避坑全解析
- JSON.stringify()易踩坑：日期变ISO字符串、函数/undefined被删、Symbol不可见、循环引用报错、BigInt需手动转字符串；需用replacer预处理，封装函数可规避多数问题。
- 文章 · 前端 | 1星期前 | 275浏览 收藏
-
- Props实现图片占位逻辑，优化用户体验
- 图片占位图应通过Props精准控制：用loading/error状态驱动渲染骨架屏/备用图，fallbackSrc实现稳定降级，aspectRatio/width/height保持布局稳定，lazyLoad开关启用原生懒加载，全面提升可控性与可测性。
- 文章 · 前端 | 1星期前 | 100浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。
- 4388次使用
-
- Any绘本
- 探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。
- 4737次使用
-
- 可赞AI
- 可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。
- 4617次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。
- 6389次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。
- 4995次使用
