文明的熊猫

「这是我参与11月更文挑战的第26天，活动详情查看：2021最后一次更文挑战」 前言 自动化构建是前端工程化当中重要的组成部分，通过机器代替手工完成工作，减少前端的工作量 ...

「这是我参与11月更文挑战的第27天，活动详情查看：2021最后一次更文挑战」 常用的自动化构建工具 前言 npm script确实能处理一些构建任务，但是相对一些比较复杂...

「这是我参与11月更文挑战的第28天，活动详情查看：2021最后一次更文挑战」 Gulp Gulp作为前端当下最流行的构建系统，其核心特点就是高效易用，使用Gulp的过程十...

「这是我参与11月更文挑战的第29天，活动详情查看：2021最后一次更文挑战」 Gulp构建过程核心工作原理 前言 在了解了Gulp当中定义任务的方式过后，接下来我们一起重...

Gulp 文件操作api + 插件的使用 前言 Gulp中为我们创建了读取流和写入流的API，和一些插件，接下来，我们要进入使用环节了 简单的小栗子 通过 src, des...

前言 我们要通过一个实际案例，去实现一个自动化的网页构建的自动化工作流 构建用demo：https://gitee.com/liuyinghao123/task/tree/...

Gulp Gulp的文件合并 这里我们需要通过gulp-useref来进行文件的合并 安装 一键安装不多解释 使用 文件压缩 当然上面也说了需要配合gulp-if插件使用。...

我们的目标是简单手写一个，vue-router插件，本章节就是先带大家由浅入深去写插件所必要的静态方法 install，之后我们就可以开始一点一点的去完成我们的路由插件啦！...

简单手写vue-router 前言 我们已经完成了install函数的书写了，现在就要进入构造函数的书写阶段了 往期记录 构造函数 构造函数需求梳理 我们可以看到，在我们实...

VueRouter 本章我们要书写initComponents这个方法，这个方法我们要实现两个组件router-link、router-view router-link 组...

观察者模式和发布订阅模式 前言 观察者模式和发布订阅模式其实是老生常谈的，但是我们进入vue的源码系列之后，肯定是需要接触到这个的，所以还是需要进行一些了解的 发布订阅、观...

Vue 响应式原理 这又又又是炒冷饭的一篇笔记。。。。 vue的基本结构 这是一个vue的基本结构的简单代码 vue实例观察 这是打印出vue的实例的部分截图 整体结构 分...

前言 我们先来了解一下Vue类 功能 负责接受初始化的参数 负责把data中的属性注入到Vue实例中，转化成getter/setter 负责调用 observer监听dat...

前言 接上回书说到，我们实现了几个小点之后，我们要开始实现Observer类了 Observer 功能 负责把data选项中的属性转换成响应式数据 data中的某个属性也是...

前言 接下来 我们进入到Complier类的实现 Compiler 功能 负责编译模板，解析指令/差值表达式 负责页面的首次渲染 当数据变化后重新渲染视图 结构 判断元素属...

前言 首先我们先看看以下的脑图 目前我们已经实现了 vue、Compiler、Observer类 本章我们要实现 Dep（发布者）类 Dep 功能 收集依赖，添加观察者(W...

前言 本章要进入到 Watcher 类的实现了 Watcher 类 功能 当数据变化触发依赖， dep 通知所有的 Watcher实例更新视图 滋生实例化的时候往 dep ...

「这是我参与2022首次更文挑战的第1天，活动详情查看：2022首次更文挑战」。 什么是虚拟Dom 虚拟Dom很简单，就是用普通的js对象来进行描述dom对象，因为不是真实...

「这是我参与2022首次更文挑战的第2天，活动详情查看：2022首次更文挑战」 Snabbdom中的模块 目标： 本章要介绍Snabbdom中的模块 前言 我们要从下面三个...

「这是我参与2022首次更文挑战的第3天，活动详情查看：2022首次更文挑战」 Snabbdom 源码解析 接着我们开始学习 Snabbdom的源码 为什么要学习 Snab...