无敌小啫喱

摘要： github 项目地址 i18n-replace 是一个能够自动替换中文并支持自动翻译的前端国际化辅助工具。 它具有以下功能： 根据你提供的默认映射数据（{ 中文：变量 }），i18n-replace 会把中文替换成对应的变量。 如果没有提供映射数据，则使用默认规则替换中文并生成变量。 将替换出来的 阅读全文

摘要： webpack 是一个模块打包器，在它看来，每一个文件都是一个模块。 无论你开发使用的是 CommonJS 规范还是 ES6 模块规范，打包后的文件都统一使用 webpack 自定义的模块规范来管理、加载模块。本文将从一个简单的示例开始，来讲解 webpack 模块加载原理。 CommonJS 规范 阅读全文

摘要： loader 官网上的定义： loader 是一个转换器，用于对源代码进行转换。 例如 babel-loader 可以将 ES6 代码转换为 ES5 代码；sass-loader 将 sass 代码转换为 css 代码。 一般 loader 的配置代码如下： module: { rules: [ { 阅读全文

摘要： 前言 为了学习 rollup 打包原理，我克隆了最新版（v2.26.5）的源码。然后发现打包器和我想像的不太一样，代码实在太多了，光看 d.ts 文件就看得头疼。为了看看源码到底有多少行，我写了个脚本，结果发现有 19650行，崩溃... 这就能打消我学习 rollup 的决心吗？不可能，退而求其次 阅读全文

摘要： Vue 的编译模块包含 4 个目录： compiler-core compiler-dom // 浏览器 compiler-sfc // 单文件组件 compiler-ssr // 服务端渲染 其中 compiler-core 模块是 Vue 编译的核心模块，并且是平台无关的。而剩下的三个都是在 c 阅读全文

摘要： 先复习一下前、中、后遍历的顺序： 前序遍历顺序：中-左-右 中序遍历顺序：左-中-右 后序遍历顺序：左-右-中 用递归来写二叉树遍历是非常简单的，例如前序遍历的代码如下： const result = [] function preorderTraversal(node) { if (!node) 阅读全文

摘要： 项目地址 可以根据数据动态生成可合并行列的表格。 文档 数据选项 options: { cols: 6, // 要生成的表格列数 rows: 7, // 要生成的表格行数 这个表是 7 * 6 data: [ // 表格数据，生成表格后将数据按顺序一一填充到表格 { content: '测试1', 阅读全文

摘要： 前言 学习 Vue3.0 源码必须对以下知识有所了解： proxy reflect iterator map weakmap set weakset symbol 这些知识可以看一下阮一峰老师的《ES6 入门教程》。 如果不会 ts，我觉得影响不大，了解一下泛型就可以了。因为我就没用过 TS，但是不 阅读全文

摘要： 由于最近开发的个人博客（Vue + node）在使用过程中，发现网络加载有点慢，所以打算对它进行一次优化。本次优化的目标如下： index.html 设置成 no-cache，这样每次请求的时候都会比对一下 index.html 文件有没变化，如果没变化就使用缓存，有变化就使用新的 index.ht 阅读全文

摘要： 本文将尽量用通俗易懂的方式来向读者讲述 HTTP 的知识。 另外，建议在学习 HTTP 知识的时候，利用 Chrome 开发者工具来做实践，这可以帮助你理解得更深刻。 （此图在网上找来的，侵删） HTTP 概述 HTTP 超文本传输​​协议是位于 TCP/IP 体系结构中的应用层协议，它是万维网数据 阅读全文