所有文章

即便我们不去做性能优化，`React`内部已经帮我们做了很多性能上的优化，而`React.memo`可以更进一步优化组件的渲染次数。在这篇文章中我将会跟你解释一下如何通过使用`React.memo`来优化React性能，一些使用时候的常见错误，以及为什么你并不总是需要用`React.memo`

计算机网络是计算机里面很重要的课题，是网络链接大家。相信科班出身的人大学都学过计算机网络，非科班的也会多多少少了解点。但是计算机网络这个东西吧，说实在的平常工作中用的并不是很多，系统学习过之后也会忘记，这个是没办法的，只有时不时的拿出来复习一下。本文就是用来复习的，并不是一篇新手的计算机网络指导，想要从头学的话，我推荐《计算机网络：自顶向下方法》，然后自己动手结合wireshark学自己感兴趣的，不用全学，除非是感兴趣。

工作中`git stash`是一个很有用的命令，比如在当前分支上做开发，结果没做完，又要去另一个分支上修bug。有两种方式，一种是先临时提交下，后面再把这个提交修改掉。另一种就是先stash起来，后面再pop出来。当我们在做一些测试的时候，想比较两种修改，怎么样暂存一部分修改呢？

Git有些命令记录在这里，平时我用图形界面多点，有些命令反而用命令行更好用。命令行的强大之处在于这些命令可以组合，这在命令行里面很难甚至做不到，比如下面这个：

最近一直在做性能优化，最近在做的点就是打包体积优化，这里记录一下我的优化方法和结果。首先也要明白一些常见的减小包体积的措施，像[Tree Shaking](https://webpack.js.org/guides/tree-shaking/#root)，[Code Splitting](https://webpack.js.org/guides/code-splitting/#root)，[loadable-components](https://github.com/gregberge/loadable-components)，这些都可以用来减小[首页]包体积。

The blog template supports posts in nested sub-folders. This can be used to group posts of similar content e.g. a multi-part course. This post is itself an example of a nested route!

在一个腾讯技术群里看到这个比赛，就顺手点开看了下，本以为会是算法比赛或者安全比赛。我尝试了一下之后，发现我也可以搞搞，因为是前端相关。我并不是专业搞安全的，也未能拿到很好的名次（69/927），不过在做题的过程中，我能突破自我，能想办法解决这些问题，还是很有成就感的。

超快的HMR也是Vite的卖点之一，HMR的功能是通过[客户端](/posts/2021-03-17-vite-1.0-HMR-client)和这个服务端的插件来共同完成的。