「交叉观察者」实现懒加载、触底、吸顶等操作
说到 懒加载、 菜单吸顶、触底等操作，一般方法是监听浏览器的滚动条，满足条件触发相应的事件。 IntersectionObserver 交叉观察者，现在可以优雅的完成类似的操作。 介绍 > IntersectionObserver接口 (从属于Intersection Observer API) 提...
18岁想做的事情，到了30岁就算做了也没什么意义了
轻量级的marmode插件实现网站的黑夜模式
简单的几步实现网站的黑暗模式 先贴出官方网站 [Darkmode.Js][1] 简单模式 很简单，甚至只需要三步。
如何通过浏览器调用APP的方法及问题
导语 经常遇到浏览某些网站的页面时，提示你下载他的APP。 已经发现封装好的通用JS方法 {% postpath 使用JS检测协议是否存在 %} 下列方法为自己摸索。 --- 因为单纯个人兴趣，本博客中的代码只在IOS（ios 12.4， xs max）实测过，Android...
如何判断浏览器是否在前台展示
有的时候需要检测当前页面是否还在前台展示，比如说移动端通过浏览器打开了APP已经跳转了APP中，此时就是需要判断是否还留在当前页面，或者某些提供tab功能的浏览器，你已切换到其他tab，也可以通过这个方法来鉴定。 Document.visibilityState （只读属性）...
给Typecho（任意网站）添加鼠标点击出现“富强”民主“富强”特效
为了中华民族之伟大复兴而努力奋斗！ 将代码放在主题的footer.php中的之前即可。 / 鼠标特效 / let aidx = 0; jQuery(document).ready(functio...
图片悬浮放大图效果
原生JS @Input() src: string; //图片资源地址 @Input() isShowTip = true; //是否展示 @Input() preSize = 100; // 缩略图尺寸 @Input() showSize = 700; //展示尺寸 ...
setTimeout、Promise、Async/Await 的区别
1、setTimeout 还记得一开始接触到此类问题是setTimeout 0ms也会放在下一轮操作中 引出 -> 宏观任务队列 微观任务队列 的区别（埋坑，下一篇文章写） console.log('script start') //1. 打印 script start setTime...
使用A标签下载文件
- A的资源是浏览器可以识别的资源时，浏览器会默认打开。所以如果是单纯想打开资源可以加上 [target="blank"] - 若是ZIP这种无法识别的文件会默认下载，但是有的时候我们就是想下载比如jpg等资源,那么可以加上 [download="文件名.后缀"],也可以单独使用download这样...
深度优先遍历和广度优先遍历
深度优先遍历 例图 A B C D E F G H 从启点出发，找到其一个子元素，然后继续找到子元素的一个子元素，直至没有子元素。然后这个没有子元素的父元素开始继续依次找到其子元素。直到全部。 --- 1.从顶点A触发，找到其第一个...