- 博客(29)
- 收藏
- 关注
RSS订阅原创 HTTP中response相应对象
1、写出响应数据res.write()res.end()2、相应的状态码res.statusCode = 201res.writeHead(401)3、响应的headersres.setHeader('Content-Type','application/json;charset=utf8')
2023-05-11 17:20:13
115
原创 map和forEach的区别
map会遍历一遍数组的每一个元素，并给每人元素定的回调函数，但他会返回一个新的函数，包含每个回调函数的返回值，原数组不变。forEach会遍历一遍数组的每一个元素，并给每人元素定的回调函数，不会改变原数组。
2023-05-10 20:13:42
109
原创 防抖和节流的使用场景
防抖是在一定时间内频繁触发，只执行最后一次操作。如果短时间内多次触发同一操作，前面的操作会被忽略掉，只有最后一次才会被处理。通常使用一个定时器，在规定时间内只执行一次，若多次点击则重新计时。防抖是在一定时间内频繁触发，只执行第一次操作。如果短时间内多次触发，只执行第一次，后面的会被忽略掉。通常设置一个时间戳，只有时间过了才能再次触发。使用场景：input输入框，在用户不断输入时只执行最后一次。使用场景：鼠标点击事件，键盘事件，页面滚动。
2023-05-10 10:46:23
123
原创 请求拦截器和相应拦截器的使用场景
1、给每个请求添加一个token等安全认证信息。1、对返回结果进行处理，去除没用的格式化数据。2、对返回的结果进行缓存处理，减少服务器压力。2、对请求进行缓存处理，避免重复请求。3、对请求失败进行统一的处理和提示。相应拦截器是在接收到相应之后执行。3、对返回结果出错进行统一处理。请求拦截器是在发送请求时候执行。4、对请求进行处理限流等。
2023-05-10 10:27:57
420
原创 事件委托的特性
1、提高性能，减少事件处理器的个数，提高页面性能和响应个数。3、动态绑定事件处理器，可以灵活添加新的子元素和事件处理器。事件委托就是将子元素需要处理的事件委托给父元素进行处理。2、简化了代码结构，方便后期的维护。
2023-05-10 09:40:26
67
原创 typeof instanceof 有什么区别
例如typeof(123)返回字符串"number"，typeof("name")返回字符串"string"。instanceof是一个运算符，他用于判断构造函数的prototype属性是否出现在某个实例对象的原型链上。typeof是一个操作符，他可以判断一个值的类型，返回一个表示数据类型的字符串。使用方法：object instanceof constructor。constructor是一个构造函数。object是一个实例对象。
2023-05-10 08:49:00
55
原创 同步和异步的区别
异步代码则会在某些代码执行完成前允许继续执行其他代码，在异步操作完成后再通过回调函数执行结果。（ajax请求，定时器）同步代码会一行一行的执行，若某个步骤需要较长时间，那么会造成代码的堵塞，直至这行代码执行完成才会执行下一行代码。同步和异步都是指代码的执行方式。
2023-05-09 20:25:00
195
原创 React中类组件和函数式组件的区别
函数式组件性能更好，因为类组件需要实例化，函数式组件只需要返回就行了。为了提高性能，优先使用函数式组件。函数式组件只能接收props渲染到页面，没有状态，没有生命周期钩子，也没有this。类组件有其他的特性，比如状态和生命周期钩子，还有this。
2023-05-08 20:23:56
169
原创 typeof运算符
typeof 运算符可以识别所有的基本数据类型、函数、可以识别是否是引用数据类型。let obj = { name: "张三" };
2023-04-24 15:54:51
50
原创 js基本数据类型和引用数据类型
基本数据类型：字符串，数值，布尔值，undefined，Symbol。// a = "李四"复杂数据类型使用的是修改对象引用地址，所以两边都会受到影响。复杂数据类型在进行变量赋值时采用的是复制地址的方式。基本数据类型在进行变量赋值时采用的是复制值的方式。let a = { name: "张三" }引用数据类型：对象，数组，函数，null。可以看到a并没有受到函数调用的影响。a.name = "李四"
2023-04-24 15:43:25
62
原创 var和let和const的区别
这是不可以的，const常量不可变，此做法会报错：signment to constant variable（常量变量的符号）.let和const：1、不可重复使用 2、只在声明所使用的块级可以进行使用。3、他不能提升到外部去使用。let 和 const 不同点：const声明的常量不可变，而let可以。var：var具有函数作用域，则在函数体内定义之后，在该函数体内都可以进行使用。这是可以的，let常量是可变的。
2023-04-24 15:05:38
112
原创 视口单位了解
1vw = 1/100 视口宽度，如果视口的宽度是 375px，那么 1vw = 3.75px。1vh = 1/100 视口高度，如果视口的高度是 667px，那么 1vh = 6.76px。vw和vh是css中的一个相对长度单位，被称之为视口单位。
2023-04-23 18:00:11
117
原创 各种定位及其功能
相对于父级元素进行固定定位，当父级元素出现在窗口中并进行滚动时, 粘性定位的元素出现 fixed 定位效果。元素相对于元素自身在文档流原本的位置进行定位，绝大多数都是为了给绝对定位元素提供位置参考。根据有相对定位的父元素进行定位，若没有相对定位的父级元素，则根据窗口元素进行定位。固定定位根据窗口元素进行定位，在页面内容滚动时不会改变位置。2、相对定位： position：relative。3、绝对定位：position：absolute。4、固定定位：position：fixed。
2023-04-23 17:13:38
92
原创 什么是双飞翼布局
1、双飞翼布局是将所有div都嵌入到一个共同的父元素中，通过margin外边距来实现三栏布局。2、圣杯布局是将左右两边元素通过相对定位，中间元素通过内边距实现三栏布局。双飞翼和圣杯布局一样是实现三栏布局，两侧宽度固定，中间宽度自适应。
2023-04-18 17:25:58
140
原创 什么是BFC
BFC其实就是一块能够独立渲染的区域，该元素的内部不管怎么定义都不会影响到外部元素，只有块级元素具备该属性。BFC全称Block Formatting Context，指的是格式化上下文。2、浮动之后的元素（float属性的值不为none）5、overflow属性值不为visible的块元素。6、弹性和元素（display：flex）7、网格元素（display：grid）3、绝对定位和固定定位的元素。如何使元素具有BFC特性。1、根元素（HTML）
2023-04-18 17:03:21
307
原创 子元素浮动后父元素高度撑不开如何解决？
1、为父元素添加overflow:hidden或者overflow:auto。2、通过伪元素解决父级高度消失问题。
2023-04-17 16:55:13
265
原创 什么是外边距塌陷，怎么解决
当两个块级元素为嵌套关系时（一般为父子关系），若两个块级元素都有向上的外边距时，那么两个元素的外边距就会合成一个上外边距。4、为父元素设置 border: 1px solid transparent。1、为父元素设置 overflow: auto/hidden。3、为父元素设置 display: inline-block。5、为父元素设置 padding: 1px。2、为父元素设置浮动。
2023-04-14 20:22:36
77
原创 什么是外边距重叠
版权声明：本文为CSDN博主「a242424242424」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/a242424242424/article/details/130159476。总结：不管两个值都是正数也好，一正一负也好，两个都是负数也好，只会生效两个值中绝对值更大的那个样式，绝对值较小的样式不会生效。两个块级元素的上下外边距可能会合并成一个外边距，这就称之为外边距重叠。
2023-04-14 18:11:45
67
原创 外边距负值会有什么效果
margin-bottom 设置正值下方元素向下移动，设置负值下方元素向上移动。margin-right 设置正值右侧元素向右移动、设置负值右侧元素向左移动。margin-left 设置正值元素向右移动、设置负值向左移动。margin-top 设置正值元素向下移动、设置负值向上移动。外边距设置负值盒子会往相反方向移动。
2023-04-13 21:55:44
133
原创 盒模型宽度计算
offsetWidth = 100 + 10*2 + 1*2 = 122（注：不要把margin算进去了，margin是外边距）offsetWidth（盒模型宽度） = 内容宽高 + 内边距 + 边框。
2023-04-13 21:51:54
73
原创 GET和POST的区别
2、get一般用于向服务端获取数据，post一般用于向服务端传递数据。3、get在浏览器回退是无害的，post在浏览器回退会再次发送请求。4、get请求只能进行url编码，post请求可以多种编码方式。6、get在url中传递的参数是有长度限制的，但是post没有。5、get比post更不安全，因为参数会直接放在路径之中。1、get和post都是HTTP发送请求的方法。
2023-04-13 21:47:37
47
原创 图像标记中的title属性和alt属性
title属性是指图片加载完成之后，鼠标移入到图片之后展示的文本。alt属性是指图片如果无法渲染，则会展示alt之中的内容。
2023-04-12 22:49:26
250
原创 src属性和href属性的区别
当浏览器执行到该元素的时候，会和其他资源并行下载，通常用于超链接和样式表的加载。当浏览器执行到该元素的时候，会暂停其他资源的加载，直到该元素加载完毕。一般将href放在页面顶部使用，防止出现页面裸奔的情况。href用于超文本引用，用来建立标签与外部资源的联系。src会指向嵌入文章中的js脚本，img图片。所以一般都将src放在文件的底部进行使用。
2023-04-12 22:41:43
93
原创 块级元素，行内元素，行内块元素区别
1.相邻的行内块元素之间会有空白的间隙，可以给盒子设置css样式font-size:0来解决。2.行内元素可设置水平方向内外边距，但无法设置垂直方向内外边距。1.所有行内元素只会在一行里面显示，只有排不下了才会换行显示。3.行内元素不能设置宽高，并且不可以包含块级元素。3.块级元素的高度，行高，内外边距都可以控制。行内块元素：display：inline-block。3.行内块元素无法转换成行内元素。4.行内元素可以包含块级元素。2.可以设置宽，高，内外边距。行内元素： display:inline。
2023-04-12 22:35:45
215
原创 什么是HTML语义化？
2. 在没有css的情况下也能呈现出清晰的结构，比如标签的默认样式(img中的alt属性，title属性)1. HTML的语义化使开发者更加容易理解，方便开发者的可阅读性和维护。HTML是一门标记语言，在这个语言中每一个标记都有特殊的含义。二、HTML语言化有什么好处呢？一、什么是HTML语义化。
2023-04-12 21:25:17
82
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人