-
- HTML5边框设置技巧大全
- HTML5中可通过border简写、四边独立设置、border-radius圆角、border-image图片边框及transparent/none透明隐藏等五种方式实现丰富边框效果。
- 文章 · 前端 | 5天前 | HTML5 304浏览 收藏
-
- 提升HTML下拉菜单可访问性方法
- 传统下拉菜单在无障碍访问方面存在挑战，主要因其常依赖视觉交互而忽视键盘和屏幕阅读器用户的需求。原生<select>元素虽具良好无障碍特性，但样式受限，导致开发者倾向自定义实现，却常忽略内置的键盘导航与ARIA属性支持。自定义菜单若缺乏语义化结构、WAI-ARIA角色与状态定义，以及键盘交互逻辑，将无法被辅助技术正确识别与操作。为增强可访问性，需1）优先使用原生元素或严格遵循无障碍标准构建自定义菜单；2）应用role="combobox"、aria-haspopup、aria-expanded等
- 文章 · 前端 | 5天前 | 337浏览 收藏
-
- Promise链中如何停止后续then执行
- 本文旨在探讨在JavaScriptPromise链中，当catch块捕获到错误后，如何阻止后续的then块继续执行。我们将分析catch块的默认行为，并提供两种有效的解决方案：一是将catch放置在链的末尾以统一处理错误；二是利用Promise.reject()在catch内部显式地重新抛出拒绝状态，从而中断后续的成功处理逻辑，并讨论其潜在影响。
- 文章 · 前端 | 5天前 | 449浏览 收藏
-
- Webpack打包提速技巧分享
- 使用DLL或硬缓存可提升依赖库构建速度，避免重复处理稳定第三方库；通过include和exclude优化Loader处理范围，并启用babel-loader缓存；合理配置resolve.extensions、alias和modules减少路径查找；利用thread-loader和terser-webpack-plugin开启多进程并行构建，结合缓存、排除与并行策略显著提升Webpack打包效率。
- 文章 · 前端 | 5天前 | Webpack 打包速度 130浏览 收藏
-
- JavaScript事件循环：宏任务与微任务解析
- JavaScript通过事件循环实现异步，宏任务与微任务决定执行顺序；2.每个宏任务后立即执行所有微任务；3.微任务优先级高于宏任务，如Promise.then在setTimeout前执行。
- 文章 · 前端 | 5天前 | 事件循环 212浏览 收藏
-
- CSS遮罩层太生硬？用opacity+transform做柔和动画
- 遮罩层生硬的核心问题是仅用display:none或opacity线性过渡，应改用opacity配合transform:scale(0.95→1)和ease-out动画，并添加translateZ(0)启用GPU加速，进出动效需对称。
- 文章 · 前端 | 5天前 | 173浏览 收藏
-
- HTML背景与边框样式设置教程
- 可通过CSS的background和border属性实现背景色、背景图及边框效果：一、用background-color设纯色背景，支持十六进制、RGB、rgba；二、用background-image设背景图，配合repeat和position控制平铺与定位；三、用border-radius设圆角；四、用border简写或单独属性设边框样式；五、组合使用并用background-clip、background-origin精确控制绘制区域。
- 文章 · 前端 | 5天前 | 155浏览 收藏
-
- CSSpadding与背景色搭配技巧
- 合理运用padding与背景色可提升视觉效果和用户体验。1.为文本元素设置padding和背景色增强可读性和舒适度，如按钮和提示框；2.通过统一padding和背景色实现视觉分组与层次，用于卡片布局和导航菜单；3.注意box-sizing影响，推荐使用border-box避免布局错位；4.渐变背景结合足够padding创造柔和过渡，避免文字位于高对比区域。保持一致性并关注盒模型是关键。
- 文章 · 前端 | 5天前 | 100浏览 收藏
-
- Windows沙盒测试HTML恶意代码方法
- 使用WindowsSandbox可安全测试可疑HTML代码。首先通过“启用或关闭Windows功能”开启WindowsSandbox并重启，随后创建test.html文件并拖入沙盒运行；可通过配置NoNetworkSandbox.wsb文件禁用网络，防止恶意代码外联，测试后关闭沙盒即可彻底清除痕迹。
- 文章 · 前端 | 5天前 | 299浏览 收藏
-
- Flexbox按钮组布局技巧分享
- 使用Flexbox结合flex-wrap和gap属性可实现响应式按钮组布局，通过display:flex启用弹性布局，flex-wrap:wrap允许按钮换行，gap设置间距，避免兼容性问题可用margin替代，配合媒体查询在小屏下切换为垂直排列并调整间距，提升多设备适配性与用户体验。
- 文章 · 前端 | 5天前 | 492浏览 收藏
-
- CSS动画：animate.css与关键帧联动技巧
- 可通过自定义@keyframes与Animate.css类结合实现灵活动画：1.理解Animate.css基于@keyframes和类名触发；2.添加自定义动画如shake-custom并创建对应类；3.用JavaScript控制动画顺序，如先fadeIn再shake-custom；4.覆盖默认样式调整时长或缓动函数。结合使用需注意命名冲突与时长协调。
- 文章 · 前端 | 5天前 | 217浏览 收藏
-
- 函数式编程教程：JavaScript进阶指南
- 函数式编程通过纯函数、不可变性和函数组合提升代码质量。在JavaScript中，利用map、filter、reduce等方法实现链式调用，避免副作用，确保相同输入始终返回相同输出。使用函数组合和柯里化增强函数复用性与灵活性，使逻辑更清晰、系统更易测试和维护。
- 文章 · 前端 | 5天前 | 函数式编程 238浏览 收藏
-
- 如何运行HTML网页？新手教程分享
- 直接双击HTML文件可在浏览器中运行静态网页；推荐用VSCode的LiveServer插件实现实时预览；需AJAX等功能时应搭建本地服务器，如Python或Node.js。
- 文章 · 前端 | 5天前 | 392浏览 收藏
-
- Flexbox与Grid布局切换卡顿解决方法
- 响应式布局从两栏到单栏切换不平滑，主要因尺寸突变、断点设置不合理或Flexbox与Grid行为不一致。通过统一断点控制（如@media(max-width:768px)切换单栏，min-width:769px保持双栏），结合Flexbox的flex-wrap与width调整实现基础响应式布局，利用Grid的repeat(auto-fit,minmax(300px,1fr))实现列宽自适应，避免硬性断点导致的跳变。同时在.container上添加transition:opacity0.3sease,tran
- 文章 · 前端 | 5天前 | CSS响应式 两栏单栏布局 183浏览 收藏
-
- Tippy.js解决Chrome视频自动播放难题
- 本文旨在解决在Tippy.js工具提示中嵌入HTML5视频时，视频在Chrome浏览器中无法自动播放的问题，即便已设置autoplay、muted和playsinline属性。我们将探讨导致此现象的原因，并提供一种可靠的解决方案，通过利用Tippy.js的onShow事件结合setTimeout函数，手动触发视频播放，确保在动态内容环境中视频能够按预期自动播放。
- 文章 · 前端 | 5天前 | 188浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。
- 3343次使用
-
- Any绘本
- 探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。
- 3555次使用
-
- 可赞AI
- 可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。
- 3587次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。
- 4712次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。
- 3960次使用
