- 博客(12)
- 收藏
- 关注
RSS订阅原创 状态管理库Vuex（2）
Vuex是个状态管理器。Vuex通过创建了一个数据中心，然后通过发布-订阅模式来让订阅者监听到数据改变。Vuex的store注入 vue的实例组件的方式，是通过vue的mixin机制，借助vue组件的生命周期钩子完成的。这样Vue组件就能通过this.$store获取到store了。Vuex使用vue中的reactive方法将state设置为响应式，这样组件就可以通过computed来监听状态的改变了。
2023-08-07 21:55:19
54
原创 状态管理库Vuex（1）
官方解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。设想每个Vue组件都只需要关心自己的数据和数据处理逻辑，组件之间完全独立，没有共享数据的需求，那么web应用会非常简单。但是实际情况是，一个web应用中不同组件常常会有数据共享的需求。
2023-07-29 21:19:07
65
原创 Vue基础以及指令（2）
在之前的组件示例中，展示了引入子组件，其中注册组件是局部注册，即只有在父组件的"components"属性中声明了子组件的引用，才能使用子组件，除了局部注册，还可以对组件进行全局注册，全局注册的组件不需要父组件声明子组件即可使用。上面示例展示了父组件通过ref获取子组件引用并调用子组件show方法的效果父组件有一个按钮，点击可以展示子组件，而子组件有个按钮，点击可以隐藏子组件。通常父组件引用了子组件后，都会需要和子组件进行通信，比如父组件需要控制子组件的展示内容、父组件需要监听子组件的变化等等。
2023-07-28 16:41:44
98
原创 Vue基础以及指令（1）
vue是一款优秀的web应用开发框架。什么是web应用？从用户的角度，web应用是一个可以提供用户交互并呈现信息的软件。即web应用要提供交互能力和信息展示；从开发者的角度，web应用程序是一种利用网络浏览器和网络技术在互联网上执行任务的计算机程序。即前端开发者开发web应用的时候，就是在获取和控制数据，然后根据用户交互将信息展示到页面上。
2023-07-16 21:31:29
62
原创 React和vue的区别
在学完了react和vue之后，对两个主流的前端框架都有了一些自己的了解。结合官方文档和自己的使用感受来分享一下React和Vue的区别，看完的话相信你会对这两大框架会有更深刻的认识，从而找到适合你自己的框架。两者的区别有以下几点：（1）数据是不是可变的react整体上是函数式的思想，状态和逻辑通过参数传入，所以在react中是单向数据流（react会在setstate之后重新走渲染的流程，如果是shouldcomponentUpdate返回true就渲染；返回false则是不渲染)。vue
2021-11-26 11:57:49
2054
2
原创 关于JavaScript中的浮点数的精度问题
在大多数的编程语言中，浮点数的精度问题都是老生常谈了，JavaScript也不例外。在学习的过程中，大家都会或多或少地听到老师或朋友说：“尽量不要使用浮点数来进行相加减”。为什么会有这种说法的出现。其实是因为JS中的小数采用的是双精度(64位)表示的，由三部分组成：符 + 阶码 + 尾数，在十进制中的 1/10，在十进制中可以简单写为 0.1 ，但在二进制中，他得写成：0.0001100110011001100110011001100110011001100110011001……（后面全是 1001 循
2021-11-18 21:18:36
970
原创 null 和undefined的区别
不知道大家有没有试着去打印一下unll和undefined相等‘==’和全等‘===’的结果。结果可能会让一些人疑惑：null==undefined //true ; null===undefined // false 。为什么会是那样的结果呢？这就得深入去了解两者的使用场景以及自身的一些性质。这样才能更加深刻地理解null和undefined。下面的内容可能会对你理解null和undefined有一定程度的帮助，这将有助于你以后在什么时候会使用它们。Number转换的值不同，Number(nul...
2021-11-04 23:43:40
580
原创 元素显示隐藏三种方式的区别
在学习css的过程中，设置display，visibility和opacity的属性都能设置元素的隐藏和显示。那么它们到底有什么不同之处呢？下面的内容将带你快速地了解到这三种显示隐藏方式的区别。总结图如下所示：display:none 不会继续占据空间：visibility：hidden 会继续占据空间opacity：0 会继续占据空间其中比较重要的是回流和重绘的区别：display: none; 更改该属性时会引起DOM树结构变化、页面重新布局——回流。...
2021-11-03 22:33:19
283
原创 call(),apply(),bind()三个方法的异同以及各自的应用
我们知道this指向一般都是指向调用：①如普通函数调用时，指向window；②构造函数调时，指向实例对象；③对象方法调用时，指向该方法所属的对象；④事件绑定方法调用时，指向绑定事件对象；⑤定时器函数和立即执行函数调用，指向window。在我之前谈到的es6之前，运用构造函数继承父构造函数的属性时，如果在子构造函数直接调用Father()时，这时子构造函数里面是没有任何继承父类的属性的，这就是因为this的指向问题所导致的。调用父构造函数时this是指向父构造函数创建出来的实例对象，这
2021-11-02 22:11:04
118
原创 浅谈原型实现继承的原理
在我上一篇文章中可以了解到原型是可以用来共享方法的。继承看字面也知道就是把父类中的属性方法传递到子类中，子类不用重复写相同逻辑的代码，这样能大大提高代码的可读性和简洁性。和我们现在可以用es6提供的class关键字创建类以及使用extends来继承父类不同。在es6之前我们是通过构造函数模拟创建类，这种方式叫做构造函数继承，而因为原型可以共享方法，那么也可以使用原型链来实现继承，不仅仅是继承方法，也可以继承原型上的属性，毕竟原型上的方法和属性都能够被相应的实例对象通过原型链继承，所以这种方式被称为原
2021-10-27 12:34:34
602
原创 弄懂原型对象和原型链
这些都是自己在学习的过程中整理出来的笔记，希望能帮到大家。因为自己也是个前端菜鸟，只是最前端有很浓厚的兴趣，想往这个方面发展，如果有整理不对的地方，请大家斧正。首先我们需要知道原型是什么？JavaScript规定，每一个构造函数都会有一个prototype属性，指向另一个对象。prototype就是原型的意思，这个prototype是一个对象，所以也通常称为原型对象。然后我们得知道为什么会有原型这个东西，它的用途是什么？我们知道es6提供class关键字帮助我们创建类，以及使用super关键
2021-10-26 12:55:15
114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人