- 博客(35)
- 收藏
- 关注
RSS订阅原创 第四章: 全面梳理Java 标识符变量的声明,基本数据类型,String类型以及相互之间的类型转换
带你全面梳理java 中标识符的意义, 以及变量的声明规则, 包括var 关键字的使用. 相信认识Java中基本数据类型, String 字符串类型, 以及基本数据类型之间, 以及基本数据类型和String类型之间的转换
2024-06-04 07:14:13
958
原创 第十九节:带你梳理Vue2: 父组件向子组件传参(props传参)
本章主要用于介绍组件嵌套,以及嵌套形成的父组件向子组件传参.子组件如何通过pops 接收父组件数据, 以及接收数据处理详情
2024-05-29 18:55:00
1357
1
原创 第十八节:带你梳理Vue2: Vue组件中的注意事项和特例
Vue组件名推荐使用驼峰命名 现在我们来看看为什么在Vue中推荐注册组件时使用驼峰写法, 推荐使用驼峰写法也是和局部组件有关系
2024-05-28 18:32:16
1194
原创 第十七节:带你梳理Vue2: Vue组件的认识,创建和使用
组件系统是 Vue 的另一个重要概念,它是一种抽象的概念，类似于积木中的一块块小积木,通过这些小积木拼接成一个大的模型.
2024-05-27 19:16:40
648
原创 第十六节:带你梳理Vue2: 生命周期与钩子函数
通过前面几节的学习，我们已经对vue有了初步的了解，大致了解了vue可以帮我们干什么，那么接下来我们就来看看vue的生命周期和它常用的钩子函数,
2024-05-24 18:34:14
402
2
原创 第七节:带你全面理解vue3: 其他响应式进阶API
针对vue3官网中, 响应式:进阶API 中, 我们在上一章中给大家讲解了三个API的使用. 本章主要对剩余响应式:进阶API进行讲解
2024-05-24 18:09:44
622
原创 梳理 JavaScript 中空数组调用 every方法返回true 带来惊讶的问题
该文章描述了JavaScript 中every 遍历数组的方法在遍历空数组时遇到的问题. 以及内部逻辑.
2024-05-24 08:07:29
893
原创 第十五节:带你梳理Vue2:computed/methods/watch之间的区别
通过认识vue2 中computed, watch, methods 之间的区别, 进而在工作中合理的选择不同的选项进行使用.
2024-05-23 20:06:07
905
原创 第十四节:带你梳理Vue2:filters过滤器
过滤器是唯一不能使用this来访问数据或者其他方法的地方,这一点是故意设计成这样的, 因为过滤器应该是一个纯函数, 也就是对于同样的输入每次都返回同样的输出,而不涉及任何外部数据, 如果想访问外部数据可以通过参数传递.我们在回顾到目前为止我们所学的知识, 有什么方方案可以很好的将逻辑抽离出来吗, 计算属性和侦听器显然不合适,因为都需要检测依赖数据的变化, 有多少数据就需要多少的计算属性,和多少的侦听器, 反而不美。注册的全局过滤器,就可以在vue任何地方都可以使用。
2024-05-22 18:42:01
602
原创 第六节:带你全面理解vue3 浅层响应式API: shallowRef, shallowReactive, shallowReadonly
本章主要给大家讲解创建浅层响应式数据的 API, 即`shallowRef`, `shallowReactive`, `shallowReadonly`
2024-05-22 17:50:13
936
原创 第十三节:带你梳理Vue2 : watch侦听器
侦听器可以监听data对象属性或者计算属性的变化 watch是观察属性的变化 所以watch的属性名必须要与观察人的名字保持一致; 只有观察的值发生了变化才会触发,
2024-05-21 17:00:13
1008
原创 第五节: 带你全面理解 vue3 中 computed, watch, watchEffect 组合式API的使用
前言:上一章, 带大家分析了vue3核心响应式API中的三个, 即reactive,ref, readonly.本章将会带大家分析另外几个工作中比较常用的组合式API.1. computed 计算属性在vue2中, 我们是通过computed选项添加计算属性的, 关于计算属性的本质, 这里就不过多阐述了, 如果还有不了解的同学, 可以去看vue2专栏中,关于computed计算属性讲解1.1. computed 基本使用computed组合式API, 接受一个 getter 函数作为参数，
2024-05-21 16:25:58
681
原创 第十二节:带你梳理Vue2: computed计算属性
其实我们发现这样可以达到复用的目的, 但是如果我们测试就会发现,函数在每一次调用的时候都会执行, 都会重新计算, 如果调用100次,函数就会执行100次, 对于性能不是特别好, 因为每一次的结果都是一样的。当我们点击改变数据按钮的时候, 数据发生变化, 数据一旦发生变化,就会自动触发依赖这个数据的计算属性的方法, 通过计算得到的结果将会覆盖原来属性的结果, 也就会重现渲染页面结果。其实想想就能理解, 对象的属性, 获取的时候不就是get 当你改变对象属性的值,不就是重新赋值了嘛,也就是set啊,
2024-05-20 19:59:47
808
原创 第五节: 带你全面理解 vue3 中 computed, watch, watchEffect 组合式API的使用
本章全局讲解vue3 中的computed, watch, watchEffect 组合式API的使用. 通过示例详解三个API 细节部分. 让你对这些知识进行全面的了解.
2024-05-19 22:20:11
1143
原创 第四节:全面理解 vue3 中reactive, ref, readonly 响应式核心API的使用
本章主要讲解vue3 中 reactive, ref, readonly 三个响应式核心API 的使用. 介绍了三个API基本用法, 使用细节, 以及类型标注等内容
2024-05-18 16:11:09
415
原创 第十一节:Vue事件/表单/按键的修饰符
事件修饰符 在事件处理函数中,我们可能需要经常处理诸如阻止默认事件或阻止事件冒泡等事情,事件修饰符可以帮助我们解决此类问题
2024-05-17 17:50:15
1007
原创 第三节: 一文带你全面理解 vue3 新增 setup 选项的使用
本章主要介绍vue3 新增的钩子函数setup 的使用, setup 也是组合式API的入口, 这里分析了setup 函数的返回值, 以及两个参数的使用情况,
2024-05-16 23:36:11
945
原创 第十节:Vue指令:v-for列表循环
key:1 id: 1 index: 1 name: “梨子” key:4 id: 4 index: 1 name: “这是新增的水果”key:2 id: 2 index: 3 name: “西瓜” key:1 id: 1 index: 2 name: “梨子”key:0 id: 0 index: 0 name: “苹果” key:0 id: 0 index: 0 name: “苹果”
2024-05-15 18:29:17
318
原创 第九节:Vue指令:v-if条件判断
v-if是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if也是惰性的：如果在初始渲染时条件为假，则什么也不做,直到条件第一次变为真时，才会开始渲染条件块。v-show就简单得多,不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。一般来说，v-if有更高的切换开销，而v-show有更高的初始渲染开销。因此，如果需要非常频繁地切换，则使用v-show较好；如果在运行时条件很少改变，则使用v-if较好。
2024-05-15 18:27:31
1116
原创 第八节:Vue指令:v-model双向数据绑定
v-model属性的值是一个数据的变量,如果数据的值发生变化,会影响input的值,input的值的变化同时影响数据的变化。如果标签没有value,则选中多选按钮时,则数组里收集表单的值为null, 未选中,收集的值为空。如果v-model,绑定的是一个字符串,咱们绑定的值,会转成布尔值,如果有value属性,那么选中取出的是value的值,未选中则为空。对于不能输入内容的表单,比如多选按钮,如果只有一个,或者有多个,属性, 两个单选按钮也依然是互斥的,因为双向绑定的是通过一个数据。
2024-05-15 18:21:57
485
原创 CSS样式表width常忽略使用的fit-content/max-content/min-content属性值
css3 样式中width 属性值的几种属性值
2024-05-14 23:06:34
804
原创 第二节:一文带你全面理解 vue3源码中createApp 初始应用的逻辑
本章主要带大家分析vue3 源码中 createApp 入口API的时候, 包括如何创建对应对象, 获取渲染器, 以及DOM 操作方法集, 以及mount 应用挂载逻辑
2024-05-13 13:02:18
1157
原创 第二节: 了解 vue3 通用属性方法
通过这篇文章了vue3 全局 version, nextTick, defineComponent 通过属性和方法的使用
2024-05-12 23:12:24
487
原创 第七节: 一文带你全面学通v-on事件绑定指令
通过一偏文章带你梳理完`vue2`事件绑定的细节, 理解`v-on` 指令的使用, 理解事件对象的获取, 以及事件处理函数中关于this 执行问题的描述.
2024-05-11 22:03:17
713
1
原创 第六节:Vue指令:v-bind动态属性绑定
上一小节的学习,让我们理解以v开头的指令后面跟的将是表达式,同样标签也有一些合法的标签属性.如果想将这些属性的值变为表达式,我们可以使用Vue提供的v-bind:指令.因为动态属性style的值是一个对象,因此 我们可以把对象提取出来直接作为vue 数据data属性值,那么我们就可以直接绑定一个对象就可以了。动态绑定class 就是使用v-bind指令来绑定, 一但使用v-bind指令后,class属性的值不在是一个字符串,而是一个表达式,但是一旦使用了动态绑定, `style`属性的值将变成JS表达式,
2024-05-10 18:15:56
702
原创 第一节: 全面细致的理解创建vue3应用的 createApp函数
相信大家已经比较熟了, 就是父组件给子组件传参的方式. 问题在于根组件已经是顶级组件了, 没有父组件传入。类型, 可以查看源码. 我们可以通过在控制台输出的方式, 查看返回的应用对象都具有哪些属性.参数, 可以是一个真实DOM元素, 也可以是一个选择器字符串。模板是需要编译成渲染函数, 通过调用渲染函数, 获取返回的。的第一个参数除了可以是单文件组件, 也可以是选项对象。选项, 直接编写渲染函数, 渲染函数需要返回。函数的第一个参数, 接下来我们分析第二个参数。函数接受两个参数, 第二个参数是可选地,
2024-05-10 17:57:11
1141
2
原创 第一节: Vue3 源码分析概述
vue3源码分析概览, 介绍源码工程的目录结构, 工程的启动, 以及源码调试,并且介绍了Vue3 runtime 运行时, reactivity 响应式, compile 编辑器三大系统, 为后续源码分析做准备
2024-05-10 07:25:11
1267
原创 第五节:Vue指令:基本认识使用/v-text/v-html/v-cloak/v-once/v-pre
虽然上面三种方法都可以将数据渲染到页面上，但是工作中我最常用的是{{}}最被常用但是在加载的时候会出现闪烁问题(指令篇章v-cloak会讲解解决方法)，无法将html格式数据渲染，只能当字符串展示v-text虽然没有数据加载闪烁问题，但是会将标签中间的数据覆盖，也不能渲染html格式数据。v-html谨慎使用会出现xss攻击的风险。
2024-05-09 18:04:48
978
原创 第三节: Vue选项: data数据以及数据响应式
同样的如果采用替换原对象,通过字面量的方式替换,会发现如果我原对象已有多个属性,在通过替换原对象的方式触发响应式的时候,需要不断重写原对象的属性, 就很繁琐.通过示例,我们有发现不会触发响应系统的数据属性跟具有响应系统的属性一起改变,也会到处页面的重新渲染, 因为有人触发了响应系统,如果你稍后还是单独改变。但是我们后添加的对象的数据不是响应式, Vue不会根据这些数据的变化来改变对应的视图,所以当你单独新增一个属性是不会触发响应系统,这就会阻止修改现有的属性， 数据没发改变,也就不会触发Vue的响应系统。
2024-05-08 17:51:53
717
原创 第二节:Vue实例化
虽然Vue是数据驱动的,但是有的时候我们就需要自己手动的获取到DOM元素,对DOM元素进行操作,那么该如何处理呢,Vue 接管的DOM元素之外的元素使用ref是获取不了的,值是undefined。就是Vue实例化对象,未来可能会用它来搞很多事情,但是最常用到它的时候,是通过。这里面很多属性,我们暂时不用去关心他,因为随着学习的深入,慢慢都会学习到的.插值表达式,表达式,赋值运算,计算,三元表达式,但是尽量少在这里写逻辑计算。这个数据,一旦数据发生变化,就会触发Vue的响应式, 继而改变视图显示。
2024-05-08 16:14:40
692
原创 第一节:Vue的认识与了解
vue.js是一套渐进式JavaScript框架,vue是一款友好的,多途径且高性能的JavaScript框架,可维护和测试更强的代码作用: 动态构建用户界面和其他前端框架的关联。
2024-05-07 07:12:07
751
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人