摘要: 1.Vue中watch、methods 和 computed 的区别? watch 为了监听某个响应数据的变化。computed 是自动监听依赖值的变化,从而动态返回内容,主要目的是简化模板内的复杂运算。所以区别来源于用法,只是需要动态值,那就用 computed ;需要知道值的改变后执行业务逻辑, 阅读全文
posted @ 2020-12-25 14:56 Miraitowa- 阅读(97) 评论(0) 推荐(0) 编辑
摘要: 1.请说出三种减少页面加载时间的方法。(加载时间指感知的时间或者实际加载时间) 1.优化图片 2.图像格式的选择(GIF:提供的颜色较少,可用在一些对颜色要求不高的地方) 3.优化CSS(压缩合并css,如margin-top,margin-left...) 4.网址后加斜杠(如www.campr. 阅读全文
posted @ 2020-12-24 13:48 Miraitowa- 阅读(83) 评论(0) 推荐(0) 编辑
摘要: 什么是Promise? Promise可以简单理解为一个事物,这个事物存在三种状态: 已经完成了 resolved 因为某种原因被中断了 rejected 还在等待上一个事务结束 pending Promise 就是一个事务的管理器。他的作用就是将各种内嵌回调的事务用流水形式表达,其目的是为了简化编 阅读全文
posted @ 2020-12-22 20:29 Miraitowa- 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 其实React与Redux并没有什么直接的联系。Redux作为一个通用模块,主要还是用来处理应用中state的变更,而展示层不一定是React。但当我们希望在React+Redux的项目中将两者结合的更好,可以通过react-redux做连接。 当一个react项目组件层级越来越深,页面越来越多的时 阅读全文
posted @ 2020-12-20 19:42 Miraitowa- 阅读(479) 评论(0) 推荐(0) 编辑
摘要: vuex 和 redux 都是状态管理库,用于单独管理状态的。其中,redux是一个范用的库,可以单独使用。而vuex是专门用来配合vue使用的。他们都应用了flux架构的思想,但是在接口的提供上稍有不同。 1. 核心概念对比 Redux 的核心概念 action (同步action ,或借助 中间 阅读全文
posted @ 2020-12-18 14:05 Miraitowa- 阅读(1922) 评论(0) 推荐(0) 编辑
摘要: 每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。 Vue2.0的生命周期钩子一共有10个 生命周期钩子详细 beforeCreate 在实例初始化之后,数据观测(data observer) 和 event/watcher 事件配置之前被调用。 created 实 阅读全文
posted @ 2020-12-17 11:48 Miraitowa- 阅读(74) 评论(0) 推荐(0) 编辑
摘要: 1. 浅拷贝 js的数据类型,分为基本类型和引用类型 js基本类型:Number、String、Boolean, 其传值方式是按照按值传递的方式 var num1 = 1; var num2 = num1; num2 = 2; 此时的num1的值不受影响,仍为1; 引用类型是按引用传值 var ob 阅读全文
posted @ 2020-12-16 18:41 Miraitowa- 阅读(65) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2020-12-16 15:13 Miraitowa- 阅读(71) 评论(0) 推荐(0) 编辑
摘要: React生命周期图解: 一、旧版图解: 二、新版图解: 我们知道React的生命周期分为三个部分: 实例化、存在期和销毁期 旧版生命周期如果要开启async rendering,在render函数之前的所有函数,都有可能被执行多次。 React生命周期新引入了两个生命周期函数:getDerived 阅读全文
posted @ 2020-12-16 13:57 Miraitowa- 阅读(82) 评论(0) 推荐(0) 编辑
摘要: 什么是BFC? BFC的中文名称是块级格式上下文,Block Formatting Context的简称,可以把BFC看作元素的一种属性,当元素拥有了BFC这个属性时这个元素就可以看作是独立了的独立容器,容器里面的元素不会在布局上影响到外面的元素。在一个块格式化上下文中,盒在竖直方向一个接一个地放置 阅读全文
posted @ 2020-12-13 19:21 Miraitowa- 阅读(76) 评论(0) 推荐(0) 编辑