- 博客(5)
- 收藏
- 关注
转载 vue组件中data为啥是函数return一个对象,而不直接是一个data
官网的示例var vm = new Vue({ el: '#example', data: { message: 'Hello' }});项目中的写法data() { return { message: 'Hello' } }为什么要把data变成函数并return属性呢?组件是一个可复用的实例,当你引用一个组件的时候,组件里的data是一个普通的对象,所有用到这个组件的都引用的同一个data,就会造成数据污染。将data封装成函数后,在实例化组件的时候,我们只是调用了da
2021-04-26 17:37:21
2404
转载 浏览器缓存
浏览器缓存分为 强缓存 和协商缓存强缓存:不用请求服务器,直接使用本地的缓存强缓存是利用 http 响应头中的Expires或Cache-Control实现的。这两个response header属性可以只启用一个,也可以同时启用。当response header中,Expires和Cache-Control同时存在时,Cache-Control的优先级高于Expires。协商缓存:浏览器发现本地有资源的副本,但是不太确定要不要使用,于是去问问服务器。第一对:Last-Modified、If-Mo
2021-04-26 17:05:39
117
原创 手写简单Promise
/** * promise 使用方法 * promise 入参函数a,函数a的入参b,c 分别对应resolve函数和rejecte函数 * a().then(res=>{},err=>{})*/function MyPromise(fn){ var _this = this _this.state = 'pendding' // promise 初始状态pendding _this.value = undefined // 成功的结果 ,执行resolve
2021-04-15 23:27:12
129
原创 通过Object.defineProperty写双向绑定
这里写自定义目录标题<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"></head><b
2021-04-15 17:52:41
142
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人