前端

认识TypeScript 翻译一下：TypeScript是拥有类型的JavaScript超集，它可以编译成普通、干净、完整的JavaScript代码。 可以理解成TypeScript就是JavaScr

Webpack启动流程 入口执行文件 平常我们配置webpack指令的时候都会在 package.json如下图: 相当于执行 npx webpack命令，其根本就是找到 node_module文件夹

Terser Terser是一个JavaScript的解释（Parser）、Mangler（绞肉机）/Compressor（压缩机）的工具集；早期我们会使用 uglify-js来压缩、丑化我们的Jav

环境分离 第一种方案添加两个配置文件，然后添加两个 build指令分别指向两个配置文件如下图显示 第二种方案是使用相同的入口配置文件但是需要在后面配置参数来区分生产环境还是开发环境 这样做的好处就是可

初识Babel以及Babel作用 通俗点说 Babel其实就是一个转换工具，可以帮助我们语法转换、源代码转换、Polyfill实现目标缓解缺少的功能等；就是让一些代码中含有的浏览器不支持的代码转换成浏

初识Plugin CleanWebpackPlugin 如果没有安装任何插件的情况下如果我们执行 build指令必须手动删除上一次打包的资源，如果不删除上一次打包的资源文件有可能被遗留下来（比如上一次

在 webpack5之前加载资源文件一般会是用 file-loader、url-loader、raw-loader等，但是在webpack5之后可以直接使用资源模块类型（asset module ty

Webpack核心概念 Entry（入口): 入口文件配置。指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始。进入入口起点后，webpack 会找出有哪些模块和库是入口起点（直接和

前端发展史 早期阶段 早期前端只负责写静态页面，纯粹的展示功能，js也就是简单的做一些表单的验证，特效渲染等 现阶段的Web 前端可以管理数据以及和用户互动。由于用户交互、数据交互的需求增多，也就出现

Hook 是 React 16.8 的新增特性，它可以让我们在不编写class的情况下使用state以及其他的React特性（比如生命周期）。（函数式组件与类组件的区别https://juejin.cn/post/6844904049146331150#heading-2）注意…

函数组件是使用function来进行定义的函数，只是这个函数会返回和类组件中render函数返回一样的内容。 数组或 fragments：使得render方法可以返回多个元素。(fragments:React.Fragment,如果不想返回数组可以将子元素用<Reac…

native端：react-dom会将jsx最终渲染成原生的控件（比如Android中的Button，iOS中的UIButton）。