摘要：
参考：https://www.cnblogs.com/PasserByOne/p/12084323.html https://blog.csdn.net/qq593249106/article/details/84928595 html-webpack-plugin index.html中有一个<s 阅读全文
摘要：
1、什么是Webpack Webpack可以看做是模块化打包工具(webpack出现，是为了解决前端模块化的问题)：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。在3. 阅读全文
摘要：
1、Global registry 我们可以通过设置 npm 或者 pnpm 的 config 来设置 Global Registry，例如： # npm npm config set registry=http://localhost:2000 # or pnpm pnpm config set 阅读全文
摘要：
基本数据类型（boolean, number, string; 数组，元组，枚举; undefined, null; any, void; never；object） 元组类型 let tuple: [string, number, boolean]; tuple = ['a', 1, true]; 阅读全文
摘要：
定义： 对类进行处理的函数。 示例1. 为Test类添加target成员foo， 值为'bar' @fn class Test { } function fn(target) { target.foo = 'bar'; } console.log(Test.foo); 示例2. 为类添加target 阅读全文
摘要：
1. vite的 create-app CLI整体架构 我们可以看到除了我们常用的npm库enquirer（命令行提示）外，还用到了minimist和kolorist这两个库。接下来， 将对create-app CLI中用到的库进行介绍 逐步拆解、分析create-app CLI源码 2. crea 阅读全文
摘要：
源码地址 注： 这里，为了读起来思路更清晰一些，我们将__DEV__的代码去掉。 import {REACT_PROVIDER_TYPE, REACT_CONTEXT_TYPE} from 'shared/ReactSymbols'; import type {ReactContext} from 阅读全文
摘要：
一、可选链是什么 可选链 ?. 是一种访问嵌套对象属性的防错误方法。即使中间的属性不存在，也不会出现错误。 二、为什么要使用可选链 在很多情况下，我们需要取一个对象的嵌套属性，但有时会出现下面这种特例： const a = {}; console.log(a.b.c); // Error! a.b的 阅读全文
摘要：
在css中， 我们通过position: fixed进行相对于视口（viewport）的定位，且元素的位置在屏幕滚动时不会改变。 但是在许多特定的场合下，即使为元素指定了 position:fixed，仍然无法相对于屏幕视口进行定位。 MDN中，对于position: fixed有这样一段话： 当元 阅读全文
摘要：
构建DOM和解析CSS不会互相阻塞 虽然构建DOM和解析CSS不会互相阻塞， 但解析CSS时机和Style标签的位置有关（把Style标签放在head中） 多个CSS，按照HTML文档中顺序加载解析 JS 标签阻塞DOM构建 script标签两个常用属性： defer：自动将script标签放在bo 阅读全文
摘要：
1. 全局安装 npm i typescript -g npm i tslint -g 2. 项目初始化 npm init // 生成package.json tsc --init // 生成tsconfig.json tsconfig.json文件内容（对于其中每一项的含义，后面补充） 3.项目中 阅读全文
摘要：
from: https://segmentfault.com/a/1190000014722978 CSS的痛点 1、CSS 的规则是全局的，任何一个组件的样式规则，都对整个页面有效。相信写css的人都会遇到样式冲突（污染）的问题。 2、为了解决全局污染的问题，那就把class命名写长一点吧、加一层 阅读全文