摘要: mixins顾名思义含义是混入,实际上是把script中的内容抽离组成一个库,类似于一个脚本,其中定义的内容可以在组件中使用,是vue工程化项目不可缺少的一部分 基本用法如下: 定义mixins内容 demo目录结构如上所示 1.定义库内容 2. 创建出口 引入使用 方式一:组件内使用 把定义的库引 阅读全文
posted @ 2022-03-07 07:10 zhangzhebokeyuan 阅读(58) 评论(0) 推荐(0) 编辑
摘要: 1.空白文档 document.body是基于body标签 表示整个文档的高度 doucment.ducumentElement.clientHeight/clientWidth 是基于html标签 表示浏览器的可视区域(不包括控制台,菜单栏,滚动条) 相差的值是body的margin 设置 结果: 阅读全文
posted @ 2022-03-01 11:37 zhangzhebokeyuan 阅读(139) 评论(0) 推荐(0) 编辑
摘要: case1: addEventListerner false 冒泡 点击father之后: target : father currentTarget:father 点击son之后: target : son currentTarget:father case2: addEventListerner 阅读全文
posted @ 2022-02-28 11:32 zhangzhebokeyuan 阅读(119) 评论(0) 推荐(0) 编辑
摘要: width:100vw和height:100vh出现滚动条的原因在于 % 是相对于父元素的大小设定的比率,vw、vh 是视窗大小决定的。 window.innerWidth = 视口宽度 = 100vw // 打印1280 this.$refs.main.clientWidth = 父视图宽度(bo 阅读全文
posted @ 2022-02-27 15:35 zhangzhebokeyuan 阅读(3329) 评论(0) 推荐(2) 编辑
摘要: 组件: 复习知识: Math取整 : 向下取整 Math.floor, 向上取整 Math.ceil Math四舍五入:Math.round Math 0-1随机数 Math.random setTimeout 与 setInterval区别 1.setInterval(functon,time) 阅读全文
posted @ 2022-02-24 17:31 zhangzhebokeyuan 阅读(277) 评论(0) 推荐(0) 编辑