全部内容
JavaScript 浏览器跨域问题解决方案

本文深入解析浏览器同源策略导致的跨域问题,并提供三种主流解决方案。详细讲解CORS的配置方法,涵盖原生Ajax、jQuery、Vue及Fetch的withCredentials设置;介绍JSONP基于script标签的原理及实现;最后阐述利用Nginx反向代理修改Cookie域名以绕过限制的实际操作。

10.25
热度 128
JavaScript 直接插入排序算法实现与解析

本文介绍 JavaScript 中直接插入排序的实现原理与代码。通过扩展 Array.prototype 定义 insertionSort 方法,利用循环和 while 语句将无序元素插入有序区间,生成最终有序数组。

10.25
热度 182
JavaScript 原型与原型链继承机制详解

本文详细解析 JavaScript 面向对象编程中的原型(prototype)与原型链机制。通过构造函数、原型对象及 constructor 属性的循环引用关系,阐明对象如何继承属性与方法。文章结合代码示例,演示原型链的查找规则、方法重写对实例的影响,以及 Object.prototype 在继承体系中的最终地位,帮助开发者掌握 JS 动态继承的核心逻辑。

10.25
热度 559
JavaScript实现图片上传与本地预览功能

本文介绍两种在网页中实现图片上传并即时预览的JavaScript方案。第一种利用IE特有的AlphaImageLoader滤镜,适用于旧版IE浏览器;第二种通过File API获取文件路径或数据URL,并结合定时器检测图片加载状态,实现了在IE6至IE8以及Firefox等浏览器中的兼容预览效果。

10.25
热度 489
JavaScript 对象创建详解:内置对象、JSON 格式与构造函数

本文详细介绍 JavaScript 中对象的创建方式,涵盖 Array、Date 等内置对象的使用。重点讲解通过 new 关键字和 JSON 格式创建对象的语法,以及利用构造函数实例化对象的方法。通过代码示例解析对象属性与方法的定义,帮助开发者理解 JavaScript 对象的字典结构特性。

10.25
热度 539
JavaScript判断是否手机浏览器的五种方法

本文整理了JavaScript判断是否为手机浏览器的五种常用方法。通过解析userAgent字符串、检测navigator.userAgentData、利用屏幕宽度与orientation属性、监听touch事件以及结合CSS media query进行判断。文章提供了详细的代码示例与优缺点分析,帮助开发者根据实际需求选择最合适的方案。

10.25
热度 412
JS利用Canvas实现文字水印和图片水印合成

本文介绍如何使用HTML5 Canvas在JavaScript中合成文字和图片水印。通过drawImage绘制底图,利用font和fillText添加旋转文字,或使用createPattern平铺图片。代码包含获取上下文、设置尺寸、绘制内容及导出Base64完整流程,适用于版权保护与内容防爬场景。

10.25
热度 198
webpack5 动态导入实现按需加载与统一文件命名配置

本文介绍如何在webpack5中通过import()实现模块的按需加载,解决打包后文件名随机问题。通过配置output.chunkFilename并结合webpackChunkName注释,可统一输出文件的命名规则。同时涵盖eslint兼容配置及Preload/Prefetch优化建议,提升大型资源加载体验。

10.25
热度 550
修改element-ui源码实现el-dialog自定义全屏功能

本文介绍如何在不封装组件的前提下,通过直接修改element-ui源码为el-dialog添加自定义全屏功能。步骤包括克隆官方仓库、修改component.vue中的模板与逻辑、打包生成lib文件夹,并利用patch-package生成补丁文件,最终通过postinstall命令自动应用补丁,实现项目内所有dialog的全屏控制。

10.25
热度 626
element-ui dialog 弹窗增加全屏功能实现指南

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

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

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

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

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

10.25
热度 325

标签目录

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 应用部署