摘要:建议先阅读官方指南——Vue.js 服务器端渲染指南,再回到本文开始阅读。 本文将分成以下两部分: 简述 Vue SSR 过程 从零开始搭建 SSR 项目 好了,下面开始正文。 简述 Vue SSR 过程 客户端渲染过程 访问客户端渲染的网站。 服务器返回一个包含了引入资源语句和 <div id=" 阅读全文
posted @ 2020-11-02 17:04 谭光志 阅读(1882) 评论(0) 推荐(0) 编辑
摘要:本教程主要讲解了怎么使用 Jenkins 和 Github Actions 部署前端项目。 第一部分是使用 Gitea 配置局域网 git 服务器,再使用 Jenkins 将 Gitea 下的项目部署到局域网服务器。 第二部分是使用 Github Actions 将 Github 项目部署到 Git 阅读全文
posted @ 2020-10-26 10:38 谭光志 阅读(3815) 评论(0) 推荐(0) 编辑
摘要:github 项目地址 i18n-replace 是一个能够自动替换中文并支持自动翻译的前端国际化辅助工具。 它具有以下功能: 根据你提供的默认映射数据({ 中文:变量 }),i18n-replace 会把中文替换成对应的变量。 如果没有提供映射数据,则使用默认规则替换中文并生成变量。 将替换出来的 阅读全文
posted @ 2020-09-20 12:28 谭光志 阅读(1065) 评论(0) 推荐(0) 编辑
摘要:webpack 是一个模块打包器,在它看来,每一个文件都是一个模块。 无论你开发使用的是 CommonJS 规范还是 ES6 模块规范,打包后的文件都统一使用 webpack 自定义的模块规范来管理、加载模块。本文将从一个简单的示例开始,来讲解 webpack 模块加载原理。 CommonJS 规范 阅读全文
posted @ 2020-09-14 22:47 谭光志 阅读(1388) 评论(0) 推荐(0) 编辑
摘要:loader 官网上的定义: loader 是一个转换器,用于对源代码进行转换。 例如 babel-loader 可以将 ES6 代码转换为 ES5 代码;sass-loader 将 sass 代码转换为 css 代码。 一般 loader 的配置代码如下: module: { rules: [ { 阅读全文
posted @ 2020-09-11 22:44 谭光志 阅读(167) 评论(0) 推荐(0) 编辑
摘要:前言 为了学习 rollup 打包原理,我克隆了最新版(v2.26.5)的源码。然后发现打包器和我想像的不太一样,代码实在太多了,光看 d.ts 文件就看得头疼。为了看看源码到底有多少行,我写了个脚本,结果发现有 19650行,崩溃... 这就能打消我学习 rollup 的决心吗?不可能,退而求其次 阅读全文
posted @ 2020-08-30 09:36 谭光志 阅读(354) 评论(0) 推荐(0) 编辑
摘要:Vue 的编译模块包含 4 个目录: compiler-core compiler-dom // 浏览器 compiler-sfc // 单文件组件 compiler-ssr // 服务端渲染 其中 compiler-core 模块是 Vue 编译的核心模块,并且是平台无关的。而剩下的三个都是在 c 阅读全文
posted @ 2020-08-12 15:33 谭光志 阅读(789) 评论(0) 推荐(0) 编辑
摘要:先复习一下前、中、后遍历的顺序: 前序遍历顺序:中-左-右 中序遍历顺序:左-中-右 后序遍历顺序:左-右-中 用递归来写二叉树遍历是非常简单的,例如前序遍历的代码如下: const result = [] function preorderTraversal(node) { if (!node) 阅读全文
posted @ 2020-07-24 22:37 谭光志 阅读(165) 评论(0) 推荐(0) 编辑
摘要:项目地址 可以根据数据动态生成可合并行列的表格。 文档 数据选项 options: { cols: 6, // 要生成的表格列数 rows: 7, // 要生成的表格行数 这个表是 7 * 6 data: [ // 表格数据,生成表格后将数据按顺序一一填充到表格 { content: '测试1', 阅读全文
posted @ 2020-07-18 10:51 谭光志 阅读(1024) 评论(0) 推荐(0) 编辑
摘要:前言 学习 Vue3.0 源码必须对以下知识有所了解: proxy reflect iterator map weakmap set weakset symbol 这些知识可以看一下阮一峰老师的《ES6 入门教程》。 如果不会 ts,我觉得影响不大,了解一下泛型就可以了。因为我就没用过 TS,但是不 阅读全文
posted @ 2020-07-11 20:02 谭光志 阅读(1075) 评论(0) 推荐(0) 编辑