获取元素宽/高和距离定位父级的距离获取元素宽高offsetWidth/offsetHeight获取元素的宽度和高度（包含边框和内边距）clientLeft/clientTop取元素左/上边框宽度clientWidth/clientHeight获取元素宽度（不包含边框）计算公式：offsetHeight = 元素高度+元素上内边距+元素下内边距+元素上边框+元素下边框offsetWidth = 元素

一看就懂的save和restoresave：用来保存最近一次的Canvas的状态。restore：用来获取save保存的Canvas之前的状态。防止save后对Canvas执行的平移、放缩、旋转、错切、裁剪等可以改变画布的操作对后续的绘制的影响。下面我会从颜色属性接平移属性对save和restore做解析，至于其他的放缩、旋转、错切、裁剪我就不一一说明，原理都是一样的，感兴趣的自行实验颜色属性&l

为了便于大家更好地理解f泛型，我们先来举个例子，在这个例子中，我们将一步步揭示泛型的作用。首先我们来定义一个通用的identity现在，我们将identity这里identity的问题是我们将number类型分配给参数和返回类型，使该函数仅可用于该原始类型number。但该函数并不是可扩展或通用的。很明显这并不是我们所希望的。所以当我们想要定义一个变量不确定类型的时候我们该怎么做呢，其实有两种方式

手动实现一个Vue插件在web开发过程中，实现一个全局的定制化组件是很常见的需求，下面会以message组件为例子，来自己手动实现一个全局的message组件，分别用vue和react两种方式来实现，vue的message对照element-ui，而react的message对照antd，本篇文章会首先介绍vue的实现方法，下一篇会介绍react实现方法我们看antd或者element不难发现，其

uni-app

前言在前端开发过程中，有时候会遇到一些不能使用分页来加载数据的情况，因此当我们需要渲染上十万条数据的时候，可能会造成渲染的卡顿，导致用户体验特别不好，那么对于这种情况我们该怎么去解决呢？这个时候就不得不提到虚拟列表什么是虚拟列表虚拟列表其实是按需显示的一种实现，即只对可见区域进行渲染，对非可见区域中的数据不渲染或部分渲染的技术，从而达到极高的渲染性能。假设有10万条记录需要同时渲染，我们屏幕的可见