Hooks 是 React v16.7.0-alpha 中加入的新特性。它能够让函数组件拥有自己的state。react 16.8.0稳定版本支持Hooks，本文就是演示 Hooks 在项目中的使用示例，对于内部的原理这里就不做详细说明。

一个天气预报React应用

00. B站视频观看地址 出这个教程也是为了迎接Vue3的推出，今晚更新最后一集视频后，开始更新Vue3视频。 我原本准备更新 Vue3.x 教程的，由于官方文档一直不出，我又不敢瞎讲，所以干脆先来一个 TypeScript 教程热身，TypeScript 已经在我们公司全面使…

在介绍尾递归之前，先介绍一些其他概念，方便理解为啥需要尾递归。 调用栈是js引擎追踪函数执行流程的一种机制，当执行环境中调用了多个函数时，可以通过这种机制追踪到哪个函数正在执行，执行的函数体又调用了哪个函数。 在实际的开发中，调用栈是要比这个复杂的多的。比如常见的递归函数，如果…

两者区别：Array.of(7) 创建一个具有单个元素 7 的数组，而 Array(7) 创建一个长度为7的空数组（**注意：**这是指一个有7个空位(empty)的数组，而不是由7个undefined组成的数组）。 Array.isArray() 用于确定传递的值是否是一个 …

昨晚做了一个梦，梦见自己到了一家大厂面试，面试官走近房间，坐了下来：是杨溜溜吧？国际惯例，先来个自我介绍吧。 我嘴角一笑，心里暗喜：幸好有专门看Vue的面试题，看来这次稳了。于是谦虚又装逼的回答：还行吧，您随便问。 于是面试官看我口气那么大，心想：哟嚯，来了一个装逼的，劳资今天…

MVVM 对应 3个组成部分，Model（模型）、View（视图） 和 ViewModel（视图模型）。 View 是用户在屏幕上看到的结构、布局和外观，也称UI。 ViewModel 是一个绑定器，能和 View 层和 Model 层进行通信。 Model 是数据和逻辑。 V…

48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…

（2）如果浏览器缓存中没有，操作系统会先检查自己本地的hosts文件是否有这个网址映射关系，如果有，就先调用这个IP地址映射，完成域名解析。 （3）如果hosts里没有这个域名的映射，则查找本地DNS解析器缓存，是否有这个网址映射关系，如果有，直接返回，完成域名解析。 （4）如…