xiaoweiy

本文的目的就是通过一个案例分析了解前端性能的指标及其对应的优化手段。 根据刚刚疑问，前端性能优化的难点在于制定指标，并且将其具现化为数据展示，如果有个评分最好了，那我们就只要努力提供我们网站的评分就行了。 Ligthhouse收集了我们感兴趣的大部分数据，并对其进行了分析，将分…

在这越来越发达的网络时代，web应用也是越来越复杂，尤其是前端的开发，也是越来越受重视。 应用能在生产上没有事故。 在的问题，这样的问题一般能够在测试环境重现，我们很快的能定位到问题关键位置。但是，很多时候有一些问题， 还有一些偶现的生产的偶现问题，这些都是难以定位到问题的原因…

倒计时这种需求非常常见。在我接触的项目中，已经做过N个倒计时的需求。常见的场景有电商项目中的秒杀抢购活动倒计时，短信验证码等。 现在再一次碰到了倒计时的需求，是一个答题倒计时的场景。具体效果如图。 要实现倒计时，就需要来回顾一下JavaScript中的定时器相关知识。 setI…

没错，的确很标题党，但是我最近发现我的一个朋友（谁说是我的！）真的不太会用addEventListener。 我最近参与了一个开源项目，vue-carousel，Vue生态圈里的一个轮播组件，由加拿大的一个电商公司SSENSE开源的。然后刚好有人提了一个issue 这句警告翻译…

一次在安装项目依赖的时候，终端报了下面这个错，导致依赖安装失败。 通过报错信息可以看出是 @sentry/cli 这个包的原因，因为项目中并没有直接依赖这个包，为了排除包之间的影响，就新建了一个文件夹，单独安装这个包，发现还是报一样的错。然后就让同事安装下这个包试一下，发现一切…

自从 Hooks 诞生以来，官方就有考虑到了性能的问题。添加了各种方法优化性能，比如 memo、hooks deps、lazy initilize 等。而且在官方 FAQ 中也有讲到，Function 组件每次创建闭包函数的速度是非常快的，而且随着未来引擎的优化，这个时间进一步…

2019.10.24, 在 React Conf 2019 首日， React 官方正式发布了关于 Concurrent 模式的第一个早期社区预览文档, 正式和 React 的大众开发者见面, 令人兴奋。 跟去年的 React Hooks 一样, 尽管 Concurrent 还…

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue，这里…

react-redux 是 redux 官方 React 绑定库。它帮助我们连接UI层和数据层。本文目的不是介绍 react-redux 的使用，而是要动手实现一个简易的 react-redux，希望能够对你有所帮助。 首先思考一下，倘若不使用 react-redux，我们的 …