今天跟大家分享一下offset函数的使用方法，这个函数在Excel中的应用非常的广泛，可以用于制作动态图表，构建动态的引用区域，实现动态求和等等，可以说是Excel高手必备的函数之一。

JavaScript做个贪吃蛇小游戏（过关-则加速）

在浏览器打开文件，无需网络直接玩。

本文将引导你使用canvas和JavaScript创建一个简单的绘图程序。

首先准备容器Canvas元素，接下来所有的事情都会在JavaScript里面。

1 <canvas id="canvasInAPerfectWorld" width="490" height="220"></canvas>

获取绘图环境，context对象提供了用于在画布上绘图的方法和属性

作者：小生方勤

转发链接：
https://mp.weixin.qq.com/s/JzOQ_OwAYoP5Ic1VBtCZNA

前言

01.数组扁平化

数组扁平化是指将一个多维数组变为一个一维数组

const arr = [1, [2, [3, [4, 5]]], 6];
// => [1, 2, 3, 4, 5, 6]
复制代码

/*

* 拖动图片封装

html格式：<img lay-src="${item.Resourcesurl}" alt="${item.ResourcesName}" style="position: absolute;" onmousemove="drag(this)" >

什么是懒加载？

懒加载也叫做延迟加载、按需加载，指的是在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。在比较长的网页或应用中，如果图片很多，所有的图片都被加载出来，而用户只能看到可视窗口的那一部分图片数据，这样就浪费了性能。

如果使用图片的懒加载就可以解决以上问题。在滚动屏幕之前，可视化区域之外的图片不会进行加载，在图片进入可视区域后才加载。这样使得网页的加载速度更快，减少了服务器的负载。懒加载适用于图片较多，页面列表较长（长列表）的场景中。

实现思路：在加载更多数据前，获取当前列表中的第一个或者最后一个元素位置（firstItem.offsetTop、lastItem.offsetTop），加载更多数据完成后，将滚动条位置定位到获取的元素位置（firstItem.offsetTop、lastItem.offsetTop）。

前言

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

方案介绍

一、什么是webAPI?

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