YmTonny Blogs

前言

一次偶然机会做到图片懒加载，常规操作就是监听scroll事件，获取img元素相对于视口的顶点的位置el.getBoundingClientRect().top,只要这个值小于视口的高度window.innerHeight就说明进入了可视区域,这个时候就可以加载图片了。但是scroll事件计算量太大密集影响性能，经查阅资料发现浏览器的API,IntersectionObserver交叉观察器,可自动观察目标元素与根元素交叉区域变化，以此判断元素可见，利用这个岂不是就能实现懒加载。后来又遇到设置异步组件dom高度，并且要有transition动画效果，看了同事的方式始终觉得不太好，外部会操作到组件内部的方法才能设置高度,后来我调研查阅资料，知道了MutationObserverAPI。郁闷，，，索性了解下浏览器的观察器吧。
阅读更多...

前言

typescript是javascript的超集, 具有可选的类型，并且可以编译为纯javascript运行。可以看作typescript是javascript的Lint，能为javascript增加规范。
阅读更多...

在Vue中使用ElementUI的级联选择省市区组件时，会出现一些不同需求及该组件内部一些bug的问题，以下列举部分问题

1.同级多选、一条链路单选

链路单选：[‘北京’, ‘北京市’, ‘北京市/东城区’]类似这样一条链路只能单选存在其一
阅读更多...

日常js编程开发, 不定期编写
阅读更多...