首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

IE10的兼容性处理

IE10不支持箭头函数,写js的时候慎用。 IE10下对js的语法要求严格,正常参数后如果没有多余的代码,写个,会报错,如果加了删掉就OK,Chrome下不会产生影响。 zoom属性能不用,尽量别用。...我在Chrome使用zoom进行大小调整,放到IE10运行,整个页面都错位了,找半天才想起来之前给一个容器设置了zoom: 1.1;,真是让人头大。...IE10下img标签自带白边,在默认样式里面设置border: none;即可。 img { border: none; } IE10能兼容大部分的html5新标签,唯独不能兼容 main。...box-shadow 阴影属性其实IE10是支持的,但是需要注意语法问题,在普通浏览器color可以用rgba,#等写法,但是在IE10下,只能通过#000000写法,#和六位的颜色标记,不可以简写,否则不生效...IE10不兼容es6新语法。

86310
您找到你想要的搜索结果了吗?
是的
没有找到

数往知来:一次浏览器兼容工作中的知识点分析

[endif]--> 条件注释最初于微软的 Internet Explorer 5浏览器中出现,直至 IE10 停止支持 对于非IE浏览器,被当作普通注释而忽略 举例:<!...document.write("You are using IE5 or older"); @end@*/ IE11 Standards mode 和 Windows 8.x Store apps 中不支持...IE10及更早版本的Standards mode中都支持 结合两种注释的识别IE10奇技淫巧 姥姥不疼:IE6-9发现了HTML条件注释但返回了false 舅舅不爱:IE11两种注释都不认 IE10同时满足两种注释的交集 shim / sham / polyfill 这3个古怪的单词一般都用来描述一些给浏览器打补丁的第三方库...本次难以兼容的正是HTML5 File API,简单的说就是:IE10及以下不支持FileReader,分别用以下措施应对: 取消表单中上传头像的本地预览功能 有上传头像的表单从ajax提交改为原生提交

97410

搞懂babel7常用的配置和优化,这篇就够了!

"ie": "10" } }, ] ], } 复制代码 targets配置的意思就是让babel根据你写入的兼容平台来做代码转换,这里我们指定ie10...输入: src/main.js const a = () => {} 复制代码 输出: dist/main.js var a = function a() {}; 复制代码 这里因为ie10不支持es6...语法的,所以代码被全部转换,如果我们把ie10这条去掉,因为高版本的chrome是支持es6大部分语法的,所以代码就不会被做任何转换了。...useBuiltIns 首先我们来看一行简单的代码 a.includes(1); 复制代码 includes作为数组的实例方法,在某些浏览器其实是不支持的,babel默认的转换对于这种场景并不会做处理,...("core-js/modules/es7.array.includes"); require("core-js/modules/es6.string.includes"); a.includes(

2.5K20

搞懂babel7常用的配置和优化,这篇就够了!

58", "ie": "10" } }, ] ], } targets配置的意思就是让babel根据你写入的兼容平台来做代码转换,这里我们指定ie10...输入: src/main.js const a = () => {} 输出: dist/main.js var a = function a() {}; 这里因为ie10不支持es6语法的,所以代码被全部转换...,如果我们把ie10这条去掉,因为高版本的chrome是支持es6大部分语法的,所以代码就不会被做任何转换了。...useBuiltIns 首先我们来看一行简单的代码 a.includes(1); includes作为数组的实例方法,在某些浏览器其实是不支持的,babel默认的转换对于这种场景并不会做处理,同样不会处理的包括...a.includes(1) Promise.reject() 输出: dist/main.js require("core-js/modules/es6.promise"); require("core-js

15810

网站性能优化(三)异步加载脚本

原则上来说,HTML在使用标签加载外部脚本文件时,会顺序下载,顺序执行,并阻碍其他资源文件的下载,比如图片(当然,如今主流浏览器是可以实现JS和CSS文件并行下载)。...不同浏览器表现还是不一致的) loading1.png 为了加速页面渲染,不让脚本文件阻塞其他资源下载,可以考虑“异步加载脚本”的技术。...也就是说,不支持跨域下载脚本。因此不适合加载第三方文件。 脚本无序执行。 3....defer优点:可以保证JS文件按照顺序执行。 缺点:: defer和async缺点:IE10以上(包括IE10)才支持。 async缺点:JS文件无法依序执行。 会阻塞onload事件 4....和XMLHttpRequest一样,iframe不支持跨域加载脚本,且脚本无序执行。 5. 小结 异步加载脚本还普遍存在另一个问题:无法保持多个脚本的执行顺序(除了defer)。

1.3K30

浏览器兼容

让哪些浏览器支持哪些效果 3、如何做 (1)根据兼容需求选择技术框架/库(jquery) (2)根据兼容需求选择兼容工具(html5shiv.js、respond.js、css reset、normalize.css...IE10不再支持条件注释 3、CSS hack (1)起因:由于不同厂商的浏览器(比如Internet Explorer,Safari,Mozilla Firefox,Chrome等),或者是同一厂商的浏览器的不同版本...IE)Hack 属性前缀法(即类内部Hack) 例如 IE6能识别下划线_和星号* , IE7能识别星号*,但不能识别下划线_, IE6~IE10都认识"\9",但firefox前述三个都不能认识 这些都是...八:处理兼容的开发工具 html5shiv.js respond.js css reset normalize.css Modernizr 这是处理兼容思路的转变,之前处理兼容处理的是浏览器。...运行的时候它会在html元素上添加一批CSS的class名称,这些class名称标记当前浏览器支持哪些特性和不支持哪些特性 详情见文档:Modernizr介绍文章 ?

1.8K52

js判断浏览器信息

本示例讲述了关于js获取各种浏览器信息,例如微信浏览器,qq内置浏览器,电脑火狐浏览器,qq浏览器等等 判断手机相关浏览器 if (browser.versions.mobile) { //判断是否是移动设备打开...ua.match(/QQ/i) == "qq") {       //在QQ空间打开   }        if(browser.versions.android){           //是否在安卓浏览器打开...  } } else {            //否则就是PC浏览器打开        } 浏览器信息汇总 var browser = {  versions: function () {   var... u = navigator.userAgent, app = navigator.appVersion;  return {   //移动终端浏览器版本信息    iPad: u.indexOf('iPad...') > -1, //是否iPad       iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器    trident: u.indexOf(

7.5K10

浏览器执行js原理

js任务循环机制中,为什么会有宏任务与微任务之分?...因此只要消息队列里有任务,JS执行主线程就会不断的执行消息队列里的任务。这便是js单线程执行js代码的简单原理,当然涉及的深的话,应该还要有IO线程,专门处理新加进来的任务,以及其它进程过来的任务。...鉴于这个属性,那js是如何处理高优先级的任务? js是如何处理高优先级的任务? 比如一个典型的场景,DOM节点的变化,增、删,改,如果页面上的一个输入框状态需要实时的映射到页面上。...但是这个模式有一个问题,就是如果当前的DOM变化非常的频繁,都去执行js任务的话,会导致当前在执行的js任务被延长,从而导致执行效率的下降;如果把这些任务添加到消息队列的尾部,则无法及时响应用户的操作。...这便是在js执行过程中为什么会有微任务与宏任务之分的原因。 文章转自 浏览器执行js原理 , https://www.xiaye0.com/articlejs?id=40

3.6K10

抛弃 IE8,这是我们做的一个艰难的决定

经过反复查阅资料,得到了两个关键信息: 从 IE8 开始有了 Trident 标识,其各种版本对应如下: Trident/7.0:IE11 Trident/6.0:IE10 Trident/5.0:IE9...再者我这只是测试了三个双核浏览器,还有那么多国产的双核浏览器又该是什么? 如何检测通知升级 首先我们的目标是检测 IE8- 提示升级。.../g; // IE6、IE7、IE8(Trident 4.0)、IE9(Trident 5.0)、IE10(Trident 6.0)、IE11(Trident 7.0) let oT = {'t4':...border-radius // ie9 不支持 transition // ie10 不支持最新版本的 flexbox class TestIE { constructor() { this.ele...} ie10() { // 注意不要用在移动端 return this.ele.style.order === undefined; // 10- 不支持新版本的 flexbox }

89860
领券