Tofu

Vue-TS 项目中 TypeScript 相关配置介绍 安装了 TypeScript 相关的依赖项 dependencies 依赖： 依赖项 说明 vue-class-component 提供使用

服务端渲染 概述 SPA 单页面应用 优点： 用户体验好； 开发效率高； 渲染性能好； 可维护性好； ... 缺点： 首屏渲染时间长； 不利于 SEO； 借鉴了传统的服务端渲染 客户端激活为 SPA

Vuex 状态管理 组件内装填管理流程 状态管理 通过状态集中管理和分发，解决多个组件共享状态的问题； state：驱动应用的数据源； view：以声明方式将 state 映射到视图； actions

模拟 Vue.js 响应式原理 数据驱动 数据响应式、双向绑定、数据驱动 数据响应式 数据模型仅仅是普通的 javascript 对象，而当我们修改数据时，视图会自动更新，避免了繁琐的 DOM 操作，

Vue-Router vue-router 的基础使用 1. Vue.use 注册路由插件： router.js 文件 Vue.use 用于安装插件。 Vue.use(plugin) 用法： 如果 p

Gulp Gulp 可以说是当下最流行的前端构建系统，特点是：高效、易用。其使用过程非常简单，大致过程如下： 基本使用 1. 初始化工作： 2. 编写 gulpfile.js 文件，添加构建任务： 3

Grunt Grunt 的基本使用 1. 初始化项目 2. 添加 grunt 模块 3. 添加 gruntfile.js 文件 项目根目录下添加 gruntfile.js 文件。 4. 编写 grun

常用的自动化构建工具 Grunt： Grunt 最早的前端构建系统。拥有完善的插件生态，其插件几乎可以自动化完成任何事情。 但是其工作过程基于临时文件去实现的，因此其构建速度相对较慢。 例如：使用 G

自动化构建 自动化：通过机器代替手工去完成一些工作。 构建：把一个东西转换成另一个东西。 开发行业当中的 自动化构建：把开发阶段中的源代码自动化的转化为生产环境中可运行的代码。这一转换的过程也被称为