JavaScript

JavaScript日期格式化技巧分享-牛翰网

JavaScript日期格式化技巧分享

目录 导读 使用原生 Date 对象 获取日期和时间的各个部分 格式化日期字符串 自定义格式化 本地化格式化 Intl.DateTimeFormat Intl.DateTimeFormat 的浏览器兼容性 处理时区 原生 JavaScript 时...
15c9bda92ea0730b的头像-牛翰网自由的巨浪10个月前
0585
JavaScript前端实现拼图分割效果-牛翰网

JavaScript前端实现拼图分割效果

目录 第一步 第二步 第三步 步骤总结 第一步 找到一张模板图,如下: 这是一张通过RGBA的B通道区分的模板图,每个碎片的B通道,对应序号分别是0,10,20,30,40,…… 即序号的10倍等于B通道的值。 ...
ec6607f9f2fed82d的头像-牛翰网前端大C10个月前
0377
浅析如何使用JavaScript轻松实现数据转换-牛翰网

浅析如何使用JavaScript轻松实现数据转换

目录 一、假设需求 1. 后端返回的数据 2. 前端类型声明 3. 转换要求 二、实现思路 1. 基于基类实现 fromJson 静态方法 2.调试输出,美滋滋 3. 实现动态方法的 toJson 4. 继续调试输出,继续美滋...
JavaScript Promise.all 静态方法常见问题记录-牛翰网

JavaScript Promise.all 静态方法常见问题记录

目录 一、Promise.all 简介 1. 方法介绍 2. 适用场景 二、Promise.all 的基本用法 1. 基本语法 2. 示例代码 三、Promise.all 的工作原理 1. 并行执行 2. 结果返回顺序 3. 拒绝处理 四、Promise....
使用JavaScript实现一个录屏插件-牛翰网

使用JavaScript实现一个录屏插件

目录 准备工作 1、getDisplayMedia 2、快速开发一个插件 插件开发 目标 功能实现 插件使用 下载 安装 准备工作 开始写代码前我们需要先了解一下以下几点: 1、getDisplayMedia navigator.mediaD...
JavaScript使用html2canvas实现截取HTML并生成图片-牛翰网

JavaScript使用html2canvas实现截取HTML并生成图片

目录 什么是 html2canvas? 安装 html2canvas 基本用法 HTML 部分 JavaScript 部分 解释代码 高级用法 配置选项 保存图片 处理跨域问题 实战案例:生成海报 HTML 部分 JavaScript 部分 什么是 h...
11df7e6ee777ce0c的头像-牛翰网懒人账本10个月前
04013
JavaScript实现签名板功能-牛翰网

JavaScript实现签名板功能

目录 开始 添加触摸支持 自定义 处理响应性 保存和导出 添加更多功能 应用场景介绍:JavaScript 签名板 总结 签名板在网页应用中扮演着重要角色,它们能够记录用户的手写签名或者绘图,从而提升...
74fa4d026c532120的头像-牛翰网周尛先森10个月前
0405
JavaScript实现将网页加入收藏夹功能-牛翰网

JavaScript实现将网页加入收藏夹功能

目录 如何将网页加入收藏夹功能 方法一:使用window.external.AddFavorite(仅限IE) 方法二:提示用户手动添加收藏夹 方法三:使用书签链接 方法四:使用Web API(不直接添加收藏夹) 总结 如...
bb52eb2a9759aa1b的头像-牛翰网打野赵怀真10个月前
03412
JavaScript监控埋点的实现与详细用法-牛翰网

JavaScript监控埋点的实现与详细用法

目录 1. 什么是监控埋点? 2. 监控埋点的基本原理 常见的埋点方式 3. JavaScript 监控埋点的实现步骤 3.1 事件捕获 示例:点击事件埋点 3.2 数据收集 示例:收集页面滚动数据 3.3 数据处理 3.4 ...
JavaScript对象与数组的几种常见复制方法-牛翰网

JavaScript对象与数组的几种常见复制方法

目录 一、引用赋值:简单高效的数据共享 二、浅拷贝:复制顶层属性 1. 扩展运算符 ... 2. Object.assign() 3. Array.prototype.slice() 和 concat() 三、深拷贝:完整的对...
2f9cc9c9b6cab7fd的头像-牛翰网喝拿铁写前端10个月前
0376