• Promise.reject错误处理详解
    Promise.reject错误处理详解
    Promise.reject用于明确标记Promise为拒绝状态,提供主动且清晰的错误信号。它与在Promise构造器中throw错误不同:前者是直接返回已拒绝Promise的静态方法,适用于异步逻辑中主动拒绝;后者是同步抛出错误,自动触发拒绝。使用Promise.reject时应配合catch统一处理链式错误,避免未处理拒绝,确保每个Promise链末尾都有catch或try...catch,也可通过全局监听unhandledrejection作为最后防线。finally用于资源清理,不处理错误但保证执
    文章 · 前端   |  1星期前  |   184浏览 收藏
  • HTML5蓝牙连接教程:WebBluetoothAPI使用指南
    HTML5蓝牙连接教程:WebBluetoothAPI使用指南
    WebBluetoothAPI允许网页直接与BLE设备通信,核心目的是实现Web技术与物理世界的互动。1.使用时需确保浏览器支持(如Chrome、Edge),并由用户主动触发连接;2.通过navigator.bluetooth.requestDevice()选择设备,配合filters参数精准筛选目标设备;3.连接GATT服务器后获取服务及特征,支持读写数据或监听通知;4.典型场景包括健康监测、智能家居控制等,但仅支持BLE、兼容性有限、需HTTPS环境;5.处理异常需捕获错误并提供用户反馈,监听断开事件
    文章 · 前端   |  1星期前  |   240浏览 收藏
  • JS获取鼠标位置的正确方法
    JS获取鼠标位置的正确方法
    要精确获取鼠标位置,应根据需求选择pageX/pageY、clientX/clientY或screenX/screenY;1.使用mousemove事件可实时追踪鼠标位置,其中pageX/pageY返回相对于文档的坐标(含滚动),clientX/clientY返回相对于视口的坐标;2.为兼容旧浏览器,可用event.pageX||event.clientX+document.documentElement.scrollLeft的方式计算文档坐标;3.mousedown、mouseup、click等事件也可
    文章 · 前端   |  1星期前  |   requestAnimationFrame 鼠标坐标 mousemove事件 pageX/pageY clientX/clientY 469浏览 收藏
  • CSS伪类选择器:按语言选元素技巧
    CSS伪类选择器:按语言选元素技巧
    :lang()伪类可根据HTML的lang属性为不同语言应用特定样式。例如:1.设置不同字体,如英文用Arial,中文用微软雅黑;2.调整排版细节,如英文启用连字符,中文禁用;3.控制引号样式,如英文用直引号,中文用弯引号;4.需正确设置lang属性,可全局或局部声明;5.适用于多语言网站微调样式,如英文段落增加字间距,中文优化文字间距。
    文章 · 前端   |  1星期前  |   150浏览 收藏
  • HTML文件后缀名是什么?常见HTML扩展名有哪些
    HTML文件后缀名是什么?常见HTML扩展名有哪些
    .html和.htm在功能上无区别,均能被浏览器正确解析;1.区别源于历史原因:早期操作系统限制后缀名为三字符,故用.htm,后随着系统发展,.html成为更常用标准;2.现代推荐使用.html,因其更符合现代规范且更普遍;3.HTML文件基本结构包括<!DOCTYPEhtml>、<html>、<head>、<metacharset="UTF-8">、<title>和<body>等标签;4.可使用记事本、VSCod
    文章 · 前端   |  1星期前  |   html 文件后缀名 .html .htm 基本结构 135浏览 收藏
  • CSS固定表格列:粘性定位实用技巧
    CSS固定表格列:粘性定位实用技巧
    在CSS中使用position:sticky实现数据表格的冻结列是一种现代且高效的解决方案。1.核心方法是为需要冻结的列应用position:sticky并设置left值,使列在水平滚动时保持固定;2.需要为表格包裹容器设置overflow-x:auto,以提供滚动上下文;3.冻结多列时需合理设置z-index确保层叠顺序,并为每个冻结列指定不同的left值以避免重叠;4.必须为冻结列设置背景色,防止内容透视问题;5.使用sticky时需注意祖先元素不能有影响滚动上下文的overflow、transfor
    文章 · 前端   |  1星期前  |   156浏览 收藏
  • HTML5文件是什么?怎么编辑HTML内容?
    HTML5文件是什么?怎么编辑HTML内容?
    HTML5文件是遵循HTML5标准的网页文档,其核心在于提供更丰富的语义化结构和多媒体支持。1.修改HTML内容需直接编辑源代码,使用文本编辑器或开发者工具调整标签、属性和文本,并通过浏览器实时预览效果;2.HTML5与旧版的核心差异在于引入了语义化标签(如<header>、<nav>、<article>等),增强了页面结构的可读性,同时原生支持<video>和<audio>标签,无需插件即可播放多媒体,还新增Canvas、SVG、WebStor
    文章 · 前端   |  1星期前  |   182浏览 收藏
  • HTML实现机器学习?TensorFlow.js三种入门示例
    HTML实现机器学习?TensorFlow.js三种入门示例
    在HTML中实现机器学习主要通过TensorFlow.js库实现,具有即时性、隐私保护、减轻服务器负担和离线可用等优势。1.引入TensorFlow.js和相关模型库,通过<script>标签加载CDN链接;2.使用JavaScript操作tf全局对象,加载预训练模型(如MobileNet)进行图像识别;3.可在浏览器中定义神经网络结构并调用model.fit()方法训练模型;4.数据保留在本地,提升隐私安全并减少传输延迟;5.浏览器端计算降低服务器压力,提高可扩展性;6.支持离线使用,适用于
    文章 · 前端   |  1星期前  |   173浏览 收藏
  • HTML历史与正确使用方法详解
    HTML历史与正确使用方法详解
    HTML的历史演变经历了从HTML1.0到HTML5的持续发展,1.0用于简单文本共享,2.0引入表单实现交互,3.2增加表格和高级格式,4.01实现标准化并引入CSS控制样式,随后XHTML基于XML提升结构严谨性但因兼容问题未完全取代HTML,最终HTML5成为现代Web标准,引入语义化标签如<article>、<nav>、<footer>,支持<video>和<audio>多媒体元素,并提供Canvas和WebStorage等新API以构建
    文章 · 前端   |  1星期前  |   html HTML5 浏览器兼容性 doctype 历史演变 296浏览 收藏
  • 事件循环:JavaScript异步核心机制
    事件循环:JavaScript异步核心机制
    JavaScript单线程与异步共存靠事件循环实现:引擎将异步任务交给宿主环境处理,完成后回调入队,事件循环在调用栈空时执行队列回调;2.宏任务(如setTimeout)每轮循环执行一个,微任务(如Promise)在宏任务后立即清空,优先级更高;3.理解该机制可避免阻塞主线程、精准控制异步顺序、优化UI响应和调试异步问题,从而提升性能与用户体验。
    文章 · 前端   |  1星期前  |   219浏览 收藏
  • HTML动画方向设置:animation-direction详解
    HTML动画方向设置:animation-direction详解
    animation-direction属性用于控制CSS动画的播放方向,其常用值包括normal、reverse、alternate和alternate-reverse。1.normal为默认值,动画始终正向播放;2.reverse让动画始终反向播放;3.alternate在奇数次正播、偶数次倒播,形成来回效果;4.alternate-reverse则首次播放即为反向。该属性常用于实现循环动画中的方向变化,如来回移动的提示框或加载动画。使用时需配合animation-name、animation-dura
    文章 · 前端   |  1星期前  |   445浏览 收藏
  • HTML简单页脚制作教程
    HTML简单页脚制作教程
    一个“到位”的页脚应包含版权声明、法律链接、联系方式、辅助导航、社交媒体和网站地图;1.版权声明体现专业性;2.隐私政策和服务条款等法律链接保障合规;3.联系方式或链接提升用户信任;4.辅助导航补充主菜单未涵盖的重要页面;5.社交媒体链接增强品牌互动;6.网站地图便于用户与搜索引擎查找内容;设计时需围绕“用户最后需要什么”来组织信息,避免堆砌。为实现响应式,应使用媒体查询在小屏幕上调整布局,通过Flexbox设置flex-wrap:wrap允许换行,并在屏幕宽度小于768px时改为flex-directi
    文章 · 前端   |  1星期前  |   461浏览 收藏
  • CSS行高设置与优化技巧
    CSS行高设置与优化技巧
    调整CSS行高通过line-height属性实现,影响文本垂直间距与可读性。设置方法包括像素值、倍数、百分比、em/rem单位及默认值normal;常见问题如样式覆盖、继承错误、元素类型限制可通过开发者工具检查解决;line-height还可用于单行文本垂直居中,将行高等于元素高度即可;合适的行高建议为字体大小的1.4到1.8倍,提升排版美观与阅读体验。
    文章 · 前端   |  1星期前  |   345浏览 收藏
  • HTML表格制作三步教程
    HTML表格制作三步教程
    创建HTML表格需使用<table>、<tr>、<td>三个基础标签,1.用<table>定义表格容器,可设置边框、宽度等属性;2.用<tr>在表格中添加行;3.用<td>在行中添加单元格;可通过colspan和rowspan实现横向或纵向合并单元格;建议使用<th>定义表头以增强结构清晰度,使用<caption>添加表格标题;推荐通过CSS控制样式,如使用border设置边框、border-collapse合
    文章 · 前端   |  1星期前  |   响应式布局 CSS样式 `` 159浏览 收藏
  • 生成器如何影响JavaScript事件循环?
    生成器如何影响JavaScript事件循环?
    生成器函数通过协作式暂停和恢复执行,间接避免阻塞主线程。1.生成器函数使用function*声明,调用时返回迭代器对象,通过next()方法控制执行流程;2.每次调用next(),生成器执行到yield表达式暂停,并将控制权交还调用者;3.在yield暂停时,事件循环有机会处理其他微任务或宏任务;4.生成器本身是同步的,但通过手动分解任务并在关键点yield,可显式释放主线程;5.async/await基于生成器和Promise实现,自动化恢复执行,而生成器需手动调用next();6.两者均提供同步化异步
    文章 · 前端   |  1星期前  |   274浏览 收藏
查看更多
课程推荐
  • 前端进阶之JavaScript设计模式
    前端进阶之JavaScript设计模式
    设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
    542次学习
  • GO语言核心编程课程
    GO语言核心编程课程
    本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
    511次学习
  • 简单聊聊mysql8与网络通信
    简单聊聊mysql8与网络通信
    如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
    498次学习
  • JavaScript正则表达式基础与实战
    JavaScript正则表达式基础与实战
    在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
    487次学习
  • 从零制作响应式网站—Grid布局
    从零制作响应式网站—Grid布局
    本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
    484次学习
  • Golang深入理解GPM模型
    Golang深入理解GPM模型
    Golang深入理解GPM调度器模型及全场景分析,希望您看完这套视频有所收获;包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
    474次学习
查看更多
AI推荐
  • 千音漫语:智能声音创作助手,AI配音、音视频翻译一站搞定!
    千音漫语
    千音漫语,北京熠声科技倾力打造的智能声音创作助手,提供AI配音、音视频翻译、语音识别、声音克隆等强大功能,助力有声书制作、视频创作、教育培训等领域,官网:https://qianyin123.com
    168次使用
  • MiniWork:智能高效AI工具平台,一站式工作学习效率解决方案
    MiniWork
    MiniWork是一款智能高效的AI工具平台,专为提升工作与学习效率而设计。整合文本处理、图像生成、营销策划及运营管理等多元AI工具,提供精准智能解决方案,让复杂工作简单高效。
    167次使用
  • NoCode (nocode.cn):零代码构建应用、网站、管理系统,降低开发门槛
    NoCode
    NoCode (nocode.cn)是领先的无代码开发平台,通过拖放、AI对话等简单操作,助您快速创建各类应用、网站与管理系统。无需编程知识,轻松实现个人生活、商业经营、企业管理多场景需求,大幅降低开发门槛,高效低成本。
    171次使用
  • 达医智影:阿里巴巴达摩院医疗AI影像早筛平台,CT一扫多筛癌症急慢病
    达医智影
    达医智影,阿里巴巴达摩院医疗AI创新力作。全球率先利用平扫CT实现“一扫多筛”,仅一次CT扫描即可高效识别多种癌症、急症及慢病,为疾病早期发现提供智能、精准的AI影像早筛解决方案。
    173次使用
  • 智慧芽Eureka:更懂技术创新的AI Agent平台,助力研发效率飞跃
    智慧芽Eureka
    智慧芽Eureka,专为技术创新打造的AI Agent平台。深度理解专利、研发、生物医药、材料、科创等复杂场景,通过专家级AI Agent精准执行任务,智能化工作流解放70%生产力,让您专注核心创新。
    187次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码