1.兼容性
所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。但我们需要是无论用户用任何一个浏览器来查看网站或者登陆系统时，都应该是统一的界面显示。浏览器的兼容性是一个最基本的问题，所以对解决兼容性的问题提出了答案
1.问题：当在a标签中嵌套img标签时，在某些浏览器中img会有蓝色边框；
解决方案：给img添加border：0；或者是border：none；
2.问题：给上边元素设置了margin-bottom，给下边元素设置了margin-top，浏览器只会识别较大值；
解决方案：margin-top和margin-bottom中选择一个，只设置其中一个值；
3.问题：常见症状是IE6中后面的一块被顶到下一行
解决方案：在float的标签样式控制中加入 display:inline;将其转化为行内属性
4.问题：firefox不支持hand，但ie支持pointer
解决方案：统一使用pointer
5.问题：IE6、7和遨游里这个标签的高度不受控制，超出自己设置的高度
解决方案：给超出高度的标签设置overflow:hidden;或者设置行高line-height 小于你设置的高度。
6.问题：怎么样才能让层显示在FLASH之上呢
解决方案：给FLASH设置透明{ <param name="wmode" value="transparent" /> }
面试中常见的兼容性问题
1、png24位的图片在ie6浏览器上出现背景，解决方案是做成png8，也可以引用一段脚本处理；
2、浏览器默认的margin和padding不同，解决方案是加一个全局的*{margin: 0;padding:0;}来统一；
3、IE6双边距BUG：块属性标签float后，又有横行的margin情况下，在ie6显示margin得比设置的大；
4、IE5-8不支持opacity；
5、IE6只支持a标签的:hover伪类；（使用js为元素监听mouseenter,mouseleave事件，添加类实现效果）
6、ol内的序号全为1，不递增；（为li设置样式display: list-item）
2.Vuex
1.介绍：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
核心就是 store（仓库），仓库是用来干什么的？你就当它用来储存东西的
2.Vuex 图示
流程：View -> Actions -> Mutations -> State -> View
state，驱动应用的数据源；数据源就是组件里面的data
view，以声明方式将 state 映射到视图；
声明方式：就比如说上面例子中的 {{ClickCount}} ，数据就可以显示出来。
actions，响应在 view 上的用户输入导致的状态变化。说白了就是多个函数。
3.vue的vuex 该什么时候用呢?
如果数据还有其他组件复用，建议放在vuex
如果需要跨多级组件传递数据，建议放在vuex
需要持久化的数据（如登录后用户的信息），建议放在vuex
跟当前业务组件强相关的数据,可以放在组件内
