图标库地址 https://iconify.design/,集合了市面上众多知名图标库,如 FontAwesome, Material Design Icons, Ionicons 等。
本质 SVG 图标,支持动态导入
图标库地址 https://iconify.design/,集合了市面上众多知名图标库,如 FontAwesome, Material Design Icons, Ionicons 等。
本质 SVG 图标,支持动态导入
v-model
语法糖能够实现 Vue 中父组件与子组件之间的双向数据绑定。
很惊讶地发现在最近的 Vue 版本中又得到了更新,似乎变得好用了些。
1 | <!-- Child.vue --> |
1 | <!-- Parent.vue --> |
使用宏 defineModel()
来产生一个双向绑定的变量。
如果是多个变量:
defineModel('foo')
与 defineModel('bar')
v-model:foo="val1"
与 v-model:bar="val2"
字面意思,行高,是两行文字的基线之间的间距。可以看作为内容区的高度,和盒子的高度又有点区别
假设行高 18px,字高 14px,那么剩下 4px 就会均分在字的上下 2px,同时这个与内间距 padding
又是两码事
可选的值有 <number> | <length> | <percentage> | normal
用户代理的默认值,与字体字号有关,通常会是字号的 1.1-1.2 倍高低,不同字号会有差异。例如
也可以用这个来恢复默认,清除继承
之前写过一个方案,是通过转成 blob 再通过 FileReader
实现的,
1 | function(base64) { |
功能,在发出上一个请求还没返回的时候,为了防止有连续多个请求返回,对上一个未返回的请求执行取消操作。
底层是 axios
调用了 XMLHttpRequest
的 abort()
操作,取消上一条请求
1 | const cancel = null; |
比较容易理解