凉薄凉

移动场景下DNS解析开销是整个网络请求中不可忽略的一部分。在弱网环境下，基于UDP的LocalDNS解析非常容易出现解析超时的问题，并且即使解析成功会消耗数百毫秒乃至更甚，对我们整个业务请求而言是非常不利的，它直接影响了客户的体验。 对于一个比较大众的应用而言，DNS的优化对整…

如今React在开发者中越来越普及，组件化的思想极大地提高了我们的开发效率。但在开发的时候，由于需求快速迭代，且急忙上线，我们可能较少地考虑React的一些性能问题，这篇文章主要讲一个自己的需求优化经验 接到一个在代码层面看不合理，但实际使用上确实很合理的交互，即将一整个 ta…

React 15 以及之前的版本有一个主要的问题 —— 虚拟 DOM 的 diff 操作是同步完成的。 这就意味着当页面上有大量 DOM 节点时，diff 的时间可能过长，从而导致交互卡顿、没有反馈。

最近买了一个学算法的小课，讲的非常不错，里面提到了LRU缓存机制。 其实这不是我第一次听说LRU。在我使用next.js的时候，我看过一篇文章，里面提到使用LRU缓存访问过的页面进行优化。 听说Redis里面也用到了LRU缓存机制。 由此，我找了一些资料学习了一下，为了防止再次…

「这是我参与2022首次更文挑战的第7天，活动详情查看：2022首次更文挑战」。 目标 请你设计并实现一个满足 LRU (最近最少使用) 缓存 约束的数据结构。 实现 LRUCache 类： LRUC

Performance 一个在前端开发领域中，无法被忽视的存在，如果我们的开发是一个满足需求就可以的产品，那么可能就用不到它；但是如果我们想对我们的这个产品，做一个极致的优化，那么 Performance 是一个很好的选择，也是一个不容忽视的选择。 大致的介绍了一下工具和api…

Chrome Devtools 的 Performance 工具是性能分析和优化的利器，因为它可以记录每一段代码的耗时，进而分析出性能瓶颈，然后做针对性的优化。 这么强大的工具肯定是要好好掌握的，今天

这里记录工作中遇到的技术点，以及自己对生活的一些思考，周三或周五发布。 封面图 很明显，难，是真的难！不是一般的难！ 关于前端性能优化，有很多文章写的都很详细，大体内容都是减少dom操作，压缩代码文件

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …