从0开始做一个的Vue图片选择(上传)组件[基础向]

clipboard.png

之前用Vue做了一个基础的组件vue-img-inputer,下面就叫vii,记录下在开发过程中遇到的知识点(都算比较基础,具体代码不会贴太多,都可以在项目仓库里看到)。

上传文件很多项目都要用到,一些组件库里(ele/iview…)文件上传组件都是做成了标配,虽然viiuploader定位还是有些差别,但实现上都有几个共同要点:

Read More

页面元素谁上谁下的体位总结

从浏览器渲染说起

一个页面的渲染,大致有下几个步骤

这里直接看最后一步Composite: 渲染层合并,这步是渲染最后一个步骤,作用就是把之前绘制的图层(如果有PS的经验的话图层很好理解)按照规定的顺序合并成一个图层,元素的层叠谁在上面谁在下面的关系,就在这步里被规定被最终在浏览器里体现出来了。

那么这个对层叠理解有什么用呢?。。。。。。。。。。并没什么卵用,只是最近看到了而已,科科,直接进入正题吧,个人总结,会比较乱。

Read More

请问这this是那个?-- this指向理清

5.28日更新,最近发现ES6的尖头函数中的this有点巧妙,不适用于以下三条规则,在后面补充下


开头放结论

一个函数如果被调用或者执行了,那么函数中的this指向:

  • 一般情况下指向执行时调用其的对象
  • 函数当作构造函数使用且函数内没有返回值,或返回值是5种基本型(Undefined类型、Null类型、Boolean类型、Number类型、String类型)之一,指向实例后的对象
  • 函数当作构造函数使用且有return值,返回是是数组啊、对象啊什么的,this指向返回值
    接下来稍微解释下

    Read More