2020-09-16

vuex的生命周期
钩子函数
vue打包
（https://www.jianshu.com/p/e327eca486db）
（https://blog.csdn.net/qq_41115965/article/details/80796310）
http://www.942ss.com/?p=1282
Css面试题：
1、 盒子模型：
盒模型把标准模型改变为怪异模型，我们可以通过box-sizing：border-box；
答：盒子模型氛分为ie盒模型和w3c盒模型；
Ie盒模型包括：margin外边距，padding内边距，border边框，content内容；（ie的width=content+padding+border）；
w3c盒模型包括：margin外边距，padding内边距，border内边距，content内容；（w3c的width=content）；
2、 css选择器：
优先级：!important > 行内样式>ID选择器 > 类选择器 > 标签 > 全局选择器 > 继承 > 浏览器默认属性
种类：ID选择器，类选择器，伪类选择器，标签选择器，兄弟选择器，子类选择器，相邻兄弟选择器，全局选择器
3、 css3新特性：
1、选择器：nth-child（）、nth-of-type（）、：checked、：disabled
2、盒模型：
3、背景：background-image、background-size、background-origin
4、渐变：linear-gradient、radial-gradient
5、边框：border-radius、border-image
6、阴影：box-shadow、text-shadow
7、2D/3D转换：transform：translate rotate scale
8、过渡：transition
9、动画：keyframes、animation
10：弹性盒子：flex
11：媒体查询：@media
(1) 文本阴影：text-shadow；
text-shadow：偏移量x 偏移量y 模糊度 颜色；
注意： 水平偏移量：正值为左，负值为右；
垂直偏移量：正值为下，负值为上；
例子：text-shadow：1px 2px 3px red；
(2) 边框圆角：border-radius；
例子：border-radius：10px 10px 10px 10px/5px 5px 5px 5px；
理解：前四个是横轴半径，后四个是纵轴半径，如果后四个值不写，纵轴半径默认=横轴半径；
(3) 盒子阴影：box-shadow；
例子：box-shadow：inset 1px 1px 1px red；
Inset可设置内阴影；
(4) 边框图片：border-image；

(5) 背景大小：background-size；
作用：设置图片大小；
设置方式：background-size：200px 200px；//具体尺寸
100% 100%；//比例
100% auto；//自适应
Auto 100%；//自适应
Cover；//铺满父容器
Contain；//在父容器中完整显示
(6) 设置背景原点：background-origin；
作用：设置背景图原点位置，这个原点指的是图片左上角
(7) 背景区域裁切：background-clip：
作用：裁切背景，移动端应用的多；
(8) 多背景：background：url（），url（），url（）；
注意：不同的背景，用逗号隔开；
(9) 渐变：background-image：linear-gradient（渐变方向开始状态和结束状态，渐变范围）
(10) 过渡：trasition；
(11) 选择器：属性选择器，伪类选择器，全局选择器*，id选择器#，后台选择器，类选择器.,标签选择器