京鸿一瞥 - 博客园

2020年12月21日

摘要： Mutation 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。(官方希望我们使用mutation的方式去修改state) const store = new Vuex.Store({ state: { count: 1 }, mutations: { incremen 阅读全文

posted @ 2020-12-21 16:21 京鸿一瞥阅读(288) 评论(0) 推荐(0)

2、getter

摘要：有时候我们需要从 store 中的 state 中派生出一些状态, Vuex 允许我们在 store 中定义“getter”（可以认为是 store 的计算属性）。就像计算属性一样，getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。就和计算属性一样，处理出阅读全文

posted @ 2020-12-21 15:49 京鸿一瞥阅读(204) 评论(0) 推荐(0)

1、State

摘要：使用 this.$store.state.count const Counter = { template: `<div>{{ count }}</div>`, computed: { count () { return this.$store.state.count } } } 当然，这里推荐用阅读全文

posted @ 2020-12-21 11:36 京鸿一瞥阅读(240) 评论(0) 推荐(0)

vuex中使用commit提交mutation来修改state的原因

摘要：作为一个刚开始用 vuex 的小白，我一开始的用法就是直接修改 state 的状态，后来看到官网从组件的方法提交一个变更： methods: { increment() { this.$store.commit('increment') console.log(this.$store.state. 阅读全文

posted @ 2020-12-21 11:15 京鸿一瞥阅读(1856) 评论(0) 推荐(0)

2020年12月20日

object-fit 和 background-size了解一下

摘要：最近自己遇到了的问题，就是图片或背景在一个区块中的对其方式的设置。 background-size，只对背景图片有用设置背景图片大小。图片可以保有其原有的尺寸，或者拉伸到新的尺寸，或者在保持其原有比例的同时缩放到元素的可用空间的尺寸。单张图片的背景大小可以使用以下三种方法中的一种来规定：使用关阅读全文

posted @ 2020-12-20 16:24 京鸿一瞥阅读(439) 评论(0) 推荐(0)

2020年12月18日

setTimeout 的第三个参数

摘要：看到别人的一篇文章，突然发现一个平常得不能再平常的函数setTimeout()函数，竟然还有第三个参数！而在平时的使用中，我们一般只用到前面的两个参数： code：延迟时间到期之后执行的代码块 ms：延迟时间然后自己带着疑惑去查阅MDN之后，才发现，原来setTimeout函数不止有第三个参数，阅读全文

posted @ 2020-12-18 16:02 京鸿一瞥阅读(516) 评论(0) 推荐(1)

深入理解Promise

摘要：从异步编程说起但是对于异步代码，我们就不好推断到底什么时候会执行完成了。比如举一个实际的例子，我们去动态加载某个脚本，会这样做： function loadScript(src) { let script = document.createElement('script') script.src 阅读全文

posted @ 2020-12-18 15:26 京鸿一瞥阅读(191) 评论(0) 推荐(0)

2020年12月16日

flex和display: inline-flex区别

摘要： flex：将对象作为弹性伸缩盒显示inline-flex：将对象作为内联块级弹性伸缩盒显示 flex .main{ background-color: #0f0; display: flex;/*父div设置该属性*/ } .main>div{ width: 50px; height: 50px; 阅读全文

posted @ 2020-12-16 16:21 京鸿一瞥阅读(1180) 评论(0) 推荐(0)

2020年12月15日

CSS3 calc()

摘要： CSS3 的 calc() 函数允许我们在属性值中执行数学计算操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。 calc（）函数是CSS中少有bai的可du以实现动态计算功能zhi的方法，通常这类计dao算都需要zhuanJavaScript语言脚本来实现。shu而阅读全文

posted @ 2020-12-15 14:07 京鸿一瞥阅读(122) 评论(0) 推荐(0)

JS中数据类型的判断（ typeof，instanceof，constructor，Object.prototype.toString.call()

摘要：在JavaScript里使用typeof判断数据类型，只能区分基本类型，即：number、string、undefined、boolean、object。对于null、array、function、object来说，使用typeof都会统一返回object字符串。要想区分对象、数组、函数、单纯使用t 阅读全文

posted @ 2020-12-15 10:04 京鸿一瞥阅读(225) 评论(0) 推荐(0)