Article 三月 15, 2021

webpack4.x 1:1 还原 vue-cli创建的项目!!!

Words count 6.4k Reading time 6 mins.

先看一下目录,是不是似曾相识?

├── dist
├── public
│   └── index.html
├── src
│   ├── assets
│   │   ├── css
│   │   └── img
│   ...
Read article

Article 三月 15, 2021

简单实现Vue中的双向绑定、生命周期以及计算属性!!!

Words count 13k Reading time 11 mins.

如何实现一个双向绑定已经是一个老生常谈的话题了,最近也写了一个 双向绑定 demo,最终呈现如下(demo丑了点勿怪):

点击 demo预览 可以在线预览

最近整理收藏夹发现了 自己手动实现简单的双向数据绑定mvvm 这篇博客,它以非常简单易懂的例子讲解了 Vue 响应式的核心——双向绑定的实现。看完之后,我也写了一个 双向绑定 并新增了几个简单功能:

  • 生命周期
  • 方法和事件
  • 计算属性

下面我便来简述一下这些功能的实现。

谈及 双向绑定 就不得不提 MVVM模式,它是是Model-View-...

Read article

Article 三月 15, 2021

vue3入门——插件开发

Words count 6.6k Reading time 6 mins.

点击这里直接查看 DEMO

Vue 3.0 正式版发布到现在已经有半年了,官方插件 vue-router 和 vuex 也都是稳定版的了。一个相当好用的组件库 ant-design-vue 也出了正式版2.0,它是全面兼容 Vue3 的,同样好用的移动端组件库 Vant 也已经早早兼容 Vue3 。嗯🤔,距离全面拥抱 Vue3 的开发已经不远了…

最近主要研究了一下它的新特性,并结合 ant-design-vue 写了一个试水 demo。本篇介绍 Vue3 中是如何开发组件的,下面先上代码:

... Read article

Article 十二月 14, 2020

深入 JavaScript 之 模拟 call函数!!!

Words count 5.7k Reading time 5 mins.

js中有不少比较难以理解的概念,比如 js原型继承 。我曾经很早的时候就看过js原型方面的知识,并在当时写了一篇 博客 作为记录,很显然当时的我只是死记硬背。最近我利用空闲的时间将一些相对比较深入的js概念和用法重新学习,并新建了一个专栏 深入javascript 用于记录和分享。以下来介绍如何手动模拟实现一个 call 函数:

var foo = 'windowFoo'
const obj = {
    foo: 'objFoo',
    getName: ...
Read article

Article 十二月 05, 2020

深入 javascript 之 寄生组合式继承!!!

Words count 8.8k Reading time 8 mins.

js中有不少比较难以理解的概念,比如 js原型继承 。我曾经很早的时候就看过js原型方面的知识,并在当时写了一篇 博客 作为记录,很显然当时的我只是死记硬背。最近我利用空闲的时间将一些相对比较深入的js概念和用法重新学习,并新建了一个专栏 深入javascript 用于记录和分享。本篇来介绍 如何实现在 js 中实现继承

继承就是子类继承父类的特征和行为,使得子类对象(实例)具有父类的属性和方法,或子类从父类继承方法,使得子类具有父类相同的行为。

以上的概念还是非常好理解的,继承的好...

Read article

Article 十一月 30, 2020

深入 javascript 之 原型 & 原型链

Words count 5.5k Reading time 5 mins.

js中有不少比较难以理解的概念,比如 js原型继承 。我曾经很早的时候就看过js原型方面的知识,并在当时写了一篇 博客 作为记录,很显然当时的我只是死记硬背。最近我利用空闲的时间将一些相对比较深入的js概念和用法重新学习,并新建了一个专栏 深入javascript 用于记录和分享。本篇来介绍 js原型和原型链 的基本概念:

每个函数都有一个 prototype 属性,它指的是这个函数的原型对象。而每个 原型对象 都会有一个 constructor 属性,它会指向它的所有者函数。并且我们可以...

Read article

Article 十一月 28, 2020

深度剖析为什么 [].slice.call() 能将 NodeList 转为数组

Words count 2.5k Reading time 2 mins.

js中有不少比较难以理解的概念,比如 js原型继承 。我曾经很早的时候就看过js原型方面的知识,并在当时写了一篇 博客 作为记录,很显然当时的我只是死记硬背。最近我利用空闲的时间将一些相对比较深入的js概念和用法重新学习,并新建了一个专栏 深入javascript 用于记录和分享。以下来剖析 为什么 [].slice.call() 能将 NodeList 转为数组

在剖析之前需要了解一些概念:

伪数组也叫类数组,它无法直接调用数组方法或期望length属性有什么特殊的行为,但仍可以用真...

Read article

Article 十一月 28, 2020

深入 javascript 之 call函数用法

Words count 2.7k Reading time 2 mins.

js中有不少比较难以理解的概念,比如 js原型继承 。我曾经很早的时候就看过js原型方面的知识,并在当时写了一篇 博客 作为记录,很显然当时的我只是死记硬背。最近我利用空闲的时间将一些相对比较深入的js概念和用法重新学习,并新建了一个专栏 深入javascript 用于记录和分享。以下来介绍 call函数 的用法:

直接复制MDN

call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。

通俗点来说一个 call函数 的第一个参数可以改变 一个函数 内部...

Read article
0%