全部内容
JavaScript 实现高级拖拽:setCapture 与 releaseCapture 详解

本文介绍如何利用 JavaScript 中的 setCapture 和 releaseCapture 方法实现高级拖拽功能。通过捕获鼠标事件,即使鼠标移出元素边界也能持续响应,从而提升用户体验。代码示例展示了如何获取鼠标位置、更新元素坐标以及释放捕获状态。

10.26
热度 526
使用 Peer.js 构建 WebRTC 视频聊天应用教程

本文详细介绍如何利用 Peer.js 库在浏览器端快速构建基于 WebRTC 的视频聊天应用。内容涵盖环境配置、Peer 实例创建、本地媒体流获取、远程视频接收及 Peer 间连接建立等核心步骤,提供关键代码片段与实现逻辑解析。

10.26
热度 636
JavaScript利用油猴脚本实现去水印功能

本文介绍如何利用JavaScript编写油猴脚本,去除在线设计网站(如比格设计)图片的水印。通过DOM操作隐藏水印元素,并模拟服务端接口请求获取无水印图片地址,实现免费下载高清封面图的功能。

10.26
热度 194
smartbanner.js 实现可定制智能应用横幅使用示例

本文介绍 smartbanner.js 库的使用,涵盖基础引入、动态修改横幅文案、自定义点击事件处理以及在微信浏览器中控制横幅显示的高级技巧。该库不依赖框架,支持 iOS 和 Android,通过配置 meta 标签和调用 API 实现灵活的智能应用横幅展示。

10.26
热度 498
W3C标准下兼容的JS对联广告代码实现

本文提供了在W3C标准下可运行的JS对联广告代码。通过JavaScript控制广告随滚动条移动,并包含关闭功能。代码经过修改以兼容不同浏览器,适用于需要左右两侧或单侧展示的广告场景。

10.26
热度 93
JavaScript 变量声明详解:var、let、const 与暂时性死区

本文深入解析 JavaScript 中 var、let 和 const 三种变量声明方式的核心差异。重点阐述 var 的作用域提升与全局挂载特性,let 的块级作用域及暂时性死区机制,以及 const 的常量限制与引用类型行为。通过对比分析,帮助开发者理解不同声明方式对变量生命周期、作用域及内存管理的影响,并提供最佳实践建议。

10.26
热度 479
JavaScript 执行上下文视角下的 this 指向详解

本文从 JavaScript 执行上下文的视角,详细解析 this 关键字的指向机制。内容涵盖全局、函数及 eval 执行上下文中的 this 差异,重点讲解通过 call/apply、对象方法调用及构造函数三种方式确定 this 的规则,并深入剖析嵌套函数中 this 丢失的问题及其通过变量保存或 ES6 箭头函数解决的方案。

10.26
热度 112
layui.layer子页面访问父页面元素与函数的实现方法

本文详解在layui.layer iframe弹出层中,子页面如何通过parent对象访问父页面的DOM元素及调用JS函数。涵盖content、success等关键参数用法,并提供完整的父子页面交互代码示例及注意事项,帮助开发者实现子页面对父页面的内容修改与状态控制。

10.26
热度 198
Echarts实现自定义伪3D柱形图的方法

本文介绍如何在Echarts中利用zrender扩展自定义图形,实现由三个面组成的伪3D柱形图。通过定义CubeLeft、CubeRight和CubeTop形状,注册到Echarts,并在series中使用custom类型和renderItem返回group对象,完成视觉上的3D效果。

10.26
热度 84
JavaScript与jQuery获取窗口及屏幕尺寸的方法汇总

本文详细汇总了使用JavaScript原生属性和jQuery方法获取当前窗口、浏览器及屏幕宽度和高度的多种方案。涵盖clientWidth、scrollHeight、window.innerHeight等核心属性,以及$(window).height()等jQuery选择器用法,帮助开发者准确获取页面布局尺寸。

10.26
热度 235
JavaScript实现浏览器添加收藏与设为首页功能详解

本文整理了三种使用JavaScript实现浏览器添加收藏及设为首页功能的代码方案。通过判断navigator.userAgent区分不同浏览器,分别处理IE、Firefox及360等浏览器的兼容性问题,并提供手动收藏提示。

10.26
热度 311
Webpack动态加载与代码分割策略详解

本文深入解析Webpack的动态加载机制与代码分割策略。详细对比sync、lazy、eager等六种Context Module类型,阐述require.context()与import()函数的用法差异,并结合环境变量实现条件打包,帮助开发者优化前端资源加载性能。

10.26
热度 195

标签目录

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