![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
面试
文章平均质量分 67
aabbccQBB
小菜鸡
展开
-
常见的排序方式
【代码】常见的排序方式。原创 2023-12-01 16:55:13 · 51 阅读 · 0 评论 -
领航项目总结
封装了自定义的节流hook,在需要搜索的业务场景下可以有效的节约资源,避免请求频发。对图片上传组件进行了二次封装,使其能够适用于业务场景。介绍:主要就是一个大数据的看板,根据不同的维度(时间,省区,指标)难点:后端一次性返回大量数据时,渲染卡顿,切换tab页面时也会卡顿。亮点:使用websocket长连接,来到一个数据的实时更新和渲染。克服:应用了虚拟列表的方案实现了对需要展示数据的显示,节约了资源。对一些公用组件的封装。原创 2023-11-23 13:41:59 · 50 阅读 · 0 评论 -
包管理工具内容
前端包管理器是用于管理前端项目依赖项(如库、框架和工具)的工具。它们有助于确保项目的依赖项始终保持最新、可维护和可复制。这些前端包管理器可以根据项目需求和团队偏好进行选择。npm和Yarn以及pnpm是最常用的,本文将具体介绍这3种包管理工具。以下是更详细的介绍npm、Yarn和pnpm。原创 2023-11-22 18:06:43 · 28 阅读 · 0 评论 -
同步、异步,宏、微任务,事件循环
宏任务:宏任务是指某些特定的异步任务(在主线程之外),它们会被放入一个任务队列中,任务队列中的任务会在每次事件循环时执行一个微任务:微任务是在当前事件循环的末尾执行的任务,但会在任何新的宏任务之前执行。宏任务和微任务的区别在于宏任务在任务队列中排队,每次只执行一个任务,而微任务在任务队列之后执行,每次执行所有微任务。宏任务:setInterval、setTimeout、setImmediate、Ajax、DOM事件、异步函数、I/O、UI渲染等。微任务:process.nextTick。原创 2023-11-22 16:21:59 · 866 阅读 · 0 评论 -
面试问题(深拷贝与浅拷贝,useRef,强缓存与协商缓存,类组件与函数组件)
前端面试,深拷贝与浅拷贝,useRef,强缓存与协商缓存,类组件与函数组件原创 2023-11-20 16:57:15 · 47 阅读 · 0 评论 -
自定义hooks
记录一下自己封装的hooks。原创 2023-11-20 16:53:11 · 55 阅读 · 0 评论 -
关于http协议
HTTP协议(超文本传输协议HyperText Transfer Protocol),它是基于TCP协议的应用层传输协议,简单来说就是客户端和服务端进行数据传输的一种规则。HTTP是一种(stateless) 协议,HTTP协议本身不会对发送过的请求和相应的通信状态进行持久化处理。这样做的目的是为了保持HTTP协议的简单性,从而能够快速处理大量的事务, 提高效率。原创 2023-11-17 12:10:22 · 36 阅读 · 0 评论 -
前端优化方案
2、加速或减少HTTP请求损耗:使用CDN加载公用库,使用强缓存和协商缓存,使用域名收敛,小图片使用Base64代替,使用Get请求代替Post请求,设置 Access-Control-Max-Age 减少预检请求,页面内跳转其他域名或请求其他域名的资源时使用浏览器prefetch预解析等;DNS 预解析:浏览器会在加载网页时对网页中的域名进行解析缓存,这样在你单击当前网页中的连接时就无需进行DNS的解析,减少用户等待时间,提高用户体验。3、延迟加载:非重要的库、非首屏图片延迟加载,SPA的组件懒加载等;原创 2023-11-17 11:44:08 · 50 阅读 · 0 评论 -
客户端渲染和服务端渲染(CSR和SSR)
以VUE为例,通过接口更新到页面的数据后完整的页面展示;CSR(Client Side Rendering):是一种目前流行的渲染方式,它依赖的是运行在客户端的JS,用户首次发送请求只能得到小部分的指引性HTML代码。目前使用MV*架构的项目,大都是前后端分离,数据都是动态生成,不利于SEO优化 利于首屏渲染性能高–首屏的页面加载来自于服务器,不依赖与服务端的接口请求再数据处理;例如SEO–因为访问一个请求,返回的就是页面全部的HTML结构,包含所需要呈现的所有数据,于是例如搜索引擎或者爬虫的数据抓取;原创 2023-11-17 11:41:13 · 82 阅读 · 0 评论 -
关于webpack
近期面试,总是被问到关于webpack的知识,索性一不做,二不休,总结一下关于webpack的内容。原创 2023-11-16 15:31:10 · 78 阅读 · 1 评论 -
面试问题总结以及扩展11.14
Map和object的区别 Es6新增的特性 箭头函数和普通函数的区别 For in 和for of的区别 常用的hooks useRef的详细内容 React18新增的hooks了解吗 场景题:如何获取更新前的值 creatRef和useRef的区别 webpack的loader和plugins webpack配置 http协议 服务端渲染 浏览器缓存方式 Cookie、localStorage、sessionStorage的区别 ServiceWorker 首屏优化 性原创 2023-11-14 16:15:05 · 57 阅读 · 1 评论 -
从输入URL到页面展示,这中间发生了什么?
准备渲染进程:对文档进行页面解析和子资源加载。我们可以概括为三个阶段,分别是。原创 2023-11-07 16:34:39 · 51 阅读 · 0 评论