随笔分类 -  vue

vue手写骨架屏插件
摘要：我们在h5开发的过程中，内容可能是根据后台返回数据动态渲染出来的，但是，这样会造成跳屏，体验不好，一些应用中采用了骨架屏的设计，例如今日头条。在没有数据的时候使用骨架屏占位，今天咱们写一个vue骨架屏的插件。 写插件要采用api倒推的思想，想要用户怎么引入，怎么调用，根据用户的使用倒推写法。 首先我 阅读全文
posted @ 2020-07-27 16:43 熊猫程序员 阅读(446) 评论(0) 推荐(0)
vue服务端渲染实践
摘要：首先什么是ssr？不是玩游戏抽的ssr卡牌，而是server side render 服务端渲染 什么是客户端渲染？就是在浏览器渲染dom结构和数据 什么是服务端渲染？就是在服务端把dom结构渲染好，把想要展示的数据都插入想展示的地方，将资源一次性梭哈给浏览器 下面用两个图说明一下传统的vue sp 阅读全文
posted @ 2020-07-16 01:02 熊猫程序员 阅读(552) 评论(0) 推荐(1)
vue2.6.11源码结构
摘要： 阅读全文
posted @ 2020-07-09 20:59 熊猫程序员 阅读(385) 评论(0) 推荐(0)
vue简版源码实现
摘要：编写一个lvue.js，实现mvvm ，感兴趣的同学可以把代码拷贝到本地看一下实现思路 1 html部分（测试用） <!-- * @Author: your name * @Date: 2020-07-05 22:21:34 * @LastEditTime: 2020-07-07 00:26:35 阅读全文
posted @ 2020-07-07 00:30 熊猫程序员 阅读(415) 评论(0) 推荐(0)
vue数据监听原理
摘要：用简单代码模拟vue数据监听原理 // 核心数据响应式方法 function defineReactive(obj,key,val){ // val可能还是个对象，需要递归一下 objserve(val) Object.defineProperty(obj,key,{ get(){ return v 阅读全文
posted @ 2020-07-05 22:19 熊猫程序员 阅读(1641) 评论(0) 推荐(0)
vue组件通信之$bus（事件总线）
摘要：$bus 思路是在全局挂载一个实例，通过这个实例里的事件派发和事件监听实现跨组件通信，设计模式叫做观察者模式。 使用场景：跨多层级组件传参，不顺路要坐bus。 第一步 创建一个$bus对象 （main.js） class Bus { constructor(){ this.callbacks = { 阅读全文
posted @ 2020-07-01 21:02 熊猫程序员 阅读(3054) 评论(0) 推荐(1)