• ast抽象语法树

    尽管通常将 JavaScript 归类为“动态”或“解释执行”语言,但事实上它是一门编译语言。— 《你不知道的js(上)》 代码执行前的步骤-编译下图是简易的重点流程,实际js的编译要复杂的多 词法分析(扫描scanner) 这个过程将由字符组成...
  • vue中使用vueChartJs

    vue-chartJsvue-chartJs是vue对Chart.js的封装,可以很简单的创建可复用的图表组件。由于是对底层的封装,所以许多图表的配置,还是需要看这个Chart.js的文档 先简单封装个组件12345678910111213// vB...
  • vue使用swiper

    在vue项目中使用swiper.js有一个专业vue封装库的vue-awesome-swiper.js,在vue项目中使用时,需要把这个包也装上。 1yarn add swiper@5.3.6 vue-awesome-swiper@4.1.0 上面...
  • vue使用flow静态检查

    了解下flowjs是一门弱语言,灵活性强。这本来是它的优势。但是在程序运行中,数据类型变幻往往造成程序的不稳定。flow.js是用来为js做静态类型检查的。在使用ts前,flow.js是一个不错的类型检查器。他和ts不是一回事。ts是js的超集,而f...
  • node-sass装包报错

    node-sass安装依赖error: node-sass: Command failed报错解决好好的yarn install。 报一个下图的错。 问题原因:查看报错信息,再查找资料。可能是被墙了。解决办法:将 sass-binary-site 添...
  • vue源码解读之html与vNode间的转换

    <template>被compiler处理。compiler使用generate(ast, options)方法,将template转换为指定结构的对象。 compiler编译阅读源码逻辑可得,在实际上compiler的主要处理点是: 1...
  • vue源码解读

    看完这张图 各阶段间详细解读 html 《==转换==》 vNode Observer重写array监听 keep-alive的实现
  • vue2.x源码解读之observer重写array监听

    Observervue的核心功能之一就是双向绑定,在vue2.x中,双向绑定的原理,是依赖Object.defineProperty这个方法。由于这个方法的一些弊端,导致Observer的实现,需要兼容这些弊端。以下内容详细说明了来龙去脉 先自己实现...
  • 设计模式-观察者模式

    简单介绍一下观察者模式,又称发布/订阅模式,它定义了一种一对多的关系,让多个观察者对象同时监听某一个主题对象,这个主题对象的状态发生变化时就会通知所有的观察者对象,使得它们能够自动更新自己。 使用观察者模式的好处: 支持简单的广播通信,自动通知所有已...
  • vue中使用gsap的动画插件

    gsap 动画TweenMax基础案例 npm install / yarn add 二选一 12npm install gsap --saveyarn add gsap component.vue局部引入,哪里需要哪里搬 12345678910...