WavesBright

摘要： 项目集成 集成element-plus 官网地址: 安装图标库 pnpm install element-plus @element-plus/icons-vue 入口文件main.ts全局安装element-plus,element-plus默认支持语言英语设置为中文 import Element 阅读全文

摘要： 项目初始化 本项目使用vite进行构建，vite参考官网 pnpm包管理:performant npm，意味"高性能的npm"。pnpm由npm/yarn衍生而来，解决了npmlyarn内部潜在的bug，极大的优化了性能，扩展了使用场景。被誉为"最先进的包管理工具” 使用vite创建V3工程 是新一 阅读全文

摘要： 创建第一个C语言文件 新建=>项目=>空项目 创建.c文件 我们学的是C语言，c++就不写了 调整字体 快捷键：Ctlr + 鼠标滚轮 通过工具调整 工具库与main()函数 打开一个工具库 #include<stdio.h> 主函数 程序的入口，有且只有一个，必须有一个 #include <std 阅读全文

摘要： 通过上一节，我们知道了vue检测对象数据发生改变的原理 但是还有个api我们没有讲解，Vue.set()； 这个API比较适合在理解了对象检测的原理后进行讲解 案例准备 html <!-- 创建一个容器 --> <div class="app"> <h1>姓名：{{student.name}}</h 阅读全文

摘要： 数据更新 关于监视 我们之前讲过，我们在data当中配置的属性，最终会挂载在vue实例身上，而data这个配置项，最终也会在vue身上成为一个新的属性 == _data 当我们在页面DOM当中，去使用data当中的属性的时候，属性值发生变化，页面是不是会自动更新？ 为什么会这样？ 你可以理解为 Vu 阅读全文

摘要： 列表排序 需求分析 针对上个案例，列表过滤，我们对其进行一个升级 添加三个按钮，按照年龄进行升序，降序，原顺序 上个案例参考链接 根据上个案例，我们这次采用 计算属性的 方式 进行实现 实现 逐步分析 html 首先我们需要构建下页面元素嘛 这个页面是由 一个输入框input，3个按钮，一个ul l 阅读全文

摘要： filter API自实现 我感觉这个API我用起来不是很顺畅 我自己写一个看看 分析 这是api参考手册 设计思路 抛开其他的不谈，filter 本质上就是 原型Array上的一个函数 == api 这个api的结构是这样的 // 这个percolator是一个匿名函数 function filt 阅读全文

摘要： 列表过滤 需求分析 这里呢有张列表，假设这个列表有一百多条数据 当我在这个 搜索框当中 搜索 单个关键字的时候 （冬，周，伦），它能把带了这几个关键字的信息都给我罗列出来 跟数据库的 模糊查询类似 这个需求很常见，请你实现一下 上述这个需求，我们可以使用两种方式或者更多的方式实现，我们这里采用计算属 阅读全文

摘要： key的作用 粗略的讲，key的作用就是给 节点 设置一个 唯一的标识 就像我们人类社会中，每个人的身份证号一样 在大部分对key要求不是很严格的场景下，使用index作为key是没问题的 但是我们本章要探讨的是，其他情况，可能会出现问题的情况 来看个例子 案例 这里呢，有个ul标签 在内部，li标 阅读全文

摘要： 需求 我们将计算属性的案例使用watch写一遍 需求一揽 两个输入框 下方一个全名 要求输入框内容发生变化的时候，全名也跟着变化 使用watch实现 自实现 既然要使用深度监视，那么我们就需要在data当中准备一个对象属性 我们的深度监视针对的就是这个fullName 我们在data当中定义另一个变 阅读全文