Vue-Router 实现原理 参考：https://www.jianshu.com/p/d59971198082 需要明白的是，router-link 和 router-view 是两个 Vue 全局组件，必定是在 vue-router 中实现了全局定义两个组件，他们分别用来跳转路由和展示路由对应的组件内容。 点击 router-link 时导致路由变了，vue-router 内部必然是在监听路由变化，根据路由规则找到匹配的组件，然后在 router-view 中渲染。 所以，路由切换最终是页面的不同组件的展示，而没有真正去刷新页面。 1. vue-router 核心实现原理 目标： ...

Vue 路由导航守卫 在路由跳转前做一些验证。 1. 全局前置守卫 beforeEach // 全局路由守卫 router.beforeEach((to, from, next) => { // console.log("进入全局路由守卫"); // console.log("全局路由——to", to); // console.log("全局路由——from", from); next(); }); 当一个导航触发时，全局守卫按照创建顺序调用。守卫是异步解析执行，此时导航在所有守卫 resolve 完之前一直处...

Vue 中activated的用法 1. keep-alive 被 <keep-alive> 包裹的组件其会被缓存 创建两个子组件conpoment1,compoment2 ，其内容如下： <template> <div class="wrapper"> <ul class="content"></ul> <button class="add" id="add" @click="add">添加子元素</but...

Vue 生命周期 1.定义 vue 的生命周期是指 vue 实例从初始化创建到实例销毁的过程。期间会有8个钩子函数的调用。 2.图解 3.钩子函数使用总结 3.1 beforeCreate beforeCreate 钩子函数，这个时候，Vue 实例的挂载元素 $el 和数据对象 data 都为 undefined，还未初始化。无法访问真实的 dom 和 data 中的数据，可以在这里面使用 loading。 3.2 created created 函数中可以对 data 对象里面的数据进行使用和更改，不会触发其他的钩子函数，一般可以在这里做初始数据的获取，也可以结束 loading。 这里进...

Vue 的两种路由模式 参考：https://www.jianshu.com/p/81ccd1124f48 在 vue-router 路由对象中，路由有两种模式： hash 和 history，而默认的是 hash 模式，hash 模式背后的原理是： 1. hash路由 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 hash（“#”）符号的本来作用是加在URL中指示网页中的位置： http://www.example.com/index.html#print #符号本身以及它后面的字符称之为hash，可通过win...

Vue常见指令 参考：https://www.cnblogs.com/cl1998/p/14518004.html this.$el 根元素（真实的DOM元素） this.$el.innerHTML 得到根元素（真实的DOM元素）中的内容

Webpack 加载CSS 1. 加载CSS 为了从 JavaScript 模块中 import 一个 CSS 文件，你需要在 module 配置中 安装并添加 style-loader 和 css-loader： npm install --save-dev style-loader css-loader webpack.config.js 添加规则 const path = require('path') module.exports = { //默认是 production, 打包出来文件会被压缩, 设置为 development 代码就不会被压缩 mode: 'deve...

TCP粘包问题 在 socket 网络编程中，都是端到端通信，由客户端端口+服务端端口+客户端IP+服务端IP+传输协议组成的五元组可以明确的标识一条连接。在 TCP 的 socket 编程中，发送端和接收端都有成对的 socket。发送端为了将多个发往接收端的包，更加高效的的发给接收端，于是采用了优化算法（Nagle算法），将多次间隔较小、数据量较小的数据，合并成一个数据量大的数据块，然后进行封包。那么这样一来，接收端就必须使用高效科学的拆包机制来分辨这些数据。 1. 什么是TCP粘包问题 TCP 粘包就是指发送方发送的若干包数据到达接收方时粘成了一包，从接收缓冲区来看，后一包数据的头紧接着...

HTTP 长连接，短连接和服务端推送 参考：https://www.cnblogs.com/gb1022/p/7356879.html 1.1. HTTP 协议与 TCP/IP 协议的关系 HTTP 的长连接和短连接本质上是 TCP 长连接和短连接。HTTP 属于应用层协议，在传输层使用 TCP 协议，在网络层使用 IP 协议。IP 协议主要解决网络路由和寻址问题，TCP 协议主要解决如何在 IP 层之上可靠的传递数据包，使在网络上的另一端收到发端发出的所有包，并且顺序与发出顺序一致。TCP 有可靠，面向连接的特点。 1.2. 如何理解 HTTP 协议是无状态的 HTTP 协议是无状态的，...

HTTP1.1 和 HTTP2.0 1.1. 什么是 HTTP2.0 HTTP2.0（超文本传输协议第 2 版），是 HTTP 协议的的第二个主要版本，使用于万维网。HTTP2.0 是 HTTP 协议自 1999 年 HTTP1.1 发布后的首个更新，主要基于 SPDY 协议（是 Google 开发的基于 TCP 的应用层协议，用以最小化网络延迟，提升网络速度，优化用户的网络使用体验）。 1.2. 与 HTTP1.1 的主要区别 HTTP2.0 采用二进制格式而非文本格式； HTTP2.0 是完全多路复用的，而非有序并阻塞的——只需一个连接即可实现并行； HTTP2.0 使用报头压缩， 降低...

QUIC协议 参考：https://zhuanlan.zhihu.com/p/32553477 1. QUIC概述 Quic 全称 quick udp internet connection ，“快速 UDP 互联网连接”，（和英文 quick 谐音，简称“快”）是由 google 提出的使用 udp 进行多路并发传输的协议。 Quic 相比现在广泛应用的 http2+tcp+tls 协议有如下优势 ： 减少了 TCP 三次握手及 TLS 握手时间。 改进的拥塞控制。 避免队头阻塞的多路复用。 连接迁移。 前向冗余纠错。 2. 为什么需要QUIC 从上个世纪 90 年代互联网开始兴起一...