2 定位+transform position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
3 flex方案 display: flex; margin: auto;
三。直接全部背诵
四，https://blog.csdn.net/yiyueqinghui/article/details/107498195
五，为循环中的每一项增加一个唯一的标识符，提高渲染效率
六，JSON.parse() 方法将数据转换为 JavaScript 对象。JSON.stringify() 方法将 JavaScript 对象转换为字符串。
九，静态资源托管到一些平台上 分包
10，有个Can I Use网站可以查询在不同浏览器上的兼容情况
在Chrome中字体不能小于12px
解决方案： 父元素加transform: scale(0.8)
不同浏览器的标签默认的内外边距不同
解决方案：*{margin: 0; padding: 0;}或引入引入reset.css样式重置
IE浏览器中a标签有蓝色边框 解决方案：a{outline: none;}
图片默认有间距,问题症状：几个img标签放在一起的时候，有些浏览器会有默认的间距
解决方案：使用float属性为img布局
备注：因为img标签是行内属性标签，所以只要不超出容器宽度，img标签都会排在一行里，但是部分浏览器的img标签之间会有个间距。去掉这个间距使用float
设置较小高度标签（一般小于10px），在IE6，IE7，遨游中高度超出自己设置高度
问题症状：IE6、7和遨游里这个标签的高度不受控制，超出自己设置的高度
碰到频率：60%
解决方式：给超出高度的标签设置overflow:hidden;或者设置行高line-height 小于你设置的高度。
备注：这样的情况一般出如今我们设置小圆角背景的标签里。出现这个问题的解决办法是IE8之前的浏览器都会给标签一个最小默认的行高的高度。即使你的标签是空的，这个标签的高度还是会达到默认的行高。
11，created vue实例已经创建，仍然不能获取DOM元素。在项目中常用来发起Ajax请求，这也是一个生命周期中可以发起网络请求最早的时候
mounted异步请求一般写在这里。在这个阶段，数据和DOM都已被渲染出来。此时可以开始操作dom元素了，在这之前无法操作dom元素，除非使用 $nextTick(cb)
6
1、link属于XHTML标签，而@import是css提供的,link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import 只能加载CSS
2、页面被加载时，link会同时被加载，而@import引用的css会等到页面被加载完再加载。
3、@import一般只在IE5以上才能识别，而link是XHTML标签，无兼容问题。
4、link的样式的权重高于@import的权重
七，https://blog.csdn.net/first_shun/article/details/115747681
八，1、createElement()方法，可以创建元素节点；2、createTextNode()方法，可以创建文本节点；3、createAttribute()方法，可以创建属性节点。
九。https://blog.csdn.net/weixin_42089228/article/details/113007416
11，
使用精灵图，减少请求次数
使用keep-alive，避免重复的网络请求
路由懒加载：将路由对应的组件打包成一个个的js代码块。只有在这个路由被访问到的时候，才会加载对应组件的代码块。component: ()=>import('组件路径')
18
1、JSON是JavaScript Object Notation；XML是可扩展标记语言。
2、JSON是基于JavaScript语言；XML源自SGML。
3、JSON是一种表示对象的方式；XML是一种标记语言，使用标记结构来表示数据项。
4、JSON不提供对命名空间的任何支持；XML支持名称空间。
5、JSON支持数组；XML不支持数组。
6、XML的文件相对难以阅读和解释；与XML相比，JSON的文件非常易于阅读。
7、JSON不使用结束标记；XML有开始和结束标签。
8、JSON的安全性较低；XML比JSON更安全。
9、JSON不支持注释；XML支持注释。
10、JSON仅支持UTF-8编码；XML支持各种编码
十九，
1、WebSocket是双向通信协议，模拟Socket协议，可以双向发送或接受信息，而HTTP是单向的；2、WebSocket是需要浏览器和服务器握手进行建立连接的，而http是浏览器发起向服务器的连接。https://new.qq.com/rain/a/20220104A040B400
二十，
·打开
onopen
当在客户端和服务器建立连接，就会从Web Socket实例触发open事件。它被称为客户端和服务器之间的初始握手。当建立连接就引发的事件被称为onopen
·消息
onmessage
通常在服务器发送一些数据时发生消息事件。服务器发送给客户端的消息可以包括纯文本消息，二进制数据或图像。无论何时发送数据，都会触发onmessage函数
·关闭
onclose
关闭事件标志着服务器和客户端之间通信的结束。在onclose事件的帮助下，可以关闭连接。在onclose事件的帮助下标记通信结束后，服务器和客户端之间无法进一步传输消息。关闭事件也可能由于连接不良而发生。
·错误
onerror
某些错误的错误标记，在通信期间发生。它是在onerror事件的帮助下标记的。在错误之后总是会终止连接。每个事件的详细描述将在后面的章节中讨论。
13
rem是全部的长度都相对于根元素元素。通常做法是给html元素设置一个字体大小，然后其他元素的长度单位就为rem。
em:
子元素字体大小的em是相对于父元素字体大小
元素的width/height/padding/margin用em的话是相对于该元素的font-size
vw/vh:
全称是 Viewport Width 和 Viewport Height，视窗的宽度和高度，相当于 屏幕宽度和高度的 1%，不过，处理宽度的时候%单位更合适，处理高度的 话 vh 单位更好。
px:
px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 一般电脑的分辨率有{19201024}等不同的分辨率 19201024 前者是屏幕宽度总共有1920个像素,后者则是高度为1024个像素
.wai{
width: 200px;
height: 400px;
transition: all 0.3s;/* 上浮这个过程需要的时间 */
}
.wai:hover {
box-shadow: 0 16px 32px 0 rgba(48, 55, 66, 0.15);/* 鼠标悬浮时盒子出现的阴影 */
transform: translate(0, -10px);/* 鼠标悬浮时盒子上移10px */
}
<view ref="mydom"> </view>
<input v-model="textbox" @input="myin" />
textbox："
myin(){
this.$refs.mydom.$el.innerText = this.textbox
}
