
性能优化
文章平均质量分 91
阿莹yes
积极ing
展开
-
React性能优化 - React篇
React性能优化1. 延迟加载不是立即需要的组件2. 调整 css 而不是强制组件加载和卸载3. 使用 Fragment 来避免添加额外的 DOM 节点4. 避免使用匿名函数5. 避免使用内联对象6. 使用 memo 来缓存组件7. 使用 useMemo 缓存大量计算8. 使用 PureComponent、shouldComponentUpdateReact 凭借 v-dom 和 diff 算法拥有高效的性能,除此之外也有很多其他的方法和技巧可以进一步提升 React 的性能。1. 延迟加载不是立原创 2022-04-29 22:45:19 · 1488 阅读 · 0 评论 -
缓存类型有哪几种 - 缓存篇
目录web缓存的类型数据库数据缓存服务器端缓存代理服务器缓存CDN缓存DNS缓存浏览器端缓存web应用层缓存CDN的优势浏览器缓存的优点读此篇文章有感传送门web缓存的类型数据库数据缓存Web应用,特别是SNS类型的应用,往往关系比较复杂,数据库表繁多,如果频繁进行数据库查询,很容易导致数据库不堪重荷。为了提供查询的性能,会将查询后的数据放到内存中进行缓存,下次查询时,直接从内存缓存直接返回,提供响应效率。比如常用的缓存方案有memcached等。服务器端缓存代理服务器缓存代理服务器是浏览原创 2020-11-05 11:10:22 · 5787 阅读 · 0 评论 -
HTTP 状态码详解 - 前后端通信篇
目录信息响应成功响应重定向客户端响应服务端响应信息响应100 Continue这个临时响应表明,迄今为止的所有内容都是可行的,客户端应该继续请求,如果已经完成,则忽略它;101 Switching Protocol该代码是响应客户端的 Upgrade 标头发送的,并且指示服务器也正在切换的协议;102 Processing(WebDAV)此代码表示服务器已收到并正在处理该请求,但没有响应可用;103 Early Hints此状态代码主要用于与 Link 链接头原创 2020-11-01 16:26:57 · 534 阅读 · 0 评论 -
浏览器缓存之参数详解 - 性能优化篇
目录前言知识点缓存的类型强缓存ExpiresCache-Control对比协商缓存Last-Modified 和 If-Modified-SinceETag 和 If-None-Match两者对比缓存位置Service WorkerMemory CachepreloaderpreloadDisk CachePush Cache缓存过程分析缓存策略的实际使用场景不常变化的资源常变化的资源前言很多时候面试官不会精确问你某个知识点,而是抛出一个有指向性但是又可以很发散的问题,比如:“嗯… 那你说说浏览器的缓原创 2020-11-01 17:16:19 · 1600 阅读 · 0 评论