使用JS检测协议是否存在
[scode type="yellow"]移动点击打开软件或跳转至应用商城推荐使用，PC端使用不多[/scode] 移动端开发，一个绕不开的问题就是，如何在H5页面中，把用户引流到自家的APP中，现通用的方法如下图所示： !微信图片20191108101934.jpg 最上方...
尝试自己调用原生JS完成控制table的相关操作，配合H5的自定义属性完成条件控制
入行也快一年了，用的最多都是第三方的插件，虽然最近也有在看源码，不过刚好有个类似的需求，花了个把小时做了个demo然后水篇博客😁 因为热爱，所以热爱。 创建元素 一般比如说自己手动创建一个表格 1. 创建table 2. 创建tr 3. 创建td 4. 追加td到tr ps...
「交叉观察者」实现懒加载、触底、吸顶等操作
说到 懒加载、 菜单吸顶、触底等操作，一般方法是监听浏览器的滚动条，满足条件触发相应的事件。 IntersectionObserver 交叉观察者，现在可以优雅的完成类似的操作。 介绍 > IntersectionObserver接口 (从属于Intersection Observer API) 提...
setTimeout、Promise、Async/Await 的区别
1、setTimeout 还记得一开始接触到此类问题是setTimeout 0ms也会放在下一轮操作中 引出 -> 宏观任务队列 微观任务队列 的区别（埋坑，下一篇文章写） console.log('script start') //1. 打印 script start setTime...
深度优先遍历和广度优先遍历
深度优先遍历 例图 A B C D E F G H 从启点出发，找到其一个子元素，然后继续找到子元素的一个子元素，直至没有子元素。然后这个没有子元素的父元素开始继续依次找到其子元素。直到全部。 --- 1.从顶点A触发，找到其第一个...
「1, 2, 3」.map(parseInt) what & why ?
说来惭愧一开始看到这个问题，我甚至还没反应过来是什么问题。 map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。 [scode type="share"]https://developer.mozilla.org/zh-CN/docs/...
JS防抖动和节流（debounce & throttle）
防抖动 debounce 由于种种原因，可能某一个函数会在很短的时间内触发N次，但是我们并不想这样，只想触发一次，可能是因为性能原因，也可能逻辑原因。 这个时候就需要防抖动了。 [scode type="blue"]去抖和节流是不同的，因为节流虽然中间的处理函数被限制了，但是只是减少了频率，而去抖则...