一只臭猫

React的用法千千万，Hook是React16.8版本新增的特性，让开发者在使用函数的情况下也可以编写有状态组件。此篇文章的目的是先结合Demo梳理官方常用Hooks的功能特点以及适用场景，最后探讨

video标签及其属性poster：url值作为视频封面，可使用阿里云截帧技术通过在video地址资源追加标识获取视频封面图，行如?x-oss-process=video/snapshot,t_100

webpack通过entries和output配置入口和出口，可构建单页/多页应用；通过loader来转换多语言为webpack可编译的JS；通过plugins来扩展优化打包功能；最终输出产物为bun

一、vue-cli2/3/4对比👍  传送门二、基于vue-cli2搭建单页/多页应用多页应用是指打包输出多个文件，可通过任一打包后的文件访问资源，也可以理解为打包输出多个HTML文档，这样页面跳转会

React概览认识MVC框架；浏览器端/服务器端均可运行；ReactDom.render()将模板转为HTML渲染，并插入指定DOM；JSX语法；分为组件类（有状态组件）和函数组件（无状态组件）两种写

前后端并重：而不只是熟练使用各种全家桶（如果只是会使用各种全家桶就完了...听到这句话我当时就愣了，毕竟目前还不是说熟练使用全家桶），如何原生实现更重要。

浅拷贝：创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝的就是内存地址 ，所以如果其中一个对象改变了这个地址，就会影响到另一个对象。 ES6新数据结构。构造函数参数可接受数组或具有iterable接口…

一个JS编译器。 主要用于在旧的浏览器或者环境中将ES5+（ES6，ES7-stage0，ES7-stage1，ES7-stage2，ES7-stage3）转换为向后兼容版本的JS代码。

1. var缺陷：作用域是变量/函数定义的位置决定的，决定了变量/函数的可见性和生命周期。之前有全局作用域和函数作用域两种，es6新增块级作用域。导致var缺陷：变量容易在不易察觉的情况下被覆盖掉；本应该销毁的变量没有被销毁； 作用域与let/const：let/const两者…