- 博客(14)
- 收藏
- 关注
RSS订阅原创 父子组件的生命周期详解
只有当父组件开始挂载（beforeCreate）时，他才开始解析页面，这时才会发现页面中引用了Child组件，于是它直接进入Child组件开始解析，进入Child组件后，同父组件执行流程一样，先是beforeCreate和created，然后执行beforeMount和mounted，当挂在完毕之后紧接着执行父组件的下一条语句，当父组件的所有语句执行完成之后，就进入了mounted。这是父组件的部分代码，我们将name以Props的形式将它传入子组件中。上图就是父子组件的生命周期。
2023-07-30 21:21:38
1517
3
原创 export‘ default‘ (imported as‘ Vue‘ ) was not found in‘ vue’ (possible exports: BaseTransi tion....
上面问题描述说的是没有 发现vue，这种情况是因为我们应用了一个vue和vuex不匹配的效果，vue2只能使用vuex3，vue3只可以使用vuex4，目前我们安装插件时默认是最新版本vuex4，因此如果使用的是vue2编写代码，但是安装的是vuex4，就会报错。当时查看了一下自己的版本发现我的vue3对应的vuex3，于是我意识到可能是在安装Vuex插件时写错了，当时直接看了一下安装时输入的命令，因为我一直用的是vue2编写的代码，但是在安装vuex时将原本的命令 ‘上图是vue2的正确形式。
2023-06-24 09:50:03
676
1
原创 超详细的vue生命周期详解
学习vue的生命周期对开发人员来说有非常大的帮助，他使开发人员可以更清楚地认识vue的工作流程。每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听编译模板挂载实例到 DOM，以及在数据改变时更新 DOM。在此过程中，它也会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码。下方图片中红色框即是vue的生命周期VUE生命周期图。
2023-06-20 09:21:56
5095
3
原创 v-for中key值所产生的问题（详解）
vue中的key有什么作用?(key的内部原理)key是虚拟DOM对象的标识，当数据发生变化时，Vue会根据新数据生成新的虚拟DOM,随后Vue进行新虚拟DOM与旧虚拟DOM的差异比较，比较规则如下:2.对比规则:(1).旧虛拟DOM中找到了与新虚拟DOM相同的key:@.若虛拟DOM中内容没变，直接使用之前的真实DOM!@.若虚拟DOM中内容变了，则生成新的真实DOM，随后替换掉页面中之前的真实DOM。
2023-06-06 19:23:57
771
1
原创 HTML/CSS布局技巧(一)
我们在进行页面布局时总会遇到各种各样的问题，比如：水平居中，垂直居中，图片和同行文字要看起来对称，还要考虑基线问题等。为了方便大家对页面布局有更好的了解，我将一部分布局小技巧整理出来，之后在设置页面遇到布局问题会继续归纳分享的哦！2.想要实现下图居中问题需注意：文字和图片分别都居中且文字处于在图片中间，这时我们会用到。图片默认情况下是基线对齐的，因此我们只要更改他的对齐方式即可，或者我们将它改为块元素。1. 行内元素、行内块元素居中：水平居中使用。父元素的行高和父元素高度设置为一样的。
2023-06-05 07:35:06
73
1
原创 CSS选择器(二)
如上图想要选择ul中的所有li标签可以使用后代选择器，包子，豆浆，油条和食物都属于ul的后代，为了方便理解大家可以认为食物充当的是“孙子”这个对象，其余三个可以看做是“儿子”。他们都是ul的后代。5.【title*="a"】-------指的是选中具有title属性，并且属性值之中包含a字母的元素。3.【title^="b"】------指的是选中具有title属性，且属性值中以b开头的元素。4.【title$="c"】------指的是选中具有title属性，且属性值中以c结尾的元素。
2023-04-27 20:38:00
568
原创 JSON.parse(JSON.stringify())实现深拷贝
深拷贝就是完全拷贝一份新的对象，会在堆内存中开辟新的空间，拷贝的对象被修改后，被拷贝的原对象不会产生任何变化。主要针对的是引用数据类型.
2023-04-26 22:49:58
2756
原创 AJAX介绍（二）案例
上述代码在get.html的script标签中。在post.html的script标签中xhr.send();JS代码，在post.html的script标签中添加。2.准备服务端代码server.js。7.AJAX发送post请求体。6.AJAX发送post请求。1首先先准备好HTML页面。8.AJAX设置请求头信息。修改server.js文件。5.AJAX设置请求参数。post.html页面。get.html页面。
2023-04-22 22:08:55
44
2
原创 AJAX介绍(一)
AJAX是一个交互性非常强的一门技术，使用Ajax技术网页应用能够快速地将信息呈现在用户界面上，且不需要刷新整个页面，这使得程序能够更快地回应用户的操作。比如：百度注册页面，当输入注册用户名时（向服务端发送请求，得知不可用），会提醒“此用户名已被使用，请更换”，这种现象就是因为使用了AJAX。还有某些大型购物页面，当鼠标悬浮在某个标题时会马上出现一个分类或者有关标题的一个板块，这种现象也使用了AJAX,总之AJAX的使用范围非常广泛。
2023-04-22 22:06:29
45
3
原创 JSON介绍
最近学习了AJAX,所以先更新AJAX，后续会继续更新CSS,HTML。AJAX中有涉及到JSON，因此先对JSON进行一个简单说明。用来存储和表示数据，是完全采用独立于编程语言的文本格式。它可以在多种语言之间进行数据交换。它是基于JavaScript的。在前后端交互时会涉及到JSON。一.JSON特征JS中的对象只有JS自己认识，其他语言都不认识JSON是一个特殊格式的字符串，这个字符串可以被任意语言所识别并且可以转换为任意语言的对象，JSON在开发中主要用来数据交互。
2023-04-19 17:10:22
177
3
原创 CSS选择器（一）
且’，同时满足多个条件。例如：类名是beauty的p标签.（此时下面代码中"动物"并不会添加背景颜色）但是切记一个元素标签中不能同时含有两个id,因为Id是唯一标识。‘或’，将多个选择器用‘ , ’隔开。可以选中所有HTML元素。(选择范围由大到小描述)
2023-04-17 22:39:48
59
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人