• 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...
  • vue中使用animate.css

    在vue项目中使用animate.css配合vue中的transition标签来结合animate.css中的效果 npm install / yarn add 二选一 12yarn add animate.css@3.5.1# 在这要装3.5.1...
  • Css从边角走向中心

    被轻视的CSSCSS是Cascading Style Sheets(层叠样式表单)的简称。这种样式脚本一直和其他编程语言有差距。导致了css被轻视。近几年所有的前端技术都在疯狂的迭代更新,css也不例外。从sass,less,stylus这些预处理器...
  • npm/yarn及其他包管理工具常用总结

    安装 npm装了nodeJs会装好npm yarn安装yarn npm install -g yarn 修改源 npm (淘宝源 | 本源)npm config set registry http://registry.npm.taob...
  • package.json了解多少

    scripts属性生命周期 pre钩子1234"scripts": { "predev": "echo 111", "dev": "echo 222"}, 上述代码执行yarn run dev,会先执行pre钩子...