2019年10月_cnccl-web-js

原创什么是 PWA

什么是 PWA先说一下全名，progressive web app：渐进式网页应用。这是谷歌推出的，我是这样理解的：我们一般写 web 应用，在 pc 上是没有缓存的，打开页面的时去请求数据。第二个也没有像 app 一样的小图标放在桌面，一点开就进入了应用，而是通过打开浏览器输入网址，第三个就是，不能像 app 一样给用户推送消息，像微博会跟你推送说有谁评论了...

2019-10-12 10:24:36 478

原创 js什么是迭代器、可迭代对象、生成器

什么是迭代器(Iterator)？满足迭代器协议的对象。迭代器协议: 对象的next方法是一个无参函数，它返回一个对象，该对象拥有done和value两个属性：done(boolean): 如果迭代器已经经过了被迭代序列时为true。这时value可能描述了该迭代器的返回值。如果迭代器可以产生序列中的下一个值，则为false。这等效于连同done属性也不指定。 valu...

2019-10-10 14:13:30 1417 1

原创伪类与伪元素的区别

伪类与伪元素，傻傻分不清楚。伪类(pseudo-classes)官方定义:The pseudo-class concept is introduced to permit selection based on information that lies outside of the document tree or that cannot be expressed using the...

2019-10-09 16:17:25 205

原创浏览器跨标签页通讯

不同标签页间的通讯，本质原理就是去运用一些可以共享的中间介质，因此比较常用的有以下方法: 通过父页面window.open()和子页面postMessage 异步下，通过 window.open('about: blank') 和 tab.location.href = '*' 设置同域下共享的localStorage与监听window.onstorage 重复写入相同的...

2019-10-09 16:01:18 832

原创 Javascript 寄生组合式继承

　寄生组合式继承，是集寄生式继承和组合继承的有点与一身，主要是通过借用构造函数来继承属性，通过原型链的混成形式来继承方法。　　先看一个例子： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 functioninheritPrototype(...

2019-10-09 11:24:16 172

原创闭包的问题

闭包属于一种特殊的作用域，称为静态作用域。它的定义可以理解为: 父函数被销毁的情况下，返回出的子函数的[[scope]]中仍然保留着父级的单变量对象和作用域链，因此可以继续访问到父级的变量对象，这样的函数称为闭包。闭包会产生一个很经典的问题: 多个子函数的[[scope]]都是同时指向父级，是完全共享的。因此当父级的变量对象被修改时，所有子函数都受到影响。解决: 变...

2019-10-08 21:10:27 660

原创另一种方式实现vue的响应式原理

Proxy在目标对象之前架设一层“拦截”，外界对该对象的访问都必须先通过这层拦截，因此提供一种机制，可以对外界的访问进行过滤和改写。<input type="text" id="txt" /><div id="show"></div><script type="text/javascript"> // proxy的实现 const ...

2019-10-06 22:12:35 96

原创 vue中如何缓存你想缓存的路由

<keep-alive> <router-view v-if="$route.meta.keepAlive">  </router-view> </keep-alive> <router-view v-if="!$route.meta.keepAlive"...

2019-10-05 21:40:16 1095

一、axios的封装在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护，直接推荐我们使用axios库。如果还对axios不了解的，可以移步axios文...

2019-10-04 09:08:35 322 1

weixin_37722222的博客