前端技术文章
-
- HTMLiframe微前端实现全解析
- iframe是微前端的运行时集成载体，核心价值在于天然隔离子应用；但需JS动态管控生命周期、postMessage跨域通信、URL同步及错误降级等能力才能构成完整方案。
- 文章 · 前端 | 1个月前 | 479浏览 收藏
-
- HTML文本域使用方法及大小设置详解
- textarea元素用于创建多行文本输入框，通过rows和cols属性设置初始行数和列数；2.更精确的尺寸控制应使用CSS的width、height、min-width、max-width、min-height和max-height属性，并结合box-sizing:border-box确保尺寸计算准确；3.为使textarea数据在表单提交时传递，必须设置name属性，服务器通过该名称获取输入内容；4.提升用户体验的常用属性包括placeholder、readonly、disabled、maxlength
- 文章 · 前端 | 1个月前 | 289浏览 收藏
-
- HTML手风琴实现与aria-expanded使用技巧
- aria-expanded必须实时同步按钮展开状态，否则屏幕阅读器播报错误；按钮须用语义化<button>而非div+role="button"；面板容器需设role="region"且通过aria-labelledby唯一关联按钮ID；切换时同步更新aria-expanded和hidden属性。
- 文章 · 前端 | 1个月前 | 274浏览 收藏
-
- WebGL入门：JavaScript轻松上手教程
- WebGL是OpenGLES2.0在浏览器中的JavaScript绑定，需手动搭建渲染管线、传数据、写GLSL着色器；常见黑屏源于着色器编译失败、viewport未设或帧缓冲不完整。
- 文章 · 前端 | 1个月前 | 115浏览 收藏
-
- 使用“字符类预定义”匹配非 ASCII 字符的方法如下：在正则表达式中，可以使用 \P{ASCII} 来匹配所有非 ASCII 编码的字符。这个符号表示“不属于 ASCII 字符集”的字符。示例（以 Python 为例）：import re text = "Hello, 世界！" non_ascii_chars = re.findall(r'\P{ASCII}', text) print(non
- 非ASCII字符指Unicode码点超出U+0000–U+007F（即\x00–\x7F）的所有字符，包括中文、emoji、西欧重音字母等；推荐使用1并注意各语言转义与Unicode标志。\x00-\x7F↩
- 文章 · 前端 | 1个月前 | 239浏览 收藏
-
- 文件上传失败如何重试与解决方法
- 上传失败时应保存原始FileList并复用，避免清空input.value；重试调用独立上传函数传入该列表；区分可重试状态码（如500/503）或服务端retryable字段；FormDataappend须带file.name。
- 文章 · 前端 | 1个月前 | 140浏览 收藏
-
- 全选反选技巧，表单复选框交互指南
- 全选反选通过计算属性实现双向绑定：isAllChecked的getter判断已选项是否等于总数，setter根据布尔值清空或填满checkedList；单个复选框用v-model="checkedList":value="item.id"自动同步；反选用filter翻转当前状态。
- 文章 · 前端 | 1个月前 | 349浏览 收藏
-
- REM与VW单位哪个更适合移动端？
- 应优先用vw替代rem做容器级适配，rem保留用于字体层级和内边距；vw无JS依赖但需注意PC滚动条溢出及系统放大不响应问题，rem适合老旧WebView兼容场景。
- 文章 · 前端 | 1个月前 | 261浏览 收藏
-
- Array.at()轻松获取数组最后元素
- Array.prototype.at()提供简洁安全的末尾元素访问方式，支持负索引（如-1取最后一个），空数组返回undefined不报错，比arr[arr.length-1]更健壮且语义清晰。
- 文章 · 前端 | 1个月前 | 137浏览 收藏
-
- HTML倒计时实现与红色预警设置教程
- JavaScript动态计算剩余天数并用CSS控制红色预警样式，HTML仅作结构容器；HTML本身无执行能力，无法读取时间或自动更新，倒计时必须由JS每秒计算差值并刷新DOM。
- 文章 · 前端 | 1个月前 | 496浏览 收藏
-
![使用 Array.prototype.toSorted 可以获取一个排序后的新数组，而不会修改原始数组的顺序。这个方法返回一个新数组，原数组保持不变。示例：const originalArray = [3, 1, 2];
const sortedArray = originalArray.toSorted();
console.log(originalArray); // [3, 1, 2]（未](/uploads/20260509/177834077469ff53a625dfb.png)
- 使用 Array.prototype.toSorted 可以获取一个排序后的新数组，而不会修改原始数组的顺序。这个方法返回一个新数组，原数组保持不变。示例：const originalArray = [3, 1, 2]; const sortedArray = originalArray.toSorted(); console.log(originalArray); // [3, 1, 2]（未
- Array.prototype.toSorted是ES2024新增方法，返回排序后新数组而不修改原数组；它通过默认字符串排序或自定义compareFn实现安全、不可变的排序，兼容现代浏览器，旧环境可手动实现。
- 文章 · 前端 | 1个月前 | 261浏览 收藏
-
- CSSGrid网格对齐技巧全解析
- 答案：通过justify-items、align-items、justify-content、align-content及justify-self、align-self等属性，可精确控制CSSGrid中子元素的对齐方式。1.网格容器上使用justify-items和align-items设置子项在单元格内的横向与纵向对齐；2.使用justify-content和align-content控制整个网格在容器内的分布；3.单个子项可通过justify-self和align-self覆盖全局设置；4.注意行轴与
- 文章 · 前端 | 1个月前 | 288浏览 收藏
-
- 优化移动端体验的HTML实用技巧
- 移动端体验差八成源于HTML结构未适配移动场景，需用语义化标签替代div堆叠、精简首屏HTML体积、确保触摸目标≥48×48px、配置完整viewport及防干扰meta标签，并真机测试辅助技术可用性。
- 文章 · 前端 | 1个月前 | 269浏览 收藏
-
- CSS变量统一管理过渡时长技巧
- 直接写transition-duration:0.3s无效，因必须与transition-property或完整transition简写共用；硬编码导致维护混乱，应使用语义化CSS变量（如--transition-fast）并按场景选用。
- 文章 · 前端 | 1个月前 | 436浏览 收藏
-
- Vue3动态路由404失效解决方法
- VueRouter的通配符/:pathMatch(.*)*无法捕获已匹配动态路由（如/movie/:id）的非法参数请求，需结合参数正则约束、服务端响应拦截与路由守卫实现真正可靠的404处理。
- 文章 · 前端 | 1个月前 | 363浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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推荐
-
- ljg-skills
- ljg-skills 是李继刚开源的 AI 技能与提示词集合，面向大模型使用者整理了一批可复用的 prompt、角色设定和任务技能模板，适合用于学习提示词设计、搭建个人 AI 工作流和沉淀团队常用智能体能力。
- 130次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手，对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐，MELO为你免费谱曲，轻松做同款！
- 150次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具，支持上传音频、视频文件或粘贴 YouTube 链接，自动生成转写文本、摘要、思维导图和关键问题，并支持多格式导出，适合会议记录、课程学习、访谈整理和内容创作复盘。
- 129次使用
-
- 剧云
- 剧云是专业中文剧本创作平台，安全稳定运行十余年，集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。
- 284次使用
-
- 万象有声
- 万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！
- 287次使用
