华东野老

惰性渲染其实是一种渲染优化方式之一，简单来说一个React组件，比如Drawer抽屉组件，开始是抽屉是不显示的，也就是说visible这个prop如果初始为false的话，那么在render里就return null，也就是说这个抽屉组件就不渲染，dom树中就没有对应的结构。然…

注：花半个月时间，重学基础，学习完、整理完、总结归纳完，痛并快乐着。 alt 是 img 的特有属性，是图片内容的等价描述，图片无法正常显示时候的替代文字。 在线的情况下，浏览器发现 html 头部有 manifest 属性，它会请求 manifest 文件，如果是第一次访问 …

组件不多，但在搭建过程中掌握了很多知识，再看 antd 等热门组件库，对其中的一些设计也有了更深的感悟，故记录下来，希望能帮助到其他的同学。

对于 TypeScript + React 开发，MicroSoft 编写了一个 TypeScript-React-Starter 的例子，Github 地址。有需要的朋友可以去看一下。 我自己也看了一下，文档说明讲解的很好，但是 Demo 拉下来却无法正常运行，一直报错。所以…

本文主要讲解了下我平时在工作开发中遇到的关于 Hooks 的一些缺点和问题，并尝试配合 Mobx 解决这些问题的经历。我觉得两者的配合可以极大的降低开发过程中有可能出现的问题以及极大的提高开发体验，而且学习成本也是非常的低。如果你对 Hooks 以及 Mobx 有兴趣，想知道更…

前端开发人员在构建网站时需要做的一个决定是引入图片的方式。它可以是<img>标签，或者是通过CSS background 属性，还可以使用 SVG <image>。选择正确的方式是很重要的，它对性能和可访问性有很大的影响。 在本文中，我们会学习引入图像的各种方式，以及每种方式的…

通过检测报告，我们可以清楚地了解到我们的页面在性能方面有哪些不足和有待提高的地方，并且针对每一个扣分项，我们都提供了详细的扣分原因，以及解决方案。 我们的系统是面向前端团队所有的开发同学，因此我们需要将我们的解决方案沉淀下来，群策群力，共同丰富优化性能的知识库，所以我们需要文档…

本文旨在 chrome 入门开发，如果需要深入开发，可以去 chrome 官网进行学习。 本文将会列举一些常用的概念说明，包含 5种js 类型对比、 6个核心、消息通信和一些动态化注入、打包发布等。 本文讲的 chrome 插件真正的叫法应该是 chrome 扩展(Chrome…