12 2018 档案
摘要：1、数据和视图分离,解耦 2、以数据驱动视图，只关心数据变化，DOM操作被封装
阅读全文
摘要：1、整体流程 （1）模板解析成render函数 （2）响应式监听 （3）首次渲染，显示页面，绑定依赖 （4）data属性变化，触发rerender 2、模板解析为render函数 参考上一篇博客。 模板的所有信息都被render函数包含。 模板中用到的data属性，都变成了js变量 模板中的v-fo
阅读全文
摘要：1、模板 一个最简答的模板： v-for模板： 2、模板类似于html代码，又不是。因为模板中含有v-if，v-for，@click等不属于html的属性代码。 3、怎么解析？ （1）首选模板含有v-for等逻辑，因此必须使用js来进行解析。（html和css解析不了） （2）js解析成什么？js会
阅读全文
摘要：1、snabbdom github地址：https://github.com/snabbdom/snabbdom 2、核心方法 即：h方法和patch方法。 3、h方法 h方法用来创建vonde 4、pacth方法 pacth方法用来将vnode渲染为html。 首次渲染： 更新渲染：
阅读全文
摘要：JavaScript垃圾回收是一种内存管理技术。在这种技术中，不再被引用的对象会被自动删除，而与其相关的资源也会被一同回收。 Map和Set中对象的引用都是强类型化的，并不会允许垃圾回收。这样一来，如果Map和Set中引用了不再需要的大型对象，如已经从DOM树中删除的DOM元素，那么其回收代价是昂贵
阅读全文
摘要：1、概述 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。 Promise对象有以下两个特点。 （1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pe
阅读全文
摘要：语法 方法不需要加function，方法之间不需要加分号 类的prototype 类的方法都定义在prototype上，但是是不可以枚举的。 静态方法 静态方法的this指向类，而不是示例 静态方法可以和实力方法重名 父类的静态方法可可以被子类继承 class内部只有静态方法，而没有静态属性 继承
阅读全文
摘要：1、说明 函数（Function）才有prototype属性，对象（除Object）拥有__proto__。 2、prototype与__proto__区别 示例： 控制台输出： （3）__proto__指向 示例： 控制台输出： (4)原型链 （1）是__proto__指向的一条指针链！ （2）查
阅读全文
摘要：1、主要区别 （1）超文本传输协议HTTP，HTTP下加入SSL层（位于传输层）的安全协议。 （2）HTTP端口为80，HTTPS端口是443。 2、HTTPS通信过程 https 通信传输过程：
阅读全文
摘要：1、JSONP JSONP是JSON with Padding的简称。它是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）。 2、添加响应头，允许跨域 addHeader(‘Ac
阅读全文
摘要：1、报文 2、http请求方法 restful接口 post：创建 put：更新
阅读全文
摘要：1、三次握手 目的：主要规避由于网络阻塞，传输不畅等原因导致服务器端端口一直被占用，无法释放端口资源。（想想假设只要一次就建立连接，服务器响应后浏览器若是没收到数据，等待一段时间后，网络超时，浏览器重新发起请求，而此时服务器不知道，服务器的端口仍然被占用） 2、三次握手抓包
阅读全文
摘要：1、http 0.9 2、http 1.0 3、 http 1.1 4、http 2.0 推送：主动发送js、css推送到浏览器。 二进制流：可以并行发送数据。 2019.3.18补充： （1）http1.1 提高性能的关键是低延迟而不是高带宽。 （2）http 2.0 所有的请求共用一个连接，可以
阅读全文
摘要：一、在浏览器地址栏输入URL 二、浏览器查看缓存1、如果资源未缓存，发起新请求如果已缓存，检验是否处于有效期，资源处于有效期内直接提供给客户端，否则与服务器进行验证。2、检验有效期通常有两个HTTP头进行控制Expires和Cache-Control：（1）HTTP1.0提供Expires，值为一个
阅读全文
摘要：当 v-for 用于元素或组件的时候，引用信息将是包含 DOM 节点或组件实例的数组。 https://cn.vuejs.org/v2/api/#ref https://www.w3cplus.com/vue/accessing-dom-refs.html
阅读全文
摘要：检测代码方法 如检测浏览器是否支持Proxy， isNative(Proxy)。
阅读全文
摘要：1、vue构建版本 vue构建版本分为：UMD、CommonJS和ES Module 三种。 https://cn.vuejs.org/v2/guide/installation.html 区别： 所以我们需要ES Module版本的Vue。 2、使用完整版还是运行时版 因为我们组件开发时，基本都是
阅读全文
摘要：F12 选择Network 表头右键： 如果开启了gzip则显示gzip，没有则是空。 上图是百度首页，显示已经进行gzip压缩。
阅读全文
摘要：1、使用的插件 MiniCssExtractPlugin：https://webpack.js.org/plugins/mini-css-extract-plugin/#src/components/Sidebar/Sidebar.jsx 注意：在webapck4中使用的是MiniCssExtrac
阅读全文
摘要：1、scoped https://vue-loader.vuejs.org/zh/guide/scoped-css.html 2、module https://vue-loader.vuejs.org/zh/guide/css-modules.html#用法 3、原理 module：通过给样式名加h
阅读全文
摘要：转自：http://www.zhangxinxu.com/wordpress/2011/06/css3%E9%80%89%E6%8B%A9%E5%99%A8nth-child%E5%92%8Cnth-of-type%E4%B9%8B%E9%97%B4%E7%9A%84%E5%B7%AE%E5%BC%
阅读全文
摘要：五种实现左中右自适应布局方法 左 右 中 ...
阅读全文
摘要：1、作用 Object.create()方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__。 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/crea
阅读全文
摘要：https://www.onlyling.com/archives/180
阅读全文
摘要：Vue-Awesome-Swiper GitHub地址：https://github.com/surmon-china/vue-awesome-swiper
阅读全文
摘要：说明：pushstate和replacestate不能监听到路由变化，可以重写pushstate和replacestate，这样就获取到了pushState 和 replaceState 的参数。 hash和history的区别： hash： （1）丑 （2）hash会占用锚点功能 （3）兼容性较好
阅读全文
摘要：参考：https://juejin.im/post/5bc00c1cf265da0aeb71283b
阅读全文
摘要：本文主要参考自：http://www.runoob.com/nodejs/nodejs-npm.html 1、使用 npm 命令安装模块 npm 命令安装常用的 Node.js web框架模块 express，安装好之后，express 包就放在了工程目录下的 node_modules 目录中，因此
阅读全文
摘要：1、flow介绍 https://ustbhuangyi.github.io/vue-analysis/prepare/flow.html#为什么用-flow 2、使用 （1）安装flow （2）项目目录的test.js文件 类型推断： 第一行也可以使用,这是使用静态类型检查的2种方式。 在命令行窗
阅读全文
摘要：文档知识点 https://electronjs.org/docs/tutorial/about （1）Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将其打包为Mac，Windows和Linux系统下的应用来实现这一目的。 即electron内置了浏览器和node
阅读全文
摘要：1、示例1 http://mahua.jser.me/ 2、示例2 https://www.zybuluo.com/mdeditor?url=https%3A%2F%2Fwww.zybuluo.com%2Fstatic%2Feditor%2Fmd-help.markdown 3、markdown主要
阅读全文
摘要：转自：https://juejin.im/post/5c0397186fb9a049b5068e54 1、题目一 2、题目二： 需要说明的是： 正常情况下，await命令后面是一个 Promise 对象，返回该对象的结果。如果不是 Promise 对象，就直接返回对应的值（相当于直接Promise.
阅读全文