摘要： 阅读全文

摘要： object-fit 属性由下列的值中的单独一个关键字来指定。 取值 contain被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时保留其长宽比，因此如果宽高比与框的宽高比不匹配，该对象将被添加“黑边”。cover被替换的内容在保持其宽高比的同时填充元素的整个内容 阅读全文

摘要： 原生js解决方案 var h = document.body.scrollHeight; window.onresize = function(){ if (document.body.scrollHeight < h) { document.getElementById('btn').style. 阅读全文

摘要： 1.三元操作符 当想写if...else语句时，使用三元操作符来代替。 const x = 20; let answer; if (x > 10) { answer = 'is greater'; } else { answer = 'is lesser'; } 简写：const answer = 阅读全文

摘要： <template> <div style="height:100vh"> <button @click="show = !show">打开</button> <!-- 弹窗右切效果 --> <transition name="fade"> <div v-show="show" style="wid 阅读全文

摘要： 实现方式一：直接eval function parse(jsonStr){ return eval("(" + jsonStr +")") } 避免在不必要的情况下使用eval,eval()是一个危险的函数。它执行的代码拥有着执行者的权利，如果你用eval()运行的字符串恶意方操作修改，他可能会在你 阅读全文

摘要： 实现方式： 一、将方法挂载到Vue.prototype上面 缺点：调用该方法得时候没有提示 //grobal.js const RandomString =(encode = 36 ,number = -8) =>{ return Math.random() //生成随机数，eg：0.1234 .t 阅读全文

摘要： 首先我们先回想一下vue的结构 自己在打印台里面打印一个vue实例 然后看一下整理结构 let vm = new Vue({ el: '#app', data:{ msg:'hello world', count:0, person:{ name:'555', sex:'man' } }, }) 接 阅读全文

摘要： 1.发布订阅模式（发布者、订阅者、信号中心） 一个简单的例子来通俗的理解这个模式的概念：假如你是学生的家长，你的孩子每次考完试你都想马上知道孩子的成绩是多少，每次考完学校的班级都会统计成绩，家长总是要去问学校的班级成绩出来没成绩出来没，现在有一种模式，只要家长在班级里面订阅了孩子的成绩，只要成绩出来 阅读全文

摘要： 准备工作 1.数据驱动 2.响应式核心原理 3.发布订阅模式和观者者模式 1.数据驱动 数据响应式、双向绑定、数据驱动 数据响应式 数据模型仅仅是普通的javaScript对象，而当我们修改数据的时候，视图会进行更新，避免了繁琐的DOM操作，提高工作效率 双向绑定 数据改变，视图改变，视图改变，数据 阅读全文