10 2022 档案

摘要:filter API自实现 我感觉这个API我用起来不是很顺畅 我自己写一个看看 分析 这是api参考手册 设计思路 抛开其他的不谈,filter 本质上就是 原型Array上的一个函数 == api 这个api的结构是这样的 // 这个percolator是一个匿名函数 function filt 阅读全文 »
posted @ 2022-10-29 16:33 澜璨 阅读(599) 评论(1) 推荐(0) 编辑
摘要:列表过滤 需求分析 这里呢有张列表,假设这个列表有一百多条数据 当我在这个 搜索框当中 搜索 单个关键字的时候 (冬,周,伦),它能把带了这几个关键字的信息都给我罗列出来 跟数据库的 模糊查询类似 这个需求很常见,请你实现一下 上述这个需求,我们可以使用两种方式或者更多的方式实现,我们这里采用计算属 阅读全文 »
posted @ 2022-10-29 15:05 澜璨 阅读(583) 评论(0) 推荐(1) 编辑
摘要:key的作用 粗略的讲,key的作用就是给 节点 设置一个 唯一的标识 就像我们人类社会中,每个人的身份证号一样 在大部分对key要求不是很严格的场景下,使用index作为key是没问题的 但是我们本章要探讨的是,其他情况,可能会出现问题的情况 来看个例子 案例 这里呢,有个ul标签 在内部,li标 阅读全文 »
posted @ 2022-10-28 16:33 澜璨 阅读(297) 评论(0) 推荐(1) 编辑
摘要:需求 我们将计算属性的案例使用watch写一遍 需求一揽 两个输入框 下方一个全名 要求输入框内容发生变化的时候,全名也跟着变化 使用watch实现 自实现 既然要使用深度监视,那么我们就需要在data当中准备一个对象属性 我们的深度监视针对的就是这个fullName 我们在data当中定义另一个变 阅读全文 »
posted @ 2022-10-28 16:31 澜璨 阅读(50) 评论(0) 推荐(0) 编辑
摘要:顾名思义,监视一个属性的变化 需求 按照之前案例,isHot的值发生改动的时候 我需要知道这件事,isHot发生改变,就需要通知我 watch key值:你想监视的属性名(data配置项中的isHot) value值:对象类型 handler配置项 handler函数 isHot发生改变的时候调用 阅读全文 »
posted @ 2022-10-28 16:29 澜璨 阅读(89) 评论(0) 推荐(0) 编辑
摘要:需求 两个输入框 下方一个全名 要求输入框内容发生变化的时候,全名也跟着变化 用计算属性很快能写出来,我们先用插值语法和methods配置项完成 methods和插值语法 方法1 使用插值语法和methods配置项完成 思路 为input输入框绑定 按键监听事件@keyup OR @keydown 阅读全文 »
posted @ 2022-10-28 16:26 澜璨 阅读(120) 评论(0) 推荐(0) 编辑
摘要:在了解了关于js当中的Object.defineProperty()这个方法后,我们继续对vue当中的数据代理做一个基于现在的解析 建议观看之前先了解下js当中的Obejct.defineProperty() 链接地址 了解如何代理 准备工作 准备一个容器,供vue实例对象指定 在实例对象当中配置供 阅读全文 »
posted @ 2022-10-27 08:16 澜璨 阅读(458) 评论(0) 推荐(1) 编辑
摘要:事件总结 事件修饰符连携 准备工作 html <!-- 定义一个容器 --> <div class="app"> <!-- 事件修饰符连携 --> <div class="box" @click="toBaidu"> <a href="https://www.baidu.com" @click.st 阅读全文 »
posted @ 2022-10-26 08:23 澜璨 阅读(46) 评论(1) 推荐(0) 编辑
摘要:键盘事件 @keyup和@keydown keyup:按键弹起触发 keydown:键盘按下触发,一直按住一直触发 准备工作 那么针对keyup和keydown,我们可以设计单独的按键监听事件,也就是针对一个按键触发 别名 vue给常用的按键都起了别名 一共有9个 准备工作 <!-- 创建一个容器 阅读全文 »
posted @ 2022-10-26 08:21 澜璨 阅读(86) 评论(0) 推荐(0) 编辑
摘要:v-on指令 语法 v-on:xxx 这里的xxx指代的是各类事件类型,例如单击,双击,鼠标悬停,键盘监听等等...... 准备工作 准备一个容器,两个按钮,一个按钮不传递参数,另一个按钮传递参数 <body> <!-- 创建一个容器 --> <div class="subject"> <!-- 标 阅读全文 »
posted @ 2022-10-26 08:19 澜璨 阅读(47) 评论(0) 推荐(0) 编辑
摘要:概述 首先需要理解下什么是事件修饰符 常用事件修饰符 案例1_阻止默认行为发生 我这里有一个a标签 这个标签呢我会给它配置一个点击事件 点击事件输出一句话,那么效果是这样的 代码 <body> <!-- 定义一个容器 --> <div class="app"> <!-- 默认事件发生(常用) --> 阅读全文 »
posted @ 2022-10-26 08:16 澜璨 阅读(344) 评论(0) 推荐(0) 编辑
摘要:回顾 object.defineProperty() 方法 区别 defineProperty == 给对象定义属性用的 需要传递三个基本参数 需要定义属性的对象名 你要定义的属性叫什么名字(比如给person这个实体添加一个age属性) 配置项(对象类型的参数,里面存放键值对) <script> 阅读全文 »
posted @ 2022-10-22 09:33 澜璨 阅读(271) 评论(0) 推荐(0) 编辑
摘要:将来时态构成详解 使用助动词will构成的将来时态 一般将来时态 与一般过去时态相反(时间上) 如果说 一般过去,我们将其当做一张照片 从这张照片当中,我们无法得知 动作什么时候开始 什么时候结束 只知道这个动作发生过 使用规则 场景 描述:指将来某个时间点会发生的动作 将来的事情,谁能确定? 所以 阅读全文 »
posted @ 2022-10-14 19:37 澜璨 阅读(353) 评论(0) 推荐(0) 编辑
摘要:现在时态构成详解 一般现在时态 最容易构成的时态,直接加动词原形(字典当中显示的词条)就可以 第三人称"单数"的话需要加s 这是最容易出错的时态;容易将 现在的时间,和一般的状态;弄混 其实这个我觉得还好,通过之前的理解 例如第一句:并非是我正在吃胡萝卜,而是我吃胡萝卜(没有指明我到底正在吃,吃完了 阅读全文 »
posted @ 2022-10-14 19:36 澜璨 阅读(407) 评论(0) 推荐(0) 编辑
摘要:动作和时间结合 现在的四种时态 现在进行时态 对于 现在这个时间点,这个 动作 还在进行当中 例如:我现在正在喝水 现在完成时态 对于 现在这个时间点,这个 动作 已然完成 例子:我现在已经喝完了水 现在完成进行时态 对于现在而言,这个动作已经完成,但是将来还要继续,其实这个比较好理解了,如果看懂了 阅读全文 »
posted @ 2022-10-14 19:35 澜璨 阅读(239) 评论(0) 推荐(0) 编辑
摘要:时态 什么是时态? 英语的时态,是由动作的时间 + 动作的状态;这俩一起构成了时态 动词的时间和状态在一起,合称时态 理论上的十六种时态 先将 时间和状态的概念搞清楚,再具体讨论,用什么词,去构成时态 动词的时间和状态 动词时间 有四种,前三种很好理解 过去,现在,将来 过去将来 这是什么意思? 释 阅读全文 »
posted @ 2022-10-14 19:34 澜璨 阅读(268) 评论(0) 推荐(0) 编辑

喜欢请打赏

扫描二维码打赏

了解更多

点击右上角即可分享
微信分享提示