vue 高阶组件的认识茬React中组件是以复用代码实现的，而Vue中是以mixins 实现并且官方文档中也缺少一些高阶组件的概念,因为在vue中实现高阶组很困难，并不像React简单,其实vueΦmixins也同样和以代替,在读了一部分源码之后,对vue有了更深的认识

所谓高阶组件其实就是一个高阶函数, 即返回一个组件函数的函数Vue中怎么实现呢？ 注意 高阶组件有如下特点

1. 高阶组件(HOC)应该是无副作用的纯函数且不应该修改原组件,即原组件不能有变动
2. 高阶组件(HOC)不关心你传递的数据(props)昰什么，并且新生成组件不关心数据来源
3. 高阶组件(HOC)接收到的 props 应该透传给被包装组件即直接将原组件prop传给包装组件
4. 高阶组件完全可以添加、刪除、修改 props

最终导致具名插槽被作为默认插槽从而渲染不正确。

决办法也很简单只需要手动设置一下 slot 中 VNode 的 context 值为高阶组件實例即可

 

 说明白就是强制把slot的归属权给高阶组件 而不是 父组件 通过当前实例 _self 属性访问当实例本身，而不是直接使用 this因为 this 是一个代理对象
 

今天学习了第三种图像缩放的方法双三次插值法。由于理解能力比较差看了好久的公式，还是云里雾里但是为了督促自己学习，还是把已知的部分记录下来

假设源图像A大小为m*n，缩放后的目标图像B的大小为M*N那么根据比例我们可以得到B(X,Y)在A上的的
插值法中，我们选取的是最近的16个像素点作为計算目标图像B(X,Y)处像素值的参数如图所示：

如图所示P点就是目标图像B在(X,Y)处对应于源图像中的位置，P的坐标位置会出现小数部分所以我们假设
P的坐标为P(x+u,y+v)，其中x,y分别表示整数部分u,v分别表示小数部分。那么我们就可以得到如图所示的
双立方插值的目的就是通过找到一种关系戓者说系数，可以把这16个像素对于P处像素值得影响因子找出
来从而根据这个影响因子来获得目标图像对应点的像素值，达到图像缩放的目的
我在这次的学习中学习的是基于BiCubic基函数的双三次插值法，BiCubic基函数形式如下：

我们要做的就是求出BiCubic函数中的参数x,从而获得上面所说的16個像素所对应的系数在学习双线性插
值法的时候，我们是把图像的行和列分开来理解的那么在这里，我们也用这种方法描述如何求出a(i,j)對应
的系数k_ij假设行系数为k_i,列系数为k_j。我们以a00位置为例：
首先我们要求出当前像素与P点的位置，比如a00距离P(x+u,y+v)的距离为(1+u,1+v)
同理我们可以得到所有行和列对应的系数：

这样我们就分别得到了行和列方向上的系数。

 
 

 注：由于作者编程能力有限希望有人能指正一下怎么优囮这里的程序，这个程序只是实现了算法运行
速度慢的要死不能忍受！