前言

在前端开发中，有时候我们需要判断一个元素是否在可视区域内，比如实现懒加载、曝光统计、动画效果等功能。那么，如何对进行元素可视区域的判定呢？本文将介绍几种常用的方法，并分析它们的优缺点。

方案介绍

一、什么是webAPI?

• web: 网页
• API: 接口 一套别人封装的属性和方法
• webAPI: 专门操作网页的方法和属性
  万物皆对象，在webAPI中把网页中所有元素 <element> 都当成对象来处理

作者：Peter 谭老师

转发链接：
https://mp.weixin.qq.com/s/XhwPOv62gypzq5MhhP-5vg

写本文的起因

一、前言

• Vue自定义指令有全局注册和局部注册两种方式。
• 本篇局部自定义指令不做叙述

从 2017 年到 2020 年，我花了大约 4 年的时间，从零到一，实现了一个可切换 WebGL 和 Canvas2D 渲染的，跨平台支持浏览器、SSR、小程序，基于 DOM 结构和支持响应式的，高性能支持批量渲染、针对可视化场景优化、支持 WebWorker 的图形系统——SpriteJS。

在这个“造轮子”过程中，我一步步将一个很简陋的渲染库，变成一个能够支撑可视化应用和游戏开发的，还算不错的一个图形库，其中有许多积累，也有许多思考。因为毕竟是两年多前的研究，有些细节可能记得不是特别清晰，其中有些特性也许已经有点过时，但我想，还是有不少内容能给大家带来参考和启发。

一次分清clientHeight、offsetHeight、scrollHeight、scrollTop、offsetTop概念：

clientHeight：可视的，看得见的部分，content+padding；

offsetHeight：在clientHeight基础上，添加“”边框“”，即content+padding+margin；

scrollTop：超过clientHeight“顶部界线”的部分，即看不见的、已经 滚动出去 的部分；

FileProvider伴随着Android 7.0的到来已经有一段时间，相信大家都已经不陌生了，应该有不少同学和我一样，是在实现拍照功能的时候才首次接触到FileProvider组件的。不知道大家在初次使用

1、为什么要设置私有bucket

• 公共读写：互联网上任何用户都可以对该 Bucket 内的文件进行访问，并且向该 Bucket 写入数据。这有可能造成您数据的外泄以及费用激增，若被人恶意写入违法信息还可能会侵害您的合法权益

常见的62种http响应代码整理，当网站出现流量下降，索引下降，Robots检测失败，无法访问时，首先应检查HTTP响应状态代码指示特定HTTP请求是否已成功完成。