-
- JS实战教学：手把手教你用FetchAPI搞定网络请求
- 使用FetchAPI发送请求的方法如下：1.基本GET请求：fetch('URL').then(response=>response.json()).then(data=>console.log(data)).catch(error=>console.error('Error:',error));2.POST请求示例：fetch('URL',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.strin
- 文章 · 前端 | 6个月前 | 478浏览 收藏
-
- CSS中em是什么？em单位详解
- em单位是相对于当前元素的字体大小计算的，但在实际应用中受父元素影响。1.em单位在响应式设计中非常有用，能随父元素变化。2.使用em可保持不同屏幕尺寸上的文字可读性。3.嵌套元素的计算复杂时，可用rem单位避免问题。4.根据需求灵活选择em和rem，CSS预处理器有助于管理em值。通过合理使用em，可以创建更具响应性和可读性的网页设计。
- 文章 · 前端 | 5个月前 | 478浏览 收藏
-
- HTML拖拽实现：JS监听dragstart与ondrop事件
- 要通过JS在HTML中实现拖拽功能，核心在于设置draggable属性并监听dragstart、dragover和drop事件。具体步骤如下：1.给需要拖拽的元素添加draggable="true"属性；2.使用JavaScript监听dragstart事件，并通过event.dataTransfer.setData()设置拖动数据；3.在目标元素上监听dragover事件并调用event.preventDefault()以允许放置；4.监听drop事件，获取拖动数据并通过appendChild等操作完成
- 文章 · 前端 | 5个月前 | html JS 478浏览 收藏
-
- JavaScript添加事件监听器教程
- 在JavaScript中，可以通过addEventListener方法为元素添加事件监听器。1）基本用法：通过addEventListener为元素添加事件监听器，如点击事件。2）多监听器支持：与onclick不同，addEventListener可以为同一个事件添加多个监听器。3）事件委托：通过在父元素上添加监听器来处理动态生成的子元素。4）移除监听器：使用removeEventListener避免内存泄漏。5）最佳实践：使用箭头函数保持this上下文。
- 文章 · 前端 | 5个月前 | 478浏览 收藏
-
- 用Vue.js开发电商网站的实战教程
- 在用Vue.js开发电商网站时，需要考虑以下关键点：1.组织项目结构，利用组件化特性拆分网站；2.使用Vuex集中管理状态，如用户信息和购物车内容；3.优化性能，考虑使用SSR提升首屏加载速度；4.处理用户登录状态，结合JWT实现无状态认证；5.使用自定义指令增强用户交互，如实现商品图片懒加载；6.进行单元测试和集成测试，确保代码质量和稳定性。
- 文章 · 前端 | 5个月前 | 478浏览 收藏
-
- HTML段落缩进怎么设置？text-indent详解
- 在HTML中实现中文段落两格缩进可以通过CSS的text-indent属性实现。具体方法是：1.使用p{text-indent:2em;}实现两格缩进，2em相当于两个汉字宽度。2.确保在不同设备和浏览器上的一致性，可以选择em单位或px单位。3.处理段落内嵌套元素时，可使用pimg,pblockquote{text-indent:0;}重置缩进。
- 文章 · 前端 | 5个月前 | 478浏览 收藏
-
- 移动端长按触发方法：setTimeout与clearTimeout实现
- 实现移动端长按事件的核心方法是监听touchstart、touchmove和touchend事件，并通过setTimeout和clearTimeout控制触发时机；1.在touchstart中记录起始时间并设置定时器；2.在touchmove中判断移动距离，若超出阈值则清除定时器以避免误触；3.在touchend中判断时间差，决定触发长按或短按；优化体验可通过调整长按阈值、使用requestAnimationFrame提高精度及加入移动容错范围来减少误判；在React或Vue等框架中，可结合状态管理和组件
- 文章 · 前端 | 5个月前 | 478浏览 收藏
-
- Vue中props与data的区别解析
- 在Vue组件中，props用于接收父组件传递的数据，data用于管理组件内部状态。使用props的情况包括：1.数据来自父级组件；2.需要根据外部变化调整行为；3.多个实例共享配置信息；使用data的情况包括：4.存储UI状态；5.表单绑定；6.不需暴露的数据。注意不要直接修改props，应通过$emit通知父组件更改；data必须是返回对象的函数以确保独立性。可以将props赋值给data初始化状态，或通过watch监听props变化并更新内部数据。常见误区包括重复声明props、直接修改props，建
- 文章 · 前端 | 5个月前 | 478浏览 收藏
-
- HTML5自定义事件教程：创建与触发方法
- 创建CustomEvent对象，2.使用dispatchEvent触发事件，3.通过addEventListener监听事件。HTML5的CustomEvent允许创建自定义事件以实现组件间解耦通信，其核心步骤包括：首先使用newCustomEvent创建事件并设置detail、bubbles、cancelable参数，其中detail用于传递数据，bubbles控制事件是否冒泡，cancelable决定事件是否可取消；然后通过dispatchEvent方法在指定DOM元素上触发该事件；最后使用addEv
- 文章 · 前端 | 5个月前 | 478浏览 收藏
-
- BOM如何全屏显示？
- 要让页面进入全屏显示，主要依赖浏览器提供的FullscreenAPI，通过调用目标元素的requestFullscreen()方法实现。1.首先需获取目标元素（如document.documentElement）并绑定用户触发事件（如按钮点击），确保全屏请求由用户主动行为发起；2.在事件处理函数中判断当前是否处于全屏状态，分别调用requestFullscreen()或exitFullscreen()方法，并兼容不同浏览器的前缀实现；3.监听fullscreenchange事件以响应全屏状态变化，同时监听
- 文章 · 前端 | 5个月前 | 478浏览 收藏
-
- HTML中aria-busy正确使用方法
- aria-busy适用于动态内容区域以提升可访问性，其使用场景包括异步加载内容、表单提交状态更新、实时数据刷新仪表板。1.异步加载内容区域：如无限滚动列表、AJAX表格或图表更新时，通过设置aria-busy="true"防止屏幕阅读器读取不完整信息；2.表单提交后的状态提示：在提交过程中标记相关区域为忙碌，避免用户误解；3.实时数据仪表板：在数据频繁更新时短暂标记忙碌以确保播报准确性。与aria-live协同时，先设aria-busy抑制过早播报，待内容稳定后移除busy属性触发live播报。正确使用需
- 文章 · 前端 | 5个月前 | 478浏览 收藏
-
- CSS弹性布局教程与实战案例
- Flexbox是一种用于构建响应式界面的CSS布局模式，其核心在于容器和项目。1.通过设置display:flex或inline-flex创建flex容器；2.使用flex-direction控制排列方向；3.justify-content设置主轴对齐方式；4.align-items设置交叉轴对齐方式；5.flex-wrap控制是否换行；6.flex属性控制伸缩行为。它是一维布局，适合单行或单列的灵活排布，与Grid的二维布局不同，更适用于简单响应式结构，结合媒体查询可实现不同屏幕下的自适应排列，且现代浏
- 文章 · 前端 | 4个月前 | 项目 容器 响应式布局 弹性布局 FLEXBOX 478浏览 收藏
-
- CSS中display属性详解与使用技巧
- display属性决定HTML元素的盒子类型及布局行为，block独占一行可设宽高，inline随文本流仅占内容宽且宽高无效，inline-block兼具inline的并排特性和block的盒模型控制；2.响应式中通过display:none隐藏元素节省空间，flex和grid则实现不同屏幕下子元素排列方向或网格结构的切换；3.高级用法如table系列模拟表格布局，list-item生成列表标记，contents使子元素直接受父容器布局管理，但需注意inline垂直间距、inline-block间隙、di
- 文章 · 前端 | 4个月前 | 478浏览 收藏
-
- 异步函数超时中断解决方案
- 处理异步函数的超时中断，核心在于引入时间限制机制以主动终止未完成的操作，避免资源占用或程序卡死。1.使用Promise.race模式：通过让异步操作与定时器Promise赛跑实现超时判断，若定时器先完成则返回超时错误，但此方法无法真正中断底层操作，仅在逻辑上“忽略”结果；2.使用AbortController：提供真正的取消机制，适用于支持AbortSignal的API（如fetch），能中止底层操作并释放资源，需在自定义函数中监听signal.aborted状态以执行清理逻辑。两者适用场景不同：Prom
- 文章 · 前端 | 4个月前 | 478浏览 收藏
-
- HTML表格本地存储技术解析与实现方法
- HTML表格数据实现本地存储的核心技术包括localStorage、sessionStorage和IndexedDB。1.localStorage适合数据量小、结构简单的场景，如用户偏好设置或小型数据缓存，通过JSON.stringify()序列化数据后存储；2.sessionStorage用于临时性数据，如多步表单中的页面状态，关闭标签页后自动清除；3.IndexedDB适用于数据量大、需复杂查询的场景，支持异步操作、事务处理和索引查询，能高效管理结构化数据；4.其他方案如ServiceWorkers结
- 文章 · 前端 | 4个月前 | 478浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。
- 3353次使用
-
- Any绘本
- 探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。
- 3564次使用
-
- 可赞AI
- 可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。
- 3594次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。
- 4717次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。
- 3968次使用
