不仅会做饭的程序员

最近一直在开发一款云笔记产品，产品上线后有用户反馈，希望我们提供一个浏览器插件使其能快速收集素材。经过讨论之后，我决定开发一款能为用户提供快速搜集文字、图片功能的浏览器插件。在开发的过程中，遇到了保存图片的问题。假如我们仅仅是将该图片的链接保存，那么到了我们的笔记之后，由于图片…

我们都知道，在React中一切都是组件，而组件的创建方式有多种。如果你是久经战场的React开发者，那你肯定知道createclass创建组件的方式，但是这种方式已经过时了。目前常用的两种创建组件的方式是使用es6的class来创建组件，我们称为类组件，以及使用普通的函数来创建…

前几天，有个朋友问了我一个问题，他说自己的html设置了cache-control的max-age，为什么chrome浏览器第一次加载的时候是200，之后就走了304。针对这个问题，引出了以下知识。 缓存机制是提高资源使用效率最有效的方法。它的思想就是建立一个资源池，webki…

官方解释如上，多了不说，让我们在function中执行副作用来实现生命周期。 以上操作等价于componentDidMount，切记第二个参数为空。 因此componentDidMount时会打印出 useEffectInfo。 如果第二个参数不传递任何参数，等价于compon…

最近小伙伴问了我关于react中class中事件为什么要进行绑定，感觉他对这块的理解比较模糊，特此总结一下。 当我们使用es6的解构，从test中将b解构出来，即将test.b赋值给一个变量b，当我们执行b()时，依据谁调用指向谁的原则，b指向了window，此时window下…

正确答案是1,1，小伙伴对于答案很疑惑，考虑函数fn1内部变量提升，为什么不是undefined,1。好，那咱今天就来分析一下这个问题。 参考链接 ECMA-262-3 in detail. Chapter 2. Variable object. 如果变量与执行上下文相关，并且…

最近项目直接上手mobx，有一些困惑，做了 一些研究。下面简单介绍下inject和observer以及context的几种用法： 因为inject底层调用的是observer，因此仅使用inject也可实现。仅使用inject的情况下， inject的参数必须是所需要的属性组成…

前文我们提到过，对于antd这种可以按需加载组件的库，我们不使用script的方式全量引入。确实，antd支持按需加载组件。实现按需加载组件的方式有两种，一种是单个组件分别引入对应的组件与样式，这种方式代码冗余，因此更多人喜欢第二种使用babel-plugin-import的方…

众所周知，React本身推荐两种引用方法，一种是通过HTML的script标签引入React，另一种是使用例如Create-react-app等脚手架启动大型React应用。前者是将React集成到现有项目最简单的方式，而大多数人在使用React框架的时候，往往选择后者，因为后…