FruitBro

生成tsconfig.json文件，也就是TS的编译配置文件。 只有直接运行tsc时，才会走tsconfig.json中的配置。在未配置tsconfig.json的情况下，会执行编译所有的ts文件 compilerOptions字面意思：就是编译过程中的一些属性或配置。 指定文…

1. 获取url传递的参数 2. 变量提升 3. 异步执行顺序 在代码执行的过程中，将宏任务和微任务放入相应的队列中。 只要见到setTimeout就会被塞到宏任务队列中，然后按塞入的顺序进行执行。 js代码从上到下执行，先执行同步任务，再执行微任务，最后执行宏任务。 4. n…

TS是JS的超集，是建立在JS上的一门语言。 TS可以使用JS之外的扩展语法、面向对象、静态类型。 1. TS的定义 推荐使用VSCode编辑器。因为TS和VSCode都是微软推出的。VSCode做了很多对TS的适配。 定义：TypeScript is a typed supe…

css-loader、style-loader、 file-loader等 当我们打包一个类型文件或模块的时候，loader就会产生作用。 写完loaders之后，只要在module中配置好相应的规则，就可以使用了。 但是this.query.name的写法并不是很方便。因此官…

1. Library的打包 2. PWA的打包配置 运行后会多出两个文件：1. service-worker.js 2. precache-mainfest.***.js 重新打包代码，重启服务器后，访问页面，然后关闭服务器，刷新页面，依旧可以正常访问。关于PWA的配置项还有很…

1. TreeShaking概念详解 用于描述移除 JavaScript 上下文中的未引用代码(dead-code)。它依赖于 ES2015 模块系统中的静态结构特性，例如 import 和 export。这个术语和概念实际上是兴起于 ES2015 模块打包工具 rollup。…

1. webpack是什么 webpack其实就是个模块化打包工具（module bundler）。 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时，它会在内部构建一个 依赖图(dependency gr…

Context提供了一个无需为每层组件手动添加props，就能在组件树间进行数据传递的方法。Context设计目的是为了共享那些对于一个组件树而言是“全局”的数据。使用context，我们可以避免通过中间元素传递props 在一个典型的 React 应用中，数据是通过 prop…

在Request Headers中有个Range: bytes=0-,Range代表指示服务器应该返回文件的哪一或哪几部分。end是一个整数（如：Range: bytes=0-136868），表示在特定单位下，范围的结束值。这个值是可选的，如果不存在，表示此范围一直延伸到文档结…