全部内容
element-ui dialog 弹窗增加全屏功能实现指南

本文详细介绍如何在 element-ui 的 dialog 组件中实现全屏切换功能。通过定义全局状态变量控制显示状态,利用 slot 自定义标题栏并绑定点击事件,配合 CSS 样式调整布局,最终实现点击图标即可在普通与全屏模式间自由切换的效果。

10.25
热度 439
JavaScript Fetch API 请求与响应拦截实现指南

本文详解如何在 JavaScript 中实现 Fetch API 的请求与响应拦截。由于原生 Fetch 不支持拦截器,文章介绍了通过猴子补丁重写 window.fetch 以及使用 fetch-intercept 库两种方案,涵盖 URL 修改、响应数据篡改、错误处理及 Node.js 环境下的兼容处理。

10.25
热度 297
JavaScript 实现大文件分片上传与断点续传示例

本文介绍基于 JavaScript 的大文件上传实现方案,核心逻辑包括文件分片、MD5 哈希校验及并发上传。通过配置切片大小与回调函数,结合 Axios 处理 multipart 请求,实现上传进度监控与失败重试,适用于需要稳定传输大体积文件的业务场景。

10.25
热度 328
JavaScript 创建与读取 Cookie 完整示例及正则提取法

本文详细讲解如何利用 JavaScript 创建、存储和读取 Cookie。通过 setCookie 函数设置有效期,使用 getCookie 函数解析 document.cookie 字符串。文章提供了两种提取方法:数组分割法与正则表达式匹配法,并附带完整的 HTML 测试代码,帮助开发者实现用户欢迎语、密码记忆及日期记录等功能。

10.25
热度 620
使用HTML、CSS和JS构建机器人总动员小游戏

本教程详细讲解如何利用HTML、CSS和JavaScript技术栈,从零开始构建一个名为“机器人总动员”的网页小游戏。内容涵盖项目基本结构搭建、HTML页面布局、CSS样式控制以及核心JavaScript逻辑实现,包括图片预加载机制。通过完整代码示例,帮助开发者掌握前端游戏开发的基础流程与关键技术点。

10.25
热度 101
JavaScript 检测浏览器类型与版本的方法

本文介绍如何利用 JavaScript 的 navigator.userAgent 属性结合正则表达式来识别浏览器类型(IE、Firefox、Chrome)及其版本号。通过解析用户代理字符串,提取关键信息并在页面中展示当前使用的浏览器名称及具体版本,适用于需要兼容不同浏览器的 Web 开发场景。

10.25
热度 338
TypeScript 高级内置类型详解:Record, Partial, Readonly, Pick, Exclude, Omit

本文深入解析 TypeScript 中的高级内置类型,包括 Record、Partial、Readonly、Pick、Exclude 和 Omit。通过源码剖析与实战案例,详细讲解 keyof、映射类型及条件类型的实现原理,帮助开发者掌握类型转换与约束技巧,提升代码的类型安全性与可维护性。

10.25
热度 512
JavaScript 正则表达式基础与表单验证实战

本文介绍 JavaScript 中正则表达式的常用元字符与量词,并通过完整代码示例演示如何验证手机号、座机号及邮箱格式。包含前端 HTML 表单结构与后端 JS 逻辑,帮助开发者快速掌握前端数据校验技巧。

10.25
热度 588
TypeScript 中高级类型 Record 详解

本文深入解析 TypeScript 中的 Record 工具类型,通过源码剖析其将键映射为值的机制。结合枚举、联合类型及 Axios 封装等实际案例,展示如何利用 Record 定义对象形状、扩展属性及简化业务代码,帮助开发者掌握这一高效类型构造技巧。

10.25
热度 111
JS结合定时器与事件监听实现轮播图切换

本文介绍如何使用JavaScript结合定时器与事件监听实现轮播图切换功能。通过HTML结构、CSS样式及JS逻辑,利用setInterval实现自动轮播,并通过事件监听实现手动切换。重点解析querySelector与querySelectorAll的区别及伪数组遍历处理。

10.25
热度 318
JavaScript 倒计时程序实现与时间差计算解析

本文介绍一个基于JavaScript的倒计时程序实现。通过获取当前时间与用户输入的截止日期,计算剩余天数、小时、分钟和秒。代码特别处理了本地时间与格林威治标准时间(GMT)的分钟差,尽管作者对时区转换逻辑存在疑问,但提供了完整的HTML交互界面与JS核心逻辑,适用于基础前端时间处理场景。

10.25
热度 512
JavaScript实现实时显示当前时间的完整代码示例

本文提供了一段完整的JavaScript代码,用于在网页中实时显示当前日期和时间。通过HTML定义显示区域,利用Date对象获取时间数据,结合setInterval实现每秒更新,并处理了月份、日期和小时的补零逻辑以及星期的中文转换,最终动态写入页面元素。

10.25
热度 122

标签目录

JavaScript 核心技术JavaScript 基础JavaScript 函数与作用域JavaScript 对象与原型JavaScript 数组与数据处理JavaScript 异步编程JavaScript 项目实战
浏览器与 Web 开发DOM 与事件浏览器 API网络请求与通信浏览器数据存储前端调试前端安全
前端框架与应用VueReactNext.jsNuxt前端状态管理前端性能优化
TypeScript 与工程化TypeScript前端构建依赖管理自动化测试前端部署代码规范与重构
Node.js 后端开发Node.js 基础Node.js Web 框架数据库开发接口开发与鉴权服务部署与运维Node.js 性能优化
AI 开发与应用大模型 API 开发AI 智能体开发RAG 与知识库AI 编程工具AI 多模态应用AI 应用部署