javascript add-ins object office

JavaScript 中的高阶函数是一种接受函数作为输入或返回函数作为输出的函数。高阶函数可以用于创建抽象概念，例如柯里化、组合和管道。 ......

javaScript进阶 一、作用域 JS的作用域简单来说就是变量（变量作用于又称上下文）和函数生效（能被访问）的区域 1.全局作用域 函数之外声明的变量，会成为全局变量。 变量在程序的任何地方都能被访问，表示它是全局变量，window 对象的内置属性都拥有全局作用域。 自动全局 如果您为尚未声明的 ......

一、文件上传 1、普通文件上传 JavaScript 可以使用表单提交来实现文件上传。首先，在 HTML 中创建一个文件输入框： <input type="file" id="fileInput"> 然后，在 JavaScript 中获取文件输入框的引用，并在其上设置事件监听器，如下所示： var ......

一、使用 performance.now() API 在 JavaScript 中，可以使用 performance.now() API 来评测代码的运行速度。该 API 返回当前页面的高精度时间戳，您可以在代码执行前后调用它来计算代码执行所需的时间。 例如： let t0 = performanc ......

前言 URL对于我们开发人员来讲，应该是非常熟悉了。在对URL进行参数拼接时，我们一般都会直接进行字符串拼接或使用模版字符串，因为这样非常方便，但是我们这样其实会在不知不觉中以不安全的方式编写 URL。 比如，我们通常会这样写： const url = `https://www.baidu.com ......

JavaScript 中有多种方法可以实现数组去重，下面是几种常用的方法： 1、使用 Set 去重：Set 数据结构中不能有重复元素，可以将数组转成 Set 类型，再转回数组。 let arr = [1,2,3,4,5,6,2,3,4]; let uniqueArr = [...new Set(ar ......

JavaScript 中的内存管理主要由 JavaScript 引擎负责，开发人员不需要手动管理内存。JavaScript 引擎使用垃圾回收算法来实现自动垃圾回收。 JavaScript 垃圾回收算法是指在 JavaScript 程序中，用来回收不再使用的内存的算法。 ......

JavaScript 中的 this 关键字引用了所在函数正在被调用时的对象。在不同的上下文中，this 的指向会发生变化。可以通过 call, apply, bind 方法来改变 this 的上下文。 ......

JavaScript 可以使用类似于 canvas 和 web workers 来实现图像压缩。 使用 canvas，可以将图像绘制到 canvas 上，然后使用 canvas 提供的 toBlob() 或 toDataURL() 方法将其转换为不同格式的图像。在这些方法中指定图像质量参数即可实现压... ......

JavaScript 中对象的赋值是通过将一个对象的引用赋值给另一个变量，两个变量指向同一个内存地址。这意味着如果更改其中一个对象的值，另一个对象的值也会更改。 浅拷贝是将一个对象的值复制给另一个对象，但如果对象中包含对其他对象的引用，则这些引用仍然指向原来的对象。可以使用 Object.assig... ......

方法一： 在 JavaScript 中，可以使用 URLSearchParams 对象来处理 URL 中的查询字符串。 序列化（将 JavaScript 对象转换为查询字符串）可以使用 URLSearchParams 对象的 append() 方法，如下所示： let params = new UR ......

原文地址：https://javascript.plainenglish.io/15-useful-javascript-tips-814eeba1f4fd 1）数字分隔符 为了提高数字的可读性，可以使用下划线作为分隔符。 const largeNumber = 1_000_000_000; con ......

案例介绍 欢迎来的我的小院，我是霍大侠，恭喜你今天又要进步一点点了！我们来用JavaScript编程实战案例，做一个乘法积分游戏。乘法游戏主要通过用户输入的数值和程序计算的数值进行对比，正确积一分，错误扣一分。通过实战我们将学会JSON.parse方法、JSON.stringify方法、localS ......

本文翻译自 Intercepting JavaScript Fetch API requests and responses 拦截器是可用于预处理或后处理 HTTP 请求的代码块，有助于全局错误处理、身份验证、日志记录等。在本文中，你将学习如何拦截 JavaScript Fetch API 请求。 ......

笔者开始学习Javascript的时候，对模块不太懂，不知道怎么导入模块，导出模块，就胡乱一通试 比如 import xx from 'test.js' 不起作用，就加个括号 import {xx} from 'test.js' 反正总是靠蒙，总有一种写法是对的，其实还是没有理解，还是不懂 尤其是在 ......

如果说道实现深拷贝最简单的方法，我们第一个想到的就是 JSON.stringify() 方法，因为JSON.stringify()后返回的是字符串，所以我们会再使用JSON.parse()转换为对象，如下代码： let obj = { name: 'liaoyi',age: 22,sex: 1} J ......

面向对象有一个特征是继承，即重用某个已有类的代码，在其基础上建立新的类，而无需重新编写对应的属性和方法，继承之后拿来即用； 在其他的面向对象编程语言比如Java中，通常是指，子类继承父类的属性和方法； 我们现在来看看，JS是如何实现继承这一个特征的； 要说明这个，我们首先要看看，每个对象都有的一个隐 ......

在JS中，类是后来才出的概念，早期创造对象的方式是new Function()调用构造函数创建函数对象； 而现在，可以使用new className()构造方法来创建类对象了； 所以在很多方面，类的使用方式，很像函数的使用方式： 但是类跟函数，还是有本质区别的，这在原型那里已经说过，不再赘述； 如何 ......

好家伙，本篇为《JS高级程序设计》第八章“对象、类与面向对象编程”学习笔记 1.工厂模式 工厂模式是另外一种关注对象创建概念的创建模式。 它的领域中同其它模式的不同之处在于它并没有明确要求我们使用一个构造器。 取而代之，一个工厂能提供一个创建对象的公共接口，我们可以在其中指定我们希望被创建的工厂对象 ......

关注公众号，一起交流，微信搜一搜: LiOnTalKING JavaScript Promise Promise 是一个 ECMAScript 6 提供的类，目的是更加优雅地书写复杂的异步任务。 如何创建一个 Promise 对象？ new Promise(function (resolve, re ......

历时9个月的时间，对iNeuOS工业互联网操作系统进行全面重构，发布内部测试版本。重构的主要目的：工程化的框架优化，更好的聚焦工业领域业务发展。重构也是保障产品能够可持续发展的重要手段，同时兼顾产品的安全性和稳定性。 ......

这篇博客不是讲如何使用 Promise，是一个学习总结。是我自己对 Promise 的理解。 new Promise() 的时候，传一个 executor 给 Promise. let promise = new Promise(function(resolve, reject) { // this ......

前言 测试代码是使代码安全的第一步。做到这一点的最好方法之一是使用单元测试，确保应用程序中的每个小功能都能发挥其应有的作用--特别是当应用程序处于边缘情况，比如无效的输入，或有潜在危害的输入。 为什么要单元测试 说到单元测试，有许多不同的方法。单元测试的一些主要目的是： 验证功能：单元测试确保代码做 ......

事件（Event）是JavaScript的心脏，触发各种交互，让网页动起来。事件是浏览器网页可以监测到的行为，如页面加载、鼠标点击、键盘按键等。在这些事件中可以自定义事件处理程序，用于实现各种业务需求。 ......

DOM（Document Object Model）文档对象模型，将文档document解析为一个由节点和对象（包含属性和方法的对象）组成的逻辑树，每个节点都是一个对象，document对象就是整个DOM树的根节点。 ......

JavaScript的是单线程的语言，按顺序执行。事件循环（Event loop）是JS的运行机制，也是JS实现各种“异步”功能的基础。 ......

防抖与节流目的都是避免一定时间内，大量重复的操作造成的性能损耗。因此原理也类似，都是阻止过多的事件执行，只保留一部分来执行。适用场景略有不同，也有交叉，动手练习一遍就懂了。 ......

冒泡排序（Bubble Sort）算是前端最简单的算法，也是最经典的排序算法了。网上JavaScript版本的冒泡排序很多，今天用Vue实现一个动态的可视化冒泡排序。 ......

案例介绍 欢迎来到我的小院，我是霍大侠，恭喜你今天又要进步一点点了！我们来用JavaScript相关知识，做一个随机点名的案例。你可以通过点击开始按钮控制上方名字的闪动，点击停止按钮可以随机选定一个名字。 案例演示 运行程序后，我们可以看到一个矩形框按钮，显示开始点名，点击后名字随机闪动。同时按钮变 ......

前言 Page Object（PO）模式，是Selenium实战中最为流行，并且被自动化测试同学所熟悉和推崇的一种设计模式之一。在设计测试时，把页面元素定位和元素操作方法按照页面抽象出来，分离成一定的对象，然后再进行组织。 相信每个做自动化测试的同学，一定会遇到这样一个非常头疼的问题，那就是页面变化 ......