随笔分类 -  兼容问题集合

遇到的问题，浏览器兼容问题
document.getElementById动态的Node集合随时变化, 和document.querySelector静态的后续无法变化
摘要：1. W3C 标准querySelectorAll 属于 W3C 中的 Selectors API 规范 [1]。而 getElementsBy 系列则属于 W3C 的 DOM 规范 [2]。2. 浏览器兼容querySelectorAll 已被 IE 8+、FF 3.5+、Safari 3.1+、 阅读全文
posted @ 2019-04-28 15:37 唐安 阅读(650) 评论(0) 推荐(0)
inline-block和float 布局的选择
摘要：浮动通常表现正常，但有时候搞起来会很纠结。特别是处理内部容器中的浮动，比如对一排图片使用浮动后对齐出现问题。Inline-block是我们的另一种选择。使用这种属性可以模拟部分浮动的特征，而不需要处理一些浮动带来的问题。 Inline-block 用在展示一系列照片的需求，用inline-block 阅读全文
posted @ 2019-03-27 19:39 唐安 阅读(255) 评论(0) 推荐(0)
inline-block间隙问题总结, ,style一个样式后面 多加了一个 分号; 导致 样式失效
摘要：1 样式最后的{}后面, 不能有分号 ; 2 display:inline-block 后, 元素间会有间隙 原因: 由换行或者回车导致的。 解决一:　只要把标签写成一行或者标签直接没有空格，就不会出现间隙。　但是这种方式是不太可靠，存在太多不可控的因素导致失效， 例如：代码生成工具、代码格式化、或 阅读全文
posted @ 2019-03-23 18:46 唐安 阅读(286) 评论(0) 推荐(0)
inline-block有间隙的兼容处理
摘要： 阅读全文
posted @ 2019-03-23 15:52 唐安 阅读(115) 评论(0) 推荐(0)
Vue 兼容 IE9 全功能正常使用的全面解决方案
摘要：https://blog.csdn.net/VhWfR2u02Q/article/details/80863626 阅读全文
posted @ 2019-03-22 00:33 唐安 阅读(941) 评论(0) 推荐(0)
VUE本身是不支持IE的,可用babel-polyfill解决
摘要：一般来说VUE本身是不支持IE的，但是可以用特殊的方法来解决，亲测可用第一步：下载插件 cnpm install --save babel-polyfill第二步：入口文件main.js引入( import 'babel-polyfill') 好多人没引入，结果不生效第三步：配置文件修改 vue-l 阅读全文
posted @ 2019-03-22 00:02 唐安 阅读(2009) 评论(1) 推荐(1)
ES6的新API如Promise,Proxy,Array.form(),Object.assign()等,Babel不能转码, 使用babel-polyfill来解决
摘要：Babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise、Async等全局对象，以及一些定义在全局对象上的方法（比如Object.assign）都不会转码 阅读全文
posted @ 2019-03-21 23:55 唐安 阅读(2165) 评论(0) 推荐(0)
@media only screen and (max-width:640px)中的问题，响应式布局
摘要：<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=ed 阅读全文
posted @ 2019-02-10 16:16 唐安 阅读(1081) 评论(0) 推荐(0)
img 下方的4px像素问题
摘要：问题：在一个div块里面放了一个图片，图片下面有内容，可以不管怎么调试，在火狐浏览器，IE6下。图片img底部多出了4个像素 解决：img样式中 vertical-align: top/middle/bottom; 如果外面有div包裹 最好加 overflow : hidden; 阅读全文
posted @ 2018-12-11 12:03 唐安 阅读(438) 评论(0) 推荐(0)