BNTang

摘要： 接着上一篇文章，我们已经实现了构建Vue实例的过程，接下来我们要实现的是提取元素到内存。 主要是通过文档碎片来实现，文档碎片是一个轻量级的文档，可以包含和控制节点，但是不会像真实的DOM那样占用内存，所以我们可以通过文档碎片来提高性能。 大致的思路是这样的： 创建一个空的文档碎片对象 编译循环取到每 阅读全文

摘要： 前言 要想使用Vue必须先创建Vue的实例, 创建Vue的实例通过new来创建, 所以说明Vue是一个类, 所以我们要想使用自己的Vue, 就必须定义一个名称叫做Vue的类。 只要创建好了Vue的实例，Vue就会根据指定的区域和数据，去编译渲染这个区域，所以我们需要在自己编写的Vue实例中拿到数据和 阅读全文

摘要： Vue双向数据绑定原理-下这一篇文章主要讲解Vue双向数据绑定的原理，主要是通过Object.defineProperty()来实现的，这里我们手写Vue双向数据绑定的原理。 首先我提出一个需求，我的需求是，快速监听对象中所有属性的变化。 首先得要有一个对象，对象的定义代码如下： <script> 阅读全文

摘要： defineProperty方法 defineProperty除了可以动态修改/新增对象的属性以外, 还可以在修改/新增的时候给该属性添加get/set方法, 从而实现数据劫持。 defineProperty get/set方法特点 只要通过defineProperty给某个属性添加了get/set 阅读全文

摘要： Vue响应式的原理(数据改变界面就会改变)是什么? 时时监听数据变化, 一旦数据发生变化就更新界面, 这就是Vue响应式的原理。 Vue是如何实现时时监听数据变化的 通过原生JS的defineProperty方法, 通过get和set方法来监听数据的变化。 defineProperty方法的特点 可 阅读全文

摘要： 更改 Course.java: /** * 课程ID */ @TableId(value = "course_id", type = IdType.AUTO) @NotNull(message = "{course.id.notnull}") @Excel(name = "课程编号") privat 阅读全文

摘要： 后端 新建 CourseVO.java： /** * CourseVO类是一个课程的值对象，用于存储课程的相关信息。 * 它包含了课程的名称、类型、适用对象、最低价格和最高价格等属性。 */ public class CourseVO { private String name; // 课程名称 p 阅读全文

摘要： CourseController.java @PreAuthorize("hasPermission('tienchin:course:remove')") @Log(title = "课程管理", businessType = BusinessType.DELETE) @DeleteMapping 阅读全文

摘要： 更改包名 将之前的 entity 更改为 domain： 将之前的 validator 包当中的校验分组接口移动到 common 模块当中，因为其它模块也需要使用就放到公共当中进行存储。 更改完毕之后在修改下 Course.java 的校验注解的作用范围： /** * 课程ID */ @TableI 阅读全文

摘要： course.js 将 activity 替换成 course。 index.vue 这个 index.vue 是 course 文件夹下面的 index.vue 别弄错了。 <template> <div class="app-container"> <el-form :model="queryP 阅读全文