GuoZ00-CSDN博客

原创对闭包的理解

在上述代码中，首先使用了立即执行函数将 i 传入函数内部，这个时候值就被固定在了参数 j 上面不会改变，当下次执行 timer 这个闭包的时候，就可以使用外部函数的变量 j ，从而达到目的。在 JS 中，闭包存在的意义就是让我们可以间接访问函数内部的变量。比如，函数 A 内部有一个函数 B，函数 B 可以访问到函数 A 中的变量，那么函数 B 就是闭包。，创建闭包的最常见的方式就是在一个函数内创建另一个函数，创建的函数可以访问到当前函数的局部变量。闭包有两个常用的用途；

2023-11-03 15:15:08 420

原创 ajax、axios、fetch的区别

Ajax 即“AsynchronousJavascriptAndXML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。它是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。fetch号称是AJAX的替代品，是在ES6出现的，使用了ES6中的promise对象。Fetch是基于promise设计的。

2023-11-03 15:08:45 54

原创对AJAX的理解，实现一个AJAX请求

AJAX是 Asynchronous JavaScript and XML 的缩写，指的是通过 JavaScript 的异步通信，从服务器获取 XML 文档从中提取数据，再更新当前网页的对应部分，而不用刷新整个网页。

2023-11-03 15:03:01 215

原创 let、const、var的区别

var声明的变量为全局变量，并且会将该变量添加为全局对象的属性，但是let和const不会。（7）指针指向： let和const都是ES6新增的用于创建变量的语法。但const声明的变量是不允许改变指针的指向。（5）暂时性死区：在使用let、const命令声明变量之前，该变量都是不可用的。（4）重复声明： var声明变量时，可以重复声明变量，后声明的同名变量会覆盖之前声明的遍历。（2）变量提升： var存在变量提升，let和const不存在变量提升，即在变量只能在声明之后使用，否在会报错。

2023-11-03 15:00:34 30

原创对对象与数组的解构的理解

最终，a、b、c分别被赋予了数组第0、1、2个索引位的值：数组里的0、1、2索引位的元素值，精准地被映射到了左侧的第0、1、2个变量里去，这就是数组解构的工作模式。对象解构比数组结构稍微复杂一些，也更显强大。在解构对象时，是以属性的名称为匹配条件，来提取想要的数据的。解构是 ES6 提供的一种新的提取数据的模式，这种模式能够从对象或数组里有针对性地拿到想要的数值。

2023-11-03 14:57:27 79

原创箭头函数与普通函数的区别

对象obj的方法b是使用箭头函数定义的，这个函数中的this就永远指向它定义时所处的全局执行环境中的this，即便这个函数是作为对象obj的方法调用，this依旧指向Window对象。需要注意，定义对象的大括号 {} 是无法形成一个单独的执行环境的，它依旧是处于全局执行环境中。但是由于箭头函数时没有自己的this的，且this指向外层的执行环境，且不能改变指向，所以不能当做构造函数使用。箭头函数不会创建自己的this，所以它没有自己的this，它只会在自己作用域的上一层继承this。

2023-11-03 14:43:59 132

原创 JavaScript有哪些数据类型，它们的区别？

BigInt 是一种数字类型的数据，它可以表示任意精度格式的整数，使用 BigInt 可以安全地存储和操作大整数，即使这个数已经超出了 Number 能够表示的安全整数范围。JavaScript共有八种数据类型，分别是 Undefined、Null、Boolean、Number、String、Object、 Symbol、BigInt。两种类型的区别在于存储位置的不同：原始数据类型直接存储在栈（stack）中的简单数据段，占据空间小、大小固定，属于被频繁使用数据，所以放入栈中存储；

2023-11-03 14:36:05 17

原创 CSS 优化和提高性能的方法有哪些

（5）尽量少的去使用后代选择器，降低选择器的权重值。后代选择器的开销是最高的，尽量将选择器的深度降到最低，最高不要超过三层，更多的使用类来关联每一个标签元素。（9）css雪碧图，同一页面相近部分的小图标，方便使用，减少页面的请求次数，但是同时图片本身会变大，使用时，优劣考虑清楚，再使用。（10）正确使用display的属性，由于display的作用，某些样式组合会无效，徒增样式体积的同时也影响解析性能。（1）将具有相同属性的样式抽离出来，整合并通过class在页面中进行使用，提高css的可维护性。

2023-08-08 14:56:18 105

原创标准盒子模型和IE盒子模型的区别

IE盒模型的width和height属性的范围包含了border、padding和content。盒模型都是由四个部分组成的，分别是margin、border、padding和content。标准盒模型的width和height属性的范围只包含了content，CSS3中的盒模型有以下两种：标准盒子模型、IE盒子模型。表示IE盒模型（怪异盒模型）表示标准盒模型（默认值）

2023-08-08 14:55:07 256

原创 link和@import的区别

link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。link支持使用Javascript控制DOM去改变样式；而@import不支持。

2023-08-08 14:53:57 27

原创 display:none与visibility:hidden的区别

是非继承属性，子孙节点会随着父节点从渲染树消失，通过修改子孙节点的属性也无法显示；不会让元素从渲染树中消失，渲染的元素还会占据相应的空间，只是内容不可见。会让元素完全从渲染树中消失，渲染时不会占据任何空间；是继承属性，子孙节点消失是由于继承了。这两个属性都是让元素隐藏，不可见。通常会造成文档的重排，但是修改。（3）修改常规文档流中元素的。（4）如果使用读屏器，设置为。属性只会造成本元素的重绘；的内容不会被读取，设置为。可以让子孙节点显示；

2023-08-08 14:53:02 58

原创 transition和animation的区别

它的实现不需要触发事件，设定好时间之后可以自己执行，且可以循环一个动画。它也类似于flash的补间动画，但是它可以设置多个关键帧（用@keyframe定义）完成动画。，强调过度，它的实现需要触发一个事件（比如鼠标移动上去，焦点，点击等）才执行动画。它类似于flash的补间动画，设置一个开始关键帧，一个结束关键帧。

2023-08-08 14:52:00 34

原创在linux中安装JDK+tomcat

在/usr/local/中新建一个文件夹,并将安装包放到该文件夹下。windows访问需要开放8080端口号,使用下面的命令进入文件。可使用以下代码，查看是否配置成功，如果出现版本号，则配置成功。也可将tomcat安装包上传到java文件夹中。然后使用FZ将JDK安装包上传到linux中。添加8080端口，完成后重启防火墙。进入文件,在文件的最下方添加。如果没有，跳过这一步。完成之后配置环境变量。最终启动tomcat。

2023-08-03 14:58:42 37