- 博客(4)
- 收藏
- 关注
原创 Vue MVVM框架实现原理
MVVM的框架原理 数据劫持 发布订阅模式 实现原理的过程 遍历data选项中的属性,添加数据的观测,执行observe的方法,使用Object.defineProperty方法转换为getter和setter方法,实现数据的劫持,并且添加一个compiler方法,对每个元素节点进行判断,如果是文本节点,根据指令模板去替换数据 当数据发生变化时,observe中的setter方法被触...
2020-02-23 13:20:37 217
原创 面向对象 实现 烟花特效
烟花特效 点击创建一颗烟花 获取点击坐标对象 实例化一个烟花对象 烟花爆炸 创建X个烟花节点(随机20-40) 添加样式,计算坐标,颜色 添加到页面 运动到终点删除 // 设置html body的背景颜色 html,body{ width: 100%; height: 100%; margin: 0; padding: 0; background-c...
2020-02-21 10:37:39 469
原创 封装axios请求方法,Vue请求数据
npm 安装 axios npm install axios -s axios 发送请求 usage axios内置了promise模块 const axios = require('axios'); axios.get('/user?ID=12345') .then(function (response) { console.log(response); }) ...
2020-02-20 20:52:33 1927 2
原创 原生JS实现 call apply bind
call apply bind 的 作用 都是用来改变this的指向,在平时工作过程中,除了实现对象的继承,在写一些基础类,或者公用库方法的时候会用到它们,其他时候 call 和 apply 的应用场景并不多。 在React中bind常用来绑定事件,改变this的指向 call apply bind 的 区别 call apply方法都是在调用之后立即执行的,而bind是返回原函数,需要再调用一...
2020-02-20 19:51:25 422
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人