Francis_冻白海

使用canvas制作刮刮乐，使用随机数进行抽奖，再用canvas遮住中奖部分，使用鼠标时间和canvas等操作，将遮住部分涂抹，显示中奖信息。

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际r…

对比了解 @babel/preset-env 、core-js@3 、@babel/runtime三者的使用场景和区别

想要很好理解react router，首先必须要学会history。进一步讲，history包提供了react router需要的核心功能。它使得单页面应用能容易的根据导航改变location。 history包导出了三个方法，分别对应三种类型的history：browser，…

当时就想到我们公司内部的代码，在webpack加持下，那是一个“重”，每次跑项目的时候，我的16G内存的MBP就扛不住了，风扇很响，烫的可以煮鸡蛋，编译时间也是非常头疼。 随后在后续的开发中，我也一直持续在关注尤大仓库的vite代码更新，发现他更新得比较频繁，可以看出尤大对于这…

前端搭建sdk模板，技术栈选择：webpack+react+typescript，最终发布至npm。

1. awesome-typescript-loader 2. ts-loader + babel-loader + fork-ts-checker-webpack-plugin 这种方案，当 webpack 编译的时候，ts-loader 会调用 typescript（所以本…

在node中，有全局变量process表示的是当前的node进程。process.env包含着关于系统环境的信息。但是process.env中并不存在NODE_ENV这个东西。NODE_ENV是用户一个自定义的变量，在webpack中它的用途是判断生产环境或开发环境的依据的。 …

最近面试总能遇到有面试官问到let，const和var的区别，箭头函数与普通函数的区别等等等等，各种区别，我也能答出一二，但恨不能答到完整，答全要点,而且结巴，所以这里我就对此进行一些总结（翻看各种资