Vue中的keep-alive是什么意思？以及如何使用
一、keep-alive是什么？
<keep-alive>是vue内置的一个组件，能在组件的切换的过程中将状态保留在内存中，防止重复渲染DOM 包裹动态组件的时候，会缓存不活动的组件实例，而不是销毁他们！
<keep-alive>是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件中，作为标签使用 包裹在需要缓存的组件中
注意：
1. include 字符串
前端
设计模式之观察者模式
1. 观察者模式
观察者模式（Observer Pattern）
观察者模式又叫作发布-订阅（Publish/Subscribe）模式、模型-视图（Model/View）模式、源-监听器（Source/Listener）模式或从属者（Dependent）模式
一对多的依赖关系，一个主题对象可被多个观察者对象同时监听，每当主题对象状态变化时，所有依赖它的对象都会得到通知并被自动更新
观察者模式
React学习之——条件渲染(个人笔记)
React 中没有像Vue中v-if这种指令。React 中的条件渲染和 JavaScript 中的一样，使用 JavaScript 运算符 if 或者条件运算符去创建元素来表现当前的状态，然后让 React 根据它们来更新 UI。
if运算符
function UserGreeting(props) {
return <h1>Welcome back!</h1>
26、关于父元素高度塌陷和块级格式化环境BFC
BFC块级格式化环境
bfc是css中的一个隐含的属性，可以为该元素开启一个独立的布局区域 ，它包含着一定的规则
元素开启bfc的特点：
（1）不会被浮动元素覆盖
（2）子元素和父元素的margin不会重叠
（3）可以包含浮动的子元素
一些特殊方式：
设置元素浮动；float：left；（不推荐）
设置行内块元素（不推荐）
overflow设置为非visible
这里有详细的介绍：
(1
3种前端文件下载的方式
前端下载有两类，一类是直接让浏览器接管的（点击a链接触发），另一类是先在内存里下载好（blob），然后调用浏览器的保存。
1.window.open
我最初使用的方法就是这个，只要提供了文件的服务器地址，使用window.open也就是在新窗口打开，这时浏览器会自动执行下载。
2.a标签
其实window.open和a标签是一样的，只是a标签是要用户点击触发，而window.open可以主动触发
h5 IOS微信浏览器input输入账号键盘闪烁
问题
由项目需求 只能在手机微信浏览打开h5页面
在登录界面。输入账号时，ios手机软键盘反复闪烁
原因
因为微信浏览器的重绘行为；
简单理解就是，自ios11开始，苹果手机的浏览器就有了自动填充密码的功能，
具体来说就是一个手机号密码登录的页面，ios识别到当前页面有密码输入框，所以触发了自动填充密码的功能。
解决方案
autoComplete="off" 和 autoComplete="n
