摘要：
keep-alive是一个内置抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件链中；使用keep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 一、keep-alive 属性 include - (string | RegExp | Array) 定义缓存白名单，名 阅读全文
摘要：
一、路由的跳转(路由的跳转就两种形式)： 声明式导航（router-link：务必要有to属性） 编程式导航$router.push||replace 编程式导航更好用，以下只讨论编程式导航 优点：因为可以书写自己的业务逻辑，更加灵活 缺点： 编程式导航路由跳转到当前路由(参数不变), 多次执行会抛 阅读全文
摘要：
常见的 HTTP 状态码以及代表的意义 1xx ⇒ Informational(信息性状态码)，接受的请求正在处理 100 ⇒ 正在初始化（一般是看不到的） 101 ⇒ 正在切换协议（websocket 浏览器提供的） 2xx ⇒ Success(成功状态码)，请求正常处理完毕 200 OK ⇒ 请 阅读全文
摘要：
一、本地（浏览器端）存储 storage本地存储可视化 打开开发者工具查看storage存储，请看下图。 本地（浏览器端）存储的方式 Cache Storage 缓存存储 使用Cache API创建的任何 DOM 缓存。 Cookies 小饼干 是服务器发送到用户浏览器并保存在本地的一小块数据(<4 阅读全文
摘要：
帮助理解弹性盒各个的属性的小游戏。 http://flexboxfroggy.com/ 弹性盒 一、开启弹性盒模型 display:flex; display:inline-flex; 弹性盒和内联弹性盒的区别，弹性盒高度会被子元素撑开，弹性盒宽度100%占据整行。内联弹性盒高度和宽度均由子元素宽高 阅读全文
摘要：
扩展运算符 扩展运算符（ spread）是三个点（...），可以将一个数组转为用逗号分隔的参数序列。 扩展运算符是将一个整体的元素展开成单独的元素 浅拷贝 数组 const arr = [1, 2, 3] const arr2 = [...arr] console.log(arr2); // [1, 阅读全文
摘要：
解构赋值 解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。 单层对象的解构赋值 const obj = { name: 'paul', age: 19, gender: '男' }; const { name, age, gende 阅读全文
摘要：
for循环 for (let index = 0; index < array.length; index++) { const element = array[index]; } for in for in 遍历数组 // for in 遍历数组的每个下标 for (const index in 阅读全文
摘要：
箭头函数 MDN：箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。 箭头函数的注意事项 箭头函数没有自己的this,只能沿着作用链的上一层继承this，最终 阅读全文
摘要：
场景： 遍历请求来的数据，使用弹性盒布局，左右各一份并且换行，并且使用justify-content:space-around。 拉到最后一个显示的数据，发现最后一个图片理应另起一行显示在左边，但是发现图片孤零零的被置于中间，严重影响美观。 原因： 因为奇数个数据在使用弹性盒排列时，必然会出现有尾巴 阅读全文