doiido的专栏

使用Node.js和Selenium WebDriver来自动化测试Web应用的简单示例。

nodejs爬虫,把本地excel数据自动上传爬取数据

什么是pre-commit提交规范？

人工智能在前端开发中有哪些应用？前端会被取代吗？

在前端中，原型、构造函数和实例是紧密相关的三个概念。它们之间的关系如下：构造函数是用来创建实例的函数，实例是通过构造函数和new关键字创建出来的对象。原型是一个对象，它包含了实例共享的属性和方法。每个实例都有一个指向原型的指针__proto__，它指向构造函数的prototype属性。实例通过__proto__指向原型，通过constructor指向构造函数。

axios是一个基于Promise的HTTP库，而ajax是对原生XHR的封装；ajax技术实现了局部数据的刷新，而axios实现对ajax的封装；

​XMLHttpRequest（XHR）对象用于与服务器交互，是基于XML的HTTP请求。通过 XMLHttpRequest 可以在不刷新页面的情况下请求特定 URL，获取数据。这允许网页在不影响用户操作的情况下，更新页面的局部内容。XMLHttpRequest在AJAX编程中被大量使用。​

如何在VS Code中配置ESLint以使用特定的解析器

如何在VS Code中集成ESLint

ESLint作用及在前端开发中如何使用

git学习笔记整理—项目开发常遇到的问题

在Webpack中，alias是一种简单的映射机制，它允许我们将模块名称映射到特定的路径。

Webpack学习笔记— 定义和基本应用

深入理解CDN 以及前端开发常用的CDN网址

Script对象是JavaScript中的一个内置对象，它代表了当前正在执行的脚本。Script对象有以下几个属性

webpack和webpack-cli是JavaScript应用程序的静态模块打包器。webpack-cli是webpack的命令行接口，用于在命令行中运行webpack。webpack-cli提供了一些命令，例如init、migrate、loader、plugin等，可以帮助用户更方便地使用webpack。当你需要使用webpack来打包你的JavaScript应用程序时，你需要下载和安装webpack和webpack-cli。其中webpack是必须的，而webpack-cli是可选的，但是建议安装，因

Node.js默认支持Common.js标准语法。如需使用ECMAScript标准语法，在运行模块所在文件夹新建package.json文件，并设置{"type":"module"}

如何在webpack中使用ES Module来加载CommonJS模块？

深入理解CommonJS和ES Module？ 优缺点？什么时候用？

响应回到then/catch之前，触发的拦截函数，对响应结果统一处理.比如对身份认证失败，做统一判断和处理

在比如一些后台管理项目中，需要在很多接口中携带token，以便获取用户数据，

最近项目中遇到,需要实现canvas截屏功能，直接上代码。

通过 FileReader，我们可以通过异步方式读取文件，并将文件内容转换为可用的数据形式，比如文本数据或二进制数据。在前端开发中，文件可以被看作数据流的一种形式，可以通过数据流的方式进行处理。文件处理涉及读取和写入文件的操作，包括读取文件的内容、写入数据到文件，以及对文件进行删除、重命名等操作。文件切片下载是一种提升文件下载效率的技术，通过将大文件分割成多个小片段（切片），并使用多个并发请求同时下载这些切片，从而加快整体下载速度。在前端开发中，文件流操作是指通过数据流的方式处理文件，对文件进行。

JS学习—事件循环之宏任务与微任务

JavaScript有一个基于事件循环的并发模型，事件循环负责执行代码、收集和处理事件以及执行中的任务

javascript 有三部分构成ECMAScript、DOM和BOM

dataset和setAttribute

前缀的 HTML 属性相同，并且在移除单个破折号（）后，大写之后的字母以获得属性的“驼峰”命名。它暴露了一个字符串映射（它只能包含字母、数字、破折号（自定义 data 属性的属性名与没有。一个自定义的 data 属性名转换为。任意的 ASCII 大写字母（接口的只读属性 dataset。属性和它相关的 DOM。

数组是 js 中最常用到的数据集合，其内置的方法有很多，熟练掌握这些方法，可以有效的提高我们的工作效率，同时对我们的代码质量也是有很大影响。如果只传一个数值参数，则表示创建一个初始长度为指定数值的空数组如果传入一个非数值的参数或者参数个数大于 1，则表示创建一个包含指定元素的数组。​​​​​​​ES6 为数组新增创建方法的目的之一，是帮助开发者在使用 Array 构造器时避开 js 语言的一个怪异点。Array.of()方法总会创建一个包含所有传入参数的数组，而不管参数的数量与类型。

除了普通字符串外，模板字面量还可以包含占位符——一种由美元符号和大括号分隔的嵌入式表达式：${expression}。模板字面量是用反引号（`）分隔的字面量，允许多行字符串、带嵌入表达式的字符串插值和一种叫带标签的模板的特殊结构。JavaScript 中的模板字符串是一种方便的字符串语法，允许你在字符串中嵌入表达式和变量。模板字符串允许你在字符串中引用变量、执行函数调用和进行任意的JavaScript表达式。模板字符串使用反引号 `` 作为字符串的定界符分隔的字面量。

三、第三种方式(利用split()函数切割数组并且用reverse()逆转数组之后利用join()拼接数组)四、第四种方式(利用split(),切割为函数然后通过调换前后位置来实现)二、第二种方式(利用split()这个函数切割数组，反向输出）一、第一种方式(利用charAt()这个函数实现)

在JavaScript中，可以使用console对象在控制台中输出信息。不同浏览器和环境下console对象的实现可能有所不同，使用时需要注意兼容性问题。这些是console对象的高级用法，可以让我们更方便地调试和输出信息。

正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符，或一个更复杂的模式。正则表达式可用于所有文本搜索和文本替换的操作。

Number() 转换为数字， String() 转换为字符串， Boolean() 转换为布尔值。

Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。当用户访问 web 页面时，他的名字可以记录在 cookie 中。在用户下一次访问该页面时，可以在 cookie 中读取用户访问记录。Cookie 以名/值对形式存储，如下所示:当浏览器从服务器上请求 web 页面时， 属于该页面的 cookie 会被添加到该请求中。服务端通过这种方式来获取用户的信息。

单击此处什么也不会发生

使用 var 关键字重新声明变量可能会带来问题。var x = 10;// 这里输出 x 为 10var x = 2;// 这里输出 x 为 2// 这里输出 x 为 2let 关键字就可以解决这个问题，因为它只在 let 命令所在的代码块{}内有效。var x = 10;// 这里输出 x 为 10let x = 2;// 这里输出 x 为 2// 这里输出 x 为 10。

在 JavaScript 中, 作用域为可访问变量，对象，函数的集合。JavaScript 函数作用域: 作用域在函数内修改。

静态方法是使用 static 关键字修饰的方法，又叫类方法，属于类的，但不属于对象，在实例化对象之前可以通过类名.方法名调用静态方法。静态方法不能在对象上调用，只能在类中调用。

JavaScript 类继承使用 extends 关键字。继承允许我们依据另一个类来定义一个类，这使得创建和维护一个应用程序变得更容易。super()方法用于调用父类的构造函数。当创建一个类时，您不需要重新编写新的数据成员和成员函数，只需指定新建的类继承了一个已有的类的成员即可。这个已有的类称为基类（父类），新建的类称为派生类（子类）。