在 Chrome 浏览器中使用以下代码:
document.body.addEventListener("touchmove", (e) => {
console.log(e);
})
会在控制台看到一个警告信息:
[Violation] Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
收藏一些比较惊艳的代码片段
修改 nuxt.config.js 中的 webpack 配置:
本文转摘自公众号文章: GraphQL实践
随着业务的增长，页面涉及的业务线越来越多, 为了实现一个需求, 需要调用多个接口组合数据, 然后绑定到 UI 组件上. 每个接口返回的数据会有很多字段是不会使用的, 浪费了网络流量. 为了解决该问题, 我们小组引入了 GraphQL 作为 BFF 层, 利用 GraphQL 服务减少网络请求次数, 以及数据裁减能力减少网络响应数据量.
下面简单介绍一下我们组的 GraphQL Node 服务端项目的搭建过程.
算法逻辑来自 两个矩形的相交面积，怎么求算法效率相对较高？ - ying xiong的回答 - 知乎
假设矩形的边都平行于坐标轴，分别表示为(left1,top1,right1,bottom1), (left2,top2,right2,bottom2)，则相交部分必定也是矩形，算 长 x 宽 就可以.
本文来自问题及答案如何将一个 JavaScript 数组打乱顺序？
一般情况下使用removeEventListener移除事件绑定时, 需要把之前addEventListener传递的函数再传递一次:
使用 scrollTo({top: 0, behavior: 'smooth'}) 可以丝滑滚动到页面顶部, 不需要写动画效果:
Ref: Event Emitters in TypeScript
从UI交互到Node.js的核心事件循环, 基于事件循环是JavaScript开发的一部分.
JavaScript中，如果创建重复的元素, 原问题: https://stackoverflow.com/questions/12503146/create-an-array-with-same-element-repeated-multiple-times
Optimize your pages for instant loads when using the browser's back and forward buttons.