摘要:
阅读全文
摘要:
js是单线程的 GPU渲染引擎也是单线程的 现在都是组件化开发 当组件更新的时候 页面需要重新渲染 如果某个组件体积较大,由于js单线程和GPU渲染引擎单线程的原因 会形成同步阻塞,影响后面组件的渲染 在页面上的表现就是出现卡顿和掉帧 react 16版本以后,为了解决这个问题 提出了fiber这个 阅读全文
摘要:
jsonp 跨域 浏览器端通过 <script> 标签的 src 属性,请求服务器上的数据,同时,服务器返回一个函数的调用。这种请求数据的方式叫做 JSONP特点:JSONP 仅支持 GET 请求,不支持 POST、PUT、DELETE 等请求 cors跨域资源请求 简单请求: 1. 同时满足以下两 阅读全文
摘要:
在css中单位长度用的最多的是px、em、rem,这三个的区别是: 一、px是固定的像素,一旦设置了就无法因为适应页面大小而改变。 二、em和rem相对于px更具有灵活性,他们是相对长度单位,意思是长度不是定死了的,更适用于响应式布局。 三、em是相对于其父元素来设置字体大小的,一般都是以<body 阅读全文
摘要:
1.从属关系区别@import是 CSS 提供的语法规则,只有导入样式表的作用;link是HTML提供的标签,不仅可以加载 CSS 文件,还可以定义 RSS、rel 连接属性等。 2.加载顺序区别加载页面时,link标签引入的 CSS 被同时加载;@import引入的 CSS 将在页面加载完毕后被加 阅读全文
摘要:
如题,在JSON格式的对象中,不允许出现注释语句,否则JavaScript代码不能正确解析。没有为什么,只能记住这个知识点。 比如我们最常见的package.json文件,它是一个配置文件,这个文件的内容就是一个JSON格式的对象,所以这个文件中不能出现注释语句,否则webpack打包时会报错。 如 阅读全文
摘要:
1- class组件 使用不方便 使用成本高 hooks 直接就可以实现类似class组件的功能 (定义状态 设置状态 等) 2- 可以实现组件的复用 为什么要使用redux ? >数据状态管理 > 更加方便的获取数据 修改数据 react框架适用于大型开发项目 组件和数据较多,且组件之间需要通信 阅读全文
摘要:
1 console.log( 2 [1, [2, 3, [4, 5]]] 3 .toString() 4 .split(",") 5 .map((item) => +item) 6 ); 7 //[ 1, 2, 3, 4, 5 ]通过 [1, [2, 3, [4, 5]]].flat(Infinit 阅读全文
摘要:
实现一个元素完全覆盖浏览器可视窗口的效果 方式1 1 <style> 2 .box1{ 3 position: absolute; 4 top: 0; 5 right: 0; 6 bottom: 0; 7 left: 0; 8 } 9 </style> 方式2 <style> .box1{ posi 阅读全文
摘要:
强制缓存 : 当我们从浏览器第一次访问一个网站,浏览器就会向服务器发送http请求 服务器会根据我们的请求返回响应的资源, 如果服务器觉得浏览器请求的资源应该是要缓存的,比如css文件js文件 图片文件等等, 服务器会在响应头 response headers中 增加一个cache control 阅读全文