joken-前端工程师

  :: 首页 :: 博问 :: 闪存 :: 新随笔 :: :: :: 管理 ::

2024年7月14日

摘要: 要将 base64 编码的图像数据保存为 PNG 文件到本地,可以借助 JavaScript 和浏览器的 File API。以下是一个简单的步骤和示例代码: 步骤: 解析 Base64 数据:将 Base64 编码的字符串解析为二进制数据。 创建 Blob 对象:使用解析后的二进制数据创建一个 Bl 阅读全文
posted @ 2024-07-14 15:35 joken1310 阅读(4) 评论(0) 推荐(0) 编辑

摘要: SVG(Scalable Vector Graphics)是一种用于描述二维矢量图形的 XML 格式标记语言,它可以被浏览器直接渲染。SVG 图形具有良好的可伸缩性和清晰度,非常适合用于图标、图表、地图等应用场景。以下是编写 SVG 的基本语法和示例: 1. SVG 基本结构 SVG 图形可以直接写 阅读全文
posted @ 2024-07-14 15:26 joken1310 阅读(15) 评论(0) 推荐(0) 编辑

摘要: CSS 自定义属性(Custom Properties),也称为 CSS 变量,是 CSS 中一种能够保存和复用值的机制。它们与常规的 CSS 属性不同,因为它们可以在整个文档中定义一次,然后在需要的任何地方使用。 定义和语法 定义一个自定义属性使用两个连字符(--)开头,后面跟着属性名,类似于下面 阅读全文
posted @ 2024-07-14 15:21 joken1310 阅读(1) 评论(0) 推荐(0) 编辑

摘要: 在 ES5(ECMAScript 5)中,JavaScript 函数有几种继承方式,主要是通过原型链实现的。以下是常见的几种继承方式: 原型链继承(Prototype Inheritance): 原理:通过将子类的原型对象设置为父类的实例来实现继承。 特点:可以继承父类的实例方法和属性,但无法实现多 阅读全文
posted @ 2024-07-14 15:16 joken1310 阅读(2) 评论(0) 推荐(0) 编辑

摘要: js super作用 在 JavaScript 中,super 关键字有两个主要用途: 在子类的构造函数中调用父类的构造函数: 使用 super() 来调用父类的构造函数,并继承父类的属性。 在子类的方法中调用父类的方法: 使用 super.methodName() 来调用父类的方法。 示例解释 使 阅读全文
posted @ 2024-07-14 15:13 joken1310 阅读(1) 评论(0) 推荐(0) 编辑

摘要: 在 TypeScript 中,一个类(class)可以拥有以下几种类型的属性: 实例属性(Instance properties): 这些属性是在类的构造函数中使用 this 关键字定义的。 每个实例都有自己独立的实例属性。 原型属性(Prototype properties): 这些属性是定义在类 阅读全文
posted @ 2024-07-14 15:11 joken1310 阅读(1) 评论(0) 推荐(0) 编辑

摘要: 在 JavaScript 中,函数对象可以拥有多种类型的属性。主要可以分为以下几类: 实例属性(Instance properties): 这些属性是在通过函数构造函数创建实例时绑定到实例上的属性。 原型属性(Prototype properties): 这些属性是绑定到函数对象的原型上的属性。实例 阅读全文
posted @ 2024-07-14 15:08 joken1310 阅读(1) 评论(0) 推荐(0) 编辑

摘要: 在 TypeScript(以及 JavaScript)中,bigint 和 number 是两种不同的数值类型,它们有一些显著的区别和特性。 区别和特性 表示范围: number:表示标准的双精度 64 位浮点数,可以表示的范围是从 -Number.MAX_SAFE_INTEGER 到 Number 阅读全文
posted @ 2024-07-14 13:48 joken1310 阅读(1) 评论(0) 推荐(0) 编辑

摘要: Tree shaking 是一种优化 JavaScript 或 TypeScript 代码打包输出的技术,其主要目的是移除代码中未使用的部分(即死代码),从而减小最终生成的文件大小,提升应用程序的性能和加载速度。 Tree Shaking 的工作原理包括以下几个关键步骤: 静态分析: Tree sh 阅读全文
posted @ 2024-07-14 13:46 joken1310 阅读(2) 评论(0) 推荐(0) 编辑

摘要: 在 JavaScript 中实现归并排序可以通过递归的方式完成。归并排序使用了“分而治之”的策略,将数组递归地分成两个子数组,分别进行排序,然后将它们合并成一个有序数组。以下是一个简单的归并排序实现: function mergeSort(arr) { // 如果数组只有一个元素或为空,则直接返回数 阅读全文
posted @ 2024-07-14 10:02 joken1310 阅读(1) 评论(0) 推荐(0) 编辑

摘要: 在JavaScript中实现快速排序可以通过递归方式来完成。下面是一个示例代码: function quickSort(arr) { // 如果数组为空或只有一个元素,则无需排序 if (arr.length <= 1) { return arr; } // 选择基准元素(这里选择中间元素) con 阅读全文
posted @ 2024-07-14 10:00 joken1310 阅读(1) 评论(0) 推荐(0) 编辑