1.动态样式的绑定
:class="`${
data.isRefresh ? 'activity_noRefresh' : 'activity_refresh'
}`"
2.常见的兼容性问题
1).各种浏览器默认的margin,padding值不同
2).ipone7及下会存在划一下划不动的情况,所以需要写上-webkit-overflow-scrolling:touch(不要在设置了-webkit-overflow-scrolling:touch的容器上定位元素。mobile上苹果尽量少用fixed，要用的话往往也使用一些hack技巧。一个解决方法就是在webkit-overflow-scrolling:touch属性的下一层子元素上，将height加1%或1px。从而主动触发scrollbar。)
3).safari时间对象转换，年月日必须要用'/' new Date(2022/5/22 21.00.00)
4).IE低版本不识别min-height,使用 ! important 解决
5).IE浏览器给图片加载超链接时,图片会自动加上边框(紫色两像素的边框),解决方案:img (border :none/0)
6.)IE9已下的文本输入框不会垂直居中,解决方案:设置 line-height属性
7.)window event:表示当前的事件对象,IE有这个对象,FF没有,FF通过事件处理函数传递事件对象,
function (e) {e=window.event||e}*
8.)input.type IE只读 FF可读写
9.)获取页面内的所有元素的一个集合 IE: document.all 非IE: documrnt.getElementTagname('*')
10.)DOM2 添加.清除事件
11.)一些情况下对非可点击元素如(label,span)监听click事件,ios下不会触发
解决方案:css 增加 cursor:pointer.
12.) Input 的 placeholder 在移动端会出现文本位置偏上的情况,解决方式就是设置 line-height:normal.
13.)display:inline-block 在 ie6/7中不支持
解决方案:display:inline-block;display:inline.
