-
- CSS平板布局乱？Flex+Grid+媒体查询搞定
- 平板端布局混乱主因是响应式设计忽略中等屏幕；2.使用Flexbox的flex-wrap和min-width确保元素弹性与换行；3.采用CSSGrid的minmax()与auto-fit实现自适应列数；4.添加768px–1024px针对性媒体查询调整布局细节；5.配合相对单位如%、rem、fr提升整体适配性。
- 文章 · 前端 | 2天前 | 289浏览 收藏
-
- HTML原生颜色选择器使用教程
- 原生<inputtype="color">在Safari≤15.3、EMUI12、MIUI13等环境下静默降级为文本框或黑块；检测需用document.createElement('input').type='color'判断返回值是否仍为"color"。
- 文章 · 前端 | 7小时前 | 289浏览 收藏
-
- 如何利用 URL.createObjectURL() 实现前端纯 JS 的海量报表数据导出为 Excel 文件的功能
- URL.createObjectURL()仅创建Blob的临时访问链接，无法生成Excel文件；真正导出需先构造符合.xlsx格式的二进制数据（依赖SheetJS等库）或规范CSV字符串。
- 文章 · 前端 | 4星期前 | 288浏览 收藏
-
- 如何创建html表单_HTML表单（form/input）创建与字段设置方法
- 使用form标签定义表单结构，设置action、method等属性；2.添加input字段并指定type类型如text、password、email等；3.用label提升可访问性，确保点击文字可激活输入框；4.结合textarea、select、button等控件完善功能。正确使用name属性和语义化标签是关键。
- 文章 · 前端 | 4星期前 | 288浏览 收藏
-
- 如何用JavaScript操作文件_File API怎么使用
- JavaScript无法直接读写本地文件系统，仅能通过FileAPI操作用户主动选择的文件；需用input[type="file"]获取File对象，再通过FileReader异步读取内容，注意兼容性与大文件处理。
- 文章 · 前端 | 3星期前 | 288浏览 收藏
-
- HTML5全屏API使用教程详解
- Element.requestFullscreen()必须由用户手势（如click）同步触发，禁止在onload、setTimeout或异步回调中调用；iframe需添加allow="fullscreen"；整页全屏用document.documentElement.requestFullscreen()；退出时监听fullscreenchange并用dvh单位防布局跳变。
- 文章 · 前端 | 3星期前 | 288浏览 收藏
-
- HTML中的manifest.json文件主要用于定义PWA（渐进式网页应用）的元信息，如应用名称、图标、启动URL等。不过，manifest.json本身并不支持直接配置“快捷方式”（shortcuts），这是浏览器对PWA的一种扩展功能，需要结合其他技术实现。但如果你是指如何在PWA中添加应用快捷方式入口（即用户点击桌面或开始菜单时能直接启动应用的快捷方式），那么你需要使用 Web App M
- shortcuts字段必须是顶层非空数组，每项须含name和url（相对路径），且url需符合scope范围；Android要求显式配置icons，否则显示空白。
- 文章 · 前端 | 3星期前 | 288浏览 收藏
-
- 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.注意行轴与
- 文章 · 前端 | 3星期前 | 288浏览 收藏
-
- 容器内等间距水平排列技巧
- justify-content没生效最常见原因是父容器未设display:flex；它仅对flex容器有效，且需主轴方向有足够剩余空间，子元素不能脱离文档流或被float/absolute干扰。
- 文章 · 前端 | 2星期前 | 288浏览 收藏
-
- Map与Set的高效应用技巧
- Map和Set在JavaScript中提供高效数据操作。1.Map支持任意类型键、避免命名冲突并保持插入顺序，适用于对象键存储、缓存等场景；2.Set自动去重，可用于数组去重、集合运算及状态标记；实际应用如缓存异步请求、去重事件监听器，提升代码安全性与可读性。
- 文章 · 前端 | 2星期前 | 288浏览 收藏
-
- HTML5项目经验怎么写？详细攻略分享
- HTML5项目经验需聚焦真实问题：如用<picture>+srcset实现多分辨率图片适配，设viewport解决iOS双击缩放并权衡可访问性，ServiceWorker+CacheAPI实现离线策略，Canvas/WebAudio性能优化及兼容性取舍。
- 文章 · 前端 | 1星期前 | 288浏览 收藏
-
- JavaScript按钮点击事件怎么处理
- JavaScript事件是交互的触发机制，需用addEventListener绑定并确保DOM就绪；阻止默认行为用e.preventDefault()；重复触发常因监听器重复添加，可用once选项或事件委托解决。
- 文章 · 前端 | 1星期前 | 288浏览 收藏
-
- Reflect.getOwnPropertyDescriptor 跨 Realm 属性探测方法
- Reflect.getOwnPropertyDescriptor不能跨Realm使用，因为每个Realm有独立的全局对象和内置构造函数，目标对象在当前Realm中不可见或仅为代理句柄，无法直接调用该方法。
- 文章 · 前端 | 6天前 | 288浏览 收藏
-
- 如何将index.html变为动态网页？
- 动态网页的本质是运行时生成内容，而非仅改文件后缀；前端最常用方式是JavaScript操作DOM并配合fetch加载数据，服务端动态需对应环境支持。
- 文章 · 前端 | 5天前 | 288浏览 收藏
-
- CSS3D魔方旋转制作详解
- transform-style:preserve-3d是魔方旋转的前提，不加则子元素被强制扁平渲染，Z轴位移和旋转全失效；必须作用于魔方容器（如.cube），并配合外层容器设置perspective以建立真实3D空间。
- 文章 · 前端 | 3天前 | 288浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。
- 5887次使用
-
- Any绘本
- 探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。
- 6320次使用
-
- 可赞AI
- 可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。
- 6129次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。
- 8100次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。
- 6560次使用
