M_emory_的博客

【例Loader 作为 Webpack 的核心机制，内部的工作原理却非常简单。接下来我们一起来开发一个自己的 Loader，通过这个开发过程再来深入了解 Loader 的工作原理。这里我的需求是开发一个可以加载 markdown 文件的加载器，以便可以在代码中直接导入 md 文件。我们都应该知道 markdown 一般是需要转换为 html 之后再呈现到页面上的，所以我希望导入 md 文件后，直接得到markdown 子】webpack 开发一个可以加载 markdown 文件的加载器 loader 案例

1、新建一个项目，并且在命令行中初始化项目 npm init -y2、安装对应版本的 webpack webpack-cli(命令行工具) "webpack""webpack-cli"3、安装 Babel 核心库和相关的 loader "babel-core""babel-loader""babel-preset-env"4、在项目根目录下创建一个 .babelrc 配置文件或在 package.json 中添加 Babel 配置5、在项目根目录下创建一个 webpack.config.js

一、防抖和节流主要是干什么的防抖和节流主要用于控制函数执行的频率，通过限制函数的触发次数，避免函数被过度调用而引发的性能问题或产生不必要的副作用。防抖和节流能够优化函数执行频率，提升性能，控制事件触发频率，优化用户输入，实现平滑动画等。在需要控制函数执行频率以避免资源浪费、提高交互体验或优化动画效果的场景中，防抖和节流都是非常有用的技术手段如果还是不太能理解他俩的区别，之前我在一个评论区看到一个神评：“防抖就是回城，节流就是放技能”，相信看到这句话，就能通俗易懂的理解他俩之间的区别了。

Vue 批量注册全局组件在项目开发中，我们经常会封装一些全局组件，然后在入口文件中统一导入，这时就会出现一个问题，如果我封装了很多组件，假如有成百上千的组件，都想注册成全局组件，那岂不是入口文件要引入几千行，显然这样是很笨拙的，所以就出现了批量注册全局组件。

TS报错：无法重新声明块范围变量“a”TypeScript 编译器选项的配置可能导致了这个问题。比如，是否启用了 isolatedModules 选项，该选项可以确保每个文件都是独立的模块。

js函数声明的几种方式在JavaScript中，有几种方式可以声明函数，其中最常见的有两种：函数声明和函数表达式。

配置代理——解决跨域问题（详解）二、跨域问题的产生当出现以下报错，看到 CORS 和 'Access-Control-Allow-Origin' 这两个关键信息的时候，就说明出现跨域问题了

下面是 chatGPT 给出的解释：哈希表（Hash Table）又称为散列表，是一种用于存储键值对的数据结构。它通过哈希函数将键映射到一个固定大小的数组中的位置，该位置称为哈希桶（Hash Bucket）。哈希表的优势在于可以快速插入、删除和查找数据。哈希函数是哈希表的核心，它接受一个任意大小的输入（键），并通过计算返回一个固定大小的哈希值。哈希值被用作数组的索引，用于存储和检索对应的键值对。由于哈希函数的输出是固定的，不同的键可能会映射到相同的哈希值，这就产生了哈希冲突。

跨源资源共享（CORS，或通俗地译为跨域资源共享）是一种基于HTTP头的机制，该机制通过允许服务器标示除了它自己以外的其他源（域、协议或端口），使得浏览器允许这些源访问加载自己的资源。跨源资源共享还通过一种机制来检查服务器是否会允许要发送的真实请求，该机制通过浏览器发起一个到服务器托管的跨源资源的“预检”请求。在预检中，浏览器发送的头中标示有 HTTP 方法和真实请求中会用到的头。下面举一个简单的跨域请求的例子现在我从向服务器resres​。

JSONP 不是一门编程语言，也不是什么特别的技术，它更像一个漏洞，程序员可以利用这个漏洞，实现跨域（可以简单理解为跨域名）传输数据。在介绍 JSONP 之前，先来介绍一下浏览器的同源策略。通过 jsonp，我们可以避开浏览器的同源策略，从而进行跨域请求。jsonp 是利用 HTML 标签的 src 属性引用资源不受同源策影响的特性来实现的，实现步骤如下：通过动态创建 script 标签，其 scr 指向非同源的 url，并传递一个 callback 参数给服务端。

模块化是指将一个大的程序文件，拆分成许多小的文件，然后将小文件组合起来。举个简单的例子,我们要写一个实现 A 功能的 JS 代码，这个功能在项目其他位置也需要用到，那么我们就可以把这个功能看成一个模块采用一定的方式进行模块化编写，既能实现复用还可以分而治之。具体说来，JS 模块化方案很多，有 AMD/CommonJS/UMD/ES6 Module 等，本文主要介绍CommonJS和ES6 Module的用法。二、模块化的好处1、防止命名冲突2、代码复用3、高维护性。

双向链表及双向链表的常见操作和用js封装一个双向链表

时间差。js 实现时间差函数和用 js 得到一个格式为 (yyyy-MM-dd) 日期的函数

/ 封装 append 追加方法// 1、创建新的节点// 2、判断添加的是否为第一个节点if (this.length == 0) { // 2.1 是第一个节点} else { // 2.2 不是第一个节点// 找到最后一个节点while (current.next) { // 判断下一个节点是否为 null ，如果为 null 就跳出循环，如果不为 null ，就继续往后寻找，一直找到最后的节点// 最后节点的next指向新的节点。

js 中 reduce() 方法的基本使用

认识 axios 以及运用 request 封装 axios

js 中的 join() 方法的基本使用

js 中的 indexOf() 函数的基本使用还可以根据此方法对照学习lastIndexOf() 方法

js 中数组的 map() 函数的基本使用map() 方法与 filter() 方法的区别

js 中数组的 filter() 函数的基本使用