摘要: 用途: background-size中,100%和cover都是用于将图片扩大或者缩放来适应整个容器 区别:background-size:100% 100%; 按容器比例撑满,图片变形; background-size:cover; 把背景图片放大到适合元素容器的尺寸,图片比例不变,但是要注意, 阅读全文
posted @ 2022-02-09 17:25 红豆丁 阅读(314) 评论(0) 推荐(0)
摘要: 1.异步组件在项目执行的时候不加载,而是在需要的时候加载。可以减少打包的结果。会将异步组件分开打包,会采用异步的方式加载组件,可以有效的解决一个组件过大的问题。不使用异步组件,如果组件功能比较多打包出来的结果就会变大。 2.异步组件的核心可以给组件定义变成一个函数,函数里面可以用import语法,实 阅读全文
posted @ 2022-02-09 14:10 红豆丁 阅读(587) 评论(0) 推荐(0)
摘要: 1、概念 混入(mixins)是一种分发vue组件中可复用功能的方式。混入对象可以包含任意组件选项,当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。 2、使用方法 mixin.js文件名 export const testMixin={ data(){ return{ num:1 阅读全文
posted @ 2022-02-09 11:23 红豆丁 阅读(395) 评论(0) 推荐(0)
摘要: 1.判断数组是否为空 const isEmptyArr=(arr)=>arr.length==0&&console.log('空数组') 2.判断对象是否为空 const isEmptyObj=(obj)=>Object.keys(obj).length==0&&console.log('空对象') 阅读全文
posted @ 2021-12-27 15:03 红豆丁 阅读(59) 评论(0) 推荐(0)
摘要: 1.字符串统计出现次数 let str="helloword?no.thank" const obj={} for(let item of str){ obj[item]=obj[item]+1 || 1 } console.log(obj) 2.数组统计出现次数 let arr = ['vs',' 阅读全文
posted @ 2021-12-24 14:47 红豆丁 阅读(48) 评论(0) 推荐(0)
摘要: 1、数组对象去重 (1)根据某属性去重 let data = [ { name: 'ws', id: 1 }, { name: 'cj', id: 2 }, { name: 'jf', id: 3 }, { name: 'll', id: 1 }, { name: 'wwx', id: 2 }, { 阅读全文
posted @ 2021-12-24 14:18 红豆丁 阅读(44) 评论(0) 推荐(0)