1.盒子垂直水平居中
三种方法：
1、定位 盒子宽高已知， position: absolute; left: 50%; top: 50%; margin-left:-自身一半宽度; margin-top: -自身一半高度;
2、定位 + transform ; 适用于子盒子宽高不定时；
position: relative / absolute;
top: 50%; left: 50%; /*top和left偏移各为50%*/
transform: translate(-50%, -50%); /*translate(-50%,-50%) 偏移自身的宽和高的-50%*/
3 . flex 布局
display:flex;
align-items: center;
justify-content: center;
2. css实现单行文本溢出显示 ...
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
3. 更短的数组去重写法
[...new Set ( [2,"12",2,12,1,2,1,6,12,13,6] ) ]
// [2, "12", 12, 1, 6, 13]
4. 父子组件之间的通信
父组件通过 props 传递数据给子组件，子组件通过 emit 发送事件传递数据给父组件，这两种方式是最常用的父子通信实现办法。是典型的单向数据流，父组件通过 props传递数据，子组件不能直接修改 props， 而是必须通过发送事件的方式告知父组件修改数据。
5. 媒体查询
html5要适应各种分辨率的移动设备，应该使用rem这样的尺寸单位。这样页面在不同设备下就能保持一致的网页布局。但是从工作量和复杂度方面来考虑，确有不足。
简单的解决办法是：文字流式布局，控件弹性布局，图片等比缩放。 一些网站的做法：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
对于容器的font-size，需要通过媒体查询设置font-size：
@media screen and (max-width:321px){
.m-navlist{font-size:15px}
}
@media screen and (min-width:321px) and (max-width:400px){
.m-navlist{font-size:16px}
}
@media screen and (min-width:400px){
.m-navlist{font-size:18px}
}
6. http与https区别
1. https协议需要到ca申请证书，一般免费证书比较少，因而需要一定费用。
2. http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl加密传输协议。
3. http和https使用的是完全不同的连接方式，用的端口也不是一样，前者是80，后者是443。
4. http连接很简单，无状态；https是需要加密传输，身份认证，比较安全。
