随笔分类 - JavaScript
摘要：
一、与 MutationObserver Api的区别 MutationObserver 主要用来监听 DOM 元素的属性和节点变化的，非 DOM 样式尺寸，可查看之前一篇 blog - DOM规范 - MutationObserver接口观察DOM元素的属性和节点变化 ResizeObserver
阅读全文
一、与 MutationObserver Api的区别 MutationObserver 主要用来监听 DOM 元素的属性和节点变化的，非 DOM 样式尺寸，可查看之前一篇 blog - DOM规范 - MutationObserver接口观察DOM元素的属性和节点变化 ResizeObserver
阅读全文
摘要：
前言 树形数据的遍历方式本质上是数据结构二叉树遍历的主要思想。所以以下遍历方式主要是广度优先遍历和深度优先遍历。 遍历方式： 广度优先遍历（广度优先搜索在二叉树上的应用：即层序遍历。） 即逐层地，从左到右访问所有节点。 深度优先遍历 前序遍历 - 遍历顺序：中左右： 1. 递归法； 2. 迭代法（压
阅读全文
前言 树形数据的遍历方式本质上是数据结构二叉树遍历的主要思想。所以以下遍历方式主要是广度优先遍历和深度优先遍历。 遍历方式： 广度优先遍历（广度优先搜索在二叉树上的应用：即层序遍历。） 即逐层地，从左到右访问所有节点。 深度优先遍历 前序遍历 - 遍历顺序：中左右： 1. 递归法； 2. 迭代法（压
阅读全文
摘要：
File、Blob、dataURL 和 canvas 的应用与转换 一、 概念介绍 1. File (1) 通常情况下， File 对象是来自用户在一个 <input> 元素上选择文件后返回的 FileList 对象,也可以是来自由拖放操作生成的 DataTransfer 对象，或者来自 HTMLC
阅读全文
File、Blob、dataURL 和 canvas 的应用与转换 一、 概念介绍 1. File (1) 通常情况下， File 对象是来自用户在一个 <input> 元素上选择文件后返回的 FileList 对象,也可以是来自由拖放操作生成的 DataTransfer 对象，或者来自 HTMLC
阅读全文
摘要：
一、实现效果 选择本地 pdf 文件上传，会生成 pdf 文件的预览，点击保存功能。 二、所用插件 pdf文件相关的文件处理插件：pdfjs-dist@2.3.200 zip压缩文件相关的包： jszip@3.5.0 文件保存下载相关的包：file-saver@2.0.2 三、相关代码 vue 中测
阅读全文
一、实现效果 选择本地 pdf 文件上传，会生成 pdf 文件的预览，点击保存功能。 二、所用插件 pdf文件相关的文件处理插件：pdfjs-dist@2.3.200 zip压缩文件相关的包： jszip@3.5.0 文件保存下载相关的包：file-saver@2.0.2 三、相关代码 vue 中测
阅读全文
摘要：
一、Java中的面向对象与继承 下面代码中，我们定义了一个小狗类，在类中定义了一个属性和两个方法，一个构造方法用于初始化小狗的年龄 age，一个公有方法 say 用于打印。 public class Puppy{ int puppyAge; public Puppy(age){ puppyAge =
阅读全文
一、Java中的面向对象与继承 下面代码中，我们定义了一个小狗类，在类中定义了一个属性和两个方法，一个构造方法用于初始化小狗的年龄 age，一个公有方法 say 用于打印。 public class Puppy{ int puppyAge; public Puppy(age){ puppyAge =
阅读全文
摘要：
JS值传递与引用传递 JS 有7中基本数据类型：Boolean、Null、Undefined、Number、BigInt、String、Symbol。这些基本数据类型都是通过值传递的方式。 值得注意的是还有另外三种类型: Array、Function 和 Object，它们通过引用来传递。从底层技术
阅读全文
JS值传递与引用传递 JS 有7中基本数据类型：Boolean、Null、Undefined、Number、BigInt、String、Symbol。这些基本数据类型都是通过值传递的方式。 值得注意的是还有另外三种类型: Array、Function 和 Object，它们通过引用来传递。从底层技术
阅读全文
摘要：
一 常用正则 \ ：将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制转义符。 例如："\d" 匹配数字字符，而不是匹配字母 d。 ^ ：匹配输入的开始位置。如果多行标志被设置为 true，那么也匹配换行符后紧跟的位置。 例如：/^A/ 并不会匹配 "an A" 中的 '
阅读全文
一 常用正则 \ ：将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制转义符。 例如："\d" 匹配数字字符，而不是匹配字母 d。 ^ ：匹配输入的开始位置。如果多行标志被设置为 true，那么也匹配换行符后紧跟的位置。 例如：/^A/ 并不会匹配 "an A" 中的 '
阅读全文
摘要：
Web前端存储之 cookie、sessionStorage 和 localStorage 一、cookie 客户端的 cookie 主要通过 key=value 的形式用于存储 web 页面的用户信息等，当浏览器从服务器上请求 web 页面时， 属于该页面的 cookie 会被添加到该请求中。服务
阅读全文
Web前端存储之 cookie、sessionStorage 和 localStorage 一、cookie 客户端的 cookie 主要通过 key=value 的形式用于存储 web 页面的用户信息等，当浏览器从服务器上请求 web 页面时， 属于该页面的 cookie 会被添加到该请求中。服务
阅读全文
摘要：
Last modified: 2023-04-02 1. arr.push() 从后面添加元素，添加一个或多个，返回值为添加完后的数组长度 let arr = [1, 2, 3, 4, 5] console.log(arr.push(6, 7)) // 7 console.log(arr) // [
阅读全文
Last modified: 2023-04-02 1. arr.push() 从后面添加元素，添加一个或多个，返回值为添加完后的数组长度 let arr = [1, 2, 3, 4, 5] console.log(arr.push(6, 7)) // 7 console.log(arr) // [
阅读全文
