摘要：
js实现瀑布流布局 思路分析 瀑布流布局是等宽不等高； 为了让最后一行差距最小，从第二行开始，需要将图片放在第一行最矮的图片下面，以此类推； 父元素设置为相对定位，图片所在元素设置为绝对定位，然后通过设置top和left定位每个元素； 代码如下 <!DOCTYPE html> <html lang= 阅读全文
posted @ 2020-12-03 17:13
kyoumei
阅读(178)
评论(0)
推荐(0)
摘要：
1. 创建一个Toast文件夹，新建Toast.vue和index.js这两个文件 2. Toast.vue <template> <!-- 定义过度动画 --> <transition name="fade"> <div v-if="isShow" class="toast"> <span>{{ 阅读全文
posted @ 2020-11-17 11:52
kyoumei
阅读(485)
评论(0)
推荐(0)
摘要：
call()方法使用一个指定的this值和一个或多个参数来调用一个函数； var value = 2; var bar = { value: 1; } function foo(name) { console.log(this.value + '-' + name); } foo('Lora'); 阅读全文
posted @ 2020-09-28 17:02
kyoumei
阅读(133)
评论(0)
推荐(0)
摘要：
生成器函数(通过function*定义的函数，也就是Generator函数) 1.调用一个生成器函数，并不会马上执行它里面的语句，而是返回这个生成器的迭代器（iterator）对象。 2.调用迭代器的next()方法，会执行到第一个出现yield的位置，返回yield后面的值，然后暂停。如果遇到yi 阅读全文
posted @ 2020-09-25 17:48
kyoumei
阅读(122)
评论(0)
推荐(0)
摘要：
绝对定位元素： 绝对定位元素的宽高百分比，是根据最近的position不为static的祖先元素的paddingbox来计算的； 所谓paddingbox就是：包括padding的宽高来计算； 非绝对定位元素： 非绝对定位元素的宽高百分比，是根据父元素的contentbox来计算的； 所谓conte 阅读全文
posted @ 2020-09-18 17:29
kyoumei
阅读(353)
评论(0)
推荐(0)
摘要：
根据需求，先来捋一下大致思路： 1.将所有图片的src设置为懒加载动画图片的路径； 2.图片真实路径通过data-src保存在相应的img标签上； 3.判断图片是否在可视窗口内； 4.如果图片可见，就将图片的src设置为保存在data-src中的值； 先看效果图： 代码如下： <!DOCTYPE h 阅读全文
posted @ 2020-09-18 10:53
kyoumei
阅读(921)
评论(0)
推荐(0)
摘要：
结论：1. 对有doctype申明的页面，可以使用：document.documentElement.scrollTop; 2. 没有doctype申明的页面使用：document.body.scrollTop; 3.safari比较特殊，使用：window.pageYOffset; 所以兼容写法为 阅读全文
posted @ 2020-09-17 16:54
kyoumei
阅读(1640)
评论(0)
推荐(0)
摘要：
在ES6和Nodejs中，一个js文件就是一个模块，模块里面定义的所有变量都是私有的，外部无法直接获取； 但是ES6和Nodejs都有相关的语法规范，可以实现模块之间变量的读取。 首先得清楚export和export default是ES6中导出模块中变量的语法，exports和module.exp 阅读全文
posted @ 2020-09-08 17:58
kyoumei
阅读(1730)
评论(0)
推荐(0)
摘要：
1.概述 null和undefined属于js中两种不同的基本数据类型，都可以表示“没有”，含义非常相似。将一个变量赋值为undefined或null，老实说，语法效果几乎没区别。并且在if语句的判断条件中，它们都会自动转为false，相等运算符（==）甚至直接报告两者相等 null是一个表示“空” 阅读全文
posted @ 2019-09-29 18:19
kyoumei
阅读(2376)
评论(0)
推荐(1)
浙公网安备 33010602011771号