XRTF_-CSDN博客

原创前端数组方法大全

是 JavaScript 数组对象的一个方法，用于对数组中的每个元素执行提供的回调函数，并返回执行后的结果组成的新数组。是 JavaScript 中数组对象的一个方法，它用于向数组的末尾添加一个或多个元素，并返回修改后的数组的新长度。是 JavaScript 数组对象的一个方法，用于从数组中提取某个范围内的元素，并返回一个新数组，而不改变原始数组。是 JavaScript 数组对象的一个方法，用于向数组的开头添加一个或多个元素，并返回修改后的数组的新长度。

2024-01-23 17:43:57 941 1

原创 webpack详情3

在项目中引入是为了在多人协作开发中保持代码的风格和一致性。不同的开发者使用不同的编辑器或IDE，可能会有不同的缩进（比如有的人喜欢4个空格，有的喜欢2个空格）、换行符、编码格式等。甚至相同的编辑器因为开发者自定义配置的不同也会导致不同风格的代码，这会导致代码的可读性降低，增加代码冲突的可能性，降低了代码的可维护性。。当然这需要在你的IDE上安装了必要的插件或扩展。目前主流的编辑器或者IDE基本上都有对应的插件，有的是内置支持的（比如，WebStorm不需要独立安装。

2023-12-26 19:46:33 872

原创 Webpack详情2

配置好后，执行 pnpm run build:analy 命令，打包完成后浏览器会自动打开窗口，可以看到打包文件的分析结果页面，可以看到各个文件所占的资源大小, 然后，我们就可以根据这个图上给出的信息，来针对性优化产物体积。的项目中可以通过这个来分析打包时间花费在什么地方，然后来针对性的优化。重启项目，可以看到图片被正确地展示出来了，图片被打包进了我们指定的。的语法，重新启动项目，就可以在浏览器的控制台-Elements。最常用的属性配置其实就是这些，注释里也写的很清楚了，我们在。

2023-12-26 19:03:31 871

原创 webpack详情1

这里将使用pnpm，至于为什么，一个字：快、省、狠！pnpmnpm和yarn都是Node.js和JavaScript项目的包管理器。每种都有自己的优点和缺点，选择使用哪一种最终取决于你的具体需求和偏好。以下是pnpm与npm和yarn相比的一些优势：1.更快的安装和更新时间：pnpm使用独特的方法来安装包，避免重复包，从而加快安装和更新时间。特别是，当安装共享依赖的多个包时，pnpm只会为每个依赖安装一次，而npm和yarn会。

2023-12-25 20:10:30 883 1

原创图片上传详情

显然，这样是看不到图片的，因为我们还没开启静态服务的访问，下面来看看怎么开启吧。本着以比较规范的形式去完成这个项目，所以有必要进行合理的项目结构划分。在实际的生产中我们经常需要上传头像等文件的操作，这时候我们可以选择使用。转码，再保存到数据库（数据库搬家容易，比较安全，但数据库空间的消耗。可以看到，成功的拿到了响应的数据，里面也包含了图片的链接地址。接下来直接把图片的链接地址在浏览器中打开，看能否查看到图片。然后再打开图片地址，就可以成功访问上传到服务器内的图片了！的数据保存到了数据库中，这明显不合理。

2023-12-18 01:02:08 26 1

原创 token解析

密码正确的话，登录成功，根据用户信息生成唯一的。加密前先处理用户信息，将用户的敏感信息置空。的生成，现在我们做一个中间件用来解析。有三个参数依次是生成。，来对用户进行身份认证。的数据，加密的形式，

2023-12-18 00:47:09 209 1

原创不对DOM节点操作，通过数据驱动对页面实施渲染(思路，流程)

然后在给点击添加按钮添加点击事件，添加之前，做非空判断以及正则判断，全部通过了，才能添加到数据中，然后进行渲染。非空与正则可以封一个函数，这个函数有四个参数，分别是input框，传入的正则，提示框，提示文本.。添加行内点击事件，因为不知道当前行数对应的是哪一个删除标签，需要在点击事件内传一个参数，这个参数为每行对应的编号及id。然后在添加点击事件，循环一下数据源，判断数据源中id是否与当前项中的id相等，相等就做删除处理。数据驱动：所有页面中的学生信息都是由数据渲染的。1.给添加按钮绑定点击事件。

2023-12-02 14:25:04 41

原创 forEach map filter every some reduce的使用方法于使用场景

every方式是一个循环数组的方法，该方法有一个参数是一个回调函数，该回调函数一定要返回不热质，every方法返回也是一个布尔值，这个布尔值取决于每一个回调函数内部返回的值，如果每一个回调函数返回的额都是true，那么every方法就返回true，只要有一个回调函数返回false，那么every方法就返回false，简单理解，就是every方法回调里都是true最终才返回true，只要有一个false最终就是false。使用场景：遍历一个数组，对数组里的每一项做一些处理，返回一个新的数组。

2023-11-25 10:18:14 11

原创 var let const 的区别

/ 2.var 存在变量声明提前，let不存在变量提升(其实本质上是存在变量声明提升，但是提升到暂时性死区了,initialization)// 2.const声明的叫做常量，一经声明并赋值，后续就不能修改栈内存中的内容，堆内存中的内容可以修改。// 3.var声明的变量是全局变量，它挂在window下面，let声明的变量是块级作用域。// 3.const声明常量时，必须使用常量声明并赋值，这两步不能分开。// 1. var可以重复声明，let不能重复声明。

2023-11-22 20:54:29 18

XRTF_的博客