元气少女冰

摘要： 来看看计算机网络中这些常见的概念你有没有理解~ 物理地址 表示方式 物理地址即mac地址，每个网卡都有6字节的唯一标识，前三个字节表示厂商，后三个字节由厂商随机分配。 如何查看 在 command 中通过 ipconfig/all 查看到自己计算机的物理地址，比如我计算机的组织唯一标识是 9C-B6 阅读全文

摘要： 计算机的连接方式不断更新以适应不同的场景。 交叉线 当只存在两台计算机时，可以通过 交叉线直连，此时需要是同一网段 当发送数据时，会经过以下步骤 知道对方机器的 IP 地址 获取对方机器的网卡（MAC）地址发送数据 接收方获取到数据后先经过网卡，再发送到上一层。 通过模拟器来感受一下发送数据的过程。 阅读全文

摘要： 为什么需要网络协议 在没有网络协议的阶段，公司有自己的标准，而不同公司、网页之间请求响应不能互通，要适应繁多不同的规范，非常的混乱。 当制定了统一的规范之后，每个公司、产品都遵循同样的协议，客户端请求、服务端相应都以一定的标准来进行通信，会更加有秩序。 而目前有很多的网络协议，包括 HTTP、SMT 阅读全文

摘要： 我们编写的代码，比如 ES6、 TypeScript、react 等是不能被浏览器直接识别的，需要通过 webpack 、rollup 这样的构建工具来对代码进行转换、编译。 但随着项目越来越大，需要处理的资源越来越多，构建工具也需要很长的时间才能开启服务，因此产生了新型的前端构建工具 Vite ， 阅读全文

摘要： rollup 也是一个 JavaScript 的模块化编译工具，可以帮助我们处理资源。 与webpack比较 rollup相比 webpack 理念更为简单，能处理的场景也更有限。 | | 资源类型 | 处理方式 | 应用场景 | | | | | | | webpack | 所有资源 | loade 阅读全文

摘要： gulp 一般用于处理自动化任务，默认情况无法处理模块化，也不会用于大型项目，但它可以使用各种插件来编译 html、css、js 等资源。 不清楚如何使用 gulp 开启任务的朋友可以参考 gulp使用指南 处理html 处理 html 资源使用到 gulp-htmlmin 这个插件，和 webpa 阅读全文

摘要： gulp 是一个使用“流”来实现自动化的工具，正如 官方文档 首页展示的这副动图一样，以“流动”的状态去处理 TypeScript、PNG、Markdown 资源。 与webpack比较 | 类别 | webpack | gulp | | -|-|-| |核心理念| module bundler|t 阅读全文

摘要： loader 在 webpack 编译中起到非常重要的作用，用于对模块的源代码进行转换，比如 css-loader 将 css 代码处理成字符串，style-loader 创建 style 标签将 css 代码添加到 html 页面中。 自定义 loader 新建 node 项目，在 src 文件夹 阅读全文

摘要： tree shaking 依赖于ES Module 的静态语法分析，在项目编译时移除无用的代码以减少文件体积。 usedExports 在文件中，我们可能定义了变量但是暂时又没有用到，这样会造成空间的浪费。在 mode 为 production 时，会默认做一些配置，将无用的代码删除。为了看到没有做 阅读全文

摘要： webapck 中提供了压缩 js 代码的方式，可以移除无用代码、替换变量名等，减少编译后文件体积，提升加载速度。 不同mode 在 webpack 配置文件 webpack.config.js 中通过将 mode 设置为 development 或者 production，会对代码进行不同的处理。 阅读全文