- 博客(15)
- 收藏
- 关注
RSS订阅原创 Webpack笔记1
（webpack只能理解js和json文件，loader可以让webpack去处理其他类型的文件，并将它们转换为有效的模块）plugin目的在于解决loader无法实现的其他事，是webpack的支柱功能。默认值 ./dist/main.js,其他生成文件默认放置在./dist文件夹中。loader可以是同步的也可以是异步的。同理也可以用webpack.config.js来配置出口地址。设置地址可以在webpack.config.js。默认值是./src/index.js。用于自定义编译过程中的进度报告，
2024-12-26 19:39:12
131
原创 vue父子组件的生命周期顺序
由此可见，由于vue获取dom最早是在mounted里面，所以子组件要比父组件先获取到dom元素。在vue的前4个生命周期分别打印一下，看看执行顺序如何。如图所示vue的父子组件的生命周期是。
2024-10-15 01:37:33
187
转载 Vue学习笔记整理
原文链接：https://blog.youkuaiyun.com/weixin_49896519/article/details/109586165自己整理的一点东西，做个备忘录1、生命周期钩子函数.每个什么周期函数内需要处理哪些业务逻辑.1. BeforeCreate函数：在实例初始化后被调用 ，这个时候的this 不能用，在data中的数据 methods的方法 还有 watcher中的事件 都获取不到2.Created函数：实例已经创建完成了，实例对象已经完成了，这时候可以访问 data 中的
2021-12-27 18:17:18
216
转载 Vue中的watch、computed和methods有什么区别？（学习笔记）
一、watch、computed、methods的区别：watch: 一个对象，键是需要观察的表达式，值是对应回调函数。 主要用来监听某些特定数据的变化，从而进行某些具体的业务逻辑操作。 可以看作是computed和methods的结合体。computed: 属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算。 主要当属性来使用。methods: 方法表示一个具体的操作，主要是书写业务逻辑。二、watch的作用：(1)watch属性可以...
2021-12-24 11:08:15
376
转载 谈谈vue生命周期-看了这篇你就懂了
转载：https://www.jianshu.com/p/410b6099be69写这章博客不是为了要获得多少赞，主要是利用vue开发项目时踩的坑太多了。自己曾不理解或者遇到的问题再这里搞清楚，不想后来的人再遇到这样的坑，做技术的要懂得分享，做人嘛，最重要的是开心。vue官网说，“你暂时不用搞清楚这些...",我觉得你既然准备用vue做开发的，不搞懂搞透它，你以后会发现踩的坑终究还是有它引起的，等以后再来补坑，不如现在就拿下它。以下主要从几个方面来讲：1.vue的生命周期是什么3.vue
2021-12-23 10:43:54
206
原创 Vue的v-model的实现原理以及常用指令和修饰符，
v-model的实现原理：v-model="msg"等同于 :value="msg" @input="msg=$event.target.value"v-model其实是个语法糖，它实际上是做了两步动作：1、绑定数据value2、触发输入事件input一句话概括就是，绑定数据并且监听数据改变Vue的常用指令：v-text、v-html、v-pre、v-once、v-show、v-if、v-else、v-else-if、v-for、v-on、v-bind、v-modelVue的修饰.
2021-12-22 17:17:45
321
原创 组件间的通信方式有哪些：父子组件、兄弟组件、跨层级组件、再说一下对Vue单一数据流的理解。
父子组件：props,$emit,$parent,$attrs,ref等兄弟组件：eventbus,vuex等跨层级组件：eventbus,vuex等数据流：表明数据流向，单一指数据单向传输对Vue来讲，组件之间的数据传递具有单向数据流的特性。比如使用props 使得父子之间形成一个单向的下行绑定：父级prop的更新会改变子级的数据，而子组件不能直接修改父组件的数据，会报错。当然这个可以用数据data定义，和计算属性定义来解决。...
2021-12-22 12:55:56
182
原创 ES6 Map与Set
Map对象Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。Maps 和 Objects 的区别一个 Object 的键只能是字符串或者 Symbols，但一个 Map 的键可以是任意值。 Map 中的键值是有序的（FIFO 原则），而添加到对象中的键则不是。 Map的键值对个数可以从 size 属性获取，而Object的键值对个数只能手动计算。 Object 都有自己的原型，原型链上的键名有可能和你自己在对象上的设置的键名产生冲突。 Map 的迭代 ...
2021-12-16 13:59:59
930
原创 怎么使用git和gitee
首先下载git，注册gitee账号线上仓库和本地仓库的连接：①本地打开git Bash页面，输入命令。ssh-keygen -t rsa -C "xxxxx@xxxxx.com"上面网址填写你在gitee注册的邮箱地址②三次enter，即生成了公钥③查看公钥：cat ~/.ssh/id_rsa.pub④把公钥粘贴到gitee上即可（我的码云-SSH设置）线上完成了线上仓库和本地仓库的连接代码托管新建一个文件夹sshDemo,进入sshDemo，右键点击git bash here,
2021-11-15 18:08:14
143
原创 js中 数组和Object的keys(),values()和entries()方法
ES6 提供三个新的方法 —— entries()，keys()和values() 。它们都返回一个遍历器对象，可以用for…of循环进行遍历，区别是keys()是对键名的遍历、values()是对键值的遍历，entries()是对键值对的遍历.1. 数组的keys()和values()还有entries()方法let arr = ['a', 'b', 'c']for (let index of arr.keys()) {console.log(index);}// 0// 1//
2021-11-15 09:57:07
2706
原创 js数组遍历方法总结
1.for循环使用临时变量，将长度缓存起来，避免重复获取数组长度，当数组较大时优化效果才会比较明显。for(j = 0, j < arr.length; j++) { }2.forEach循环遍历数组中的每一项，没有返回值，对原数组没有影响，不支持IE//没有返回值arr.forEach((item,index,array)=>{ //执行代码})参数：value数组中的当前项, index当前项的索引, array原始数组；数组中有几项，那
2021-11-11 16:39:56
1229
原创 JS 的 filter、map、reduce的基本使用
文章目录一filter的使用二map的使用三reduce的使用需求：1，取出数组 [10,20,111,222,444,40,50] 中所有小于100的数字(用filter完成)2，将所有小于100的数字全部乘以2(用map完成)3，将所有乘以2的数字相加，得到最终的结果(用reduce完成)提示： filter的回调函数有一个要求：必须要返回一个boolean值，当返回的值为true时，函数内部会自动将这次回调的n加入到新的数组中，当返回...
2021-11-11 15:43:30
734
原创 vue的v-if与v-show的区别以及使用场景
区别：1.手段：v-if是通过控制dom节点的存在与否来控制元素的显隐；v-show是通过设置DOM元素的display样式，block为显示，none为隐藏； 2.编译过程：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；v-show只是简单的基于css切换； 3.编译条件：v-if是惰性的，如果初始条件为假，则什么也不做；只有在条件第一次变为真时才开始局部编译（编译被缓存？编译被缓存后，然后再切换的时候进行局部卸载); v-show是在任何条件下（首次条
2021-09-13 15:04:21
100
原创 数组中push,pop,shift,unshift,splice,sort,reverse方法
1 push方法 //从后面添加元素this.letters.push(aaa)2 pop方法 //从最后面删除元素this.letters.pop()3 shift方法 //删除数组中的第一个元素this.letters.shift()4 unshift方法 //从第一个元素前面开始添加元素this.letters.unshift()5 splice方法 //删除元素/插入元素/替换元素this.letters.splice(1)删除元素：第二...
2021-08-16 01:25:35
632
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人