首页
学习
活动
专区
工具
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新语法。

86510

CRA (create-react-app) IE 兼容方案

在 IE (Trident内核)遇到过一下问题 "Map" 未定义 "Set" 未定义 Promise 未定义 对象不支持 "assign" 属性或方法 对象不支持 "find" 属性或方法 对象不支持..."setPrototypeOf" 属性或方法 其实都是 ES6 语法不支持导致了,理论上经过 babel 处理后就好。...尝试了在入口文件中加入官方提供的 react-app-polyfill 和 babel 文档中指引的引入 core-js,完全不生效。...原因是 babel 编译出了IE10 不认识的 __proto__,文档中提供了解决方案 — 也就是添加需要的 plugins (链接不再放出,可根据名字搜索)。...babel }; —— 虽然我没有用到,但听说这些方法可以 ----- core-js 的不同模块可以单独引入,查资料的时候发现有的人通过单独引入可以解决 core-js不支持 IE10 以下的,需要手动引入一个

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

搞懂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

16210

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

js1.js var xhrObj...也就是说,不支持跨域下载脚本。因此不适合加载第三方文件。 脚本无序执行。 3....Script defer和async 两者都支持异步加载文件,不同之处是,defer会在全部资源下载完毕后才执行JS文件;async在脚本文件下载完就立刻执行,并且,async模式加载的JS文件无法依序执行...defer优点:可以保证JS文件按照顺序执行。 缺点:: defer和async缺点:IE10以上(包括IE10)才支持。 async缺点:JS文件无法依序执行。 会阻塞onload事件 4....和XMLHttpRequest一样,iframe不支持跨域加载脚本,且脚本无序执行。 5. 小结 异步加载脚本还普遍存在另一个问题:无法保持多个脚本的执行顺序(除了defer)。

1.3K30

浏览器兼容

、respond.js、css reset、normalize.css、Modernizr) postCSS (3)条件注释、CSS Hack、js 能力检测做一些修补 五、渐进增强和优雅降级 渐进增强...IE10不再支持条件注释 3、CSS hack (1)起因:由于不同厂商的浏览器(比如Internet Explorer,Safari,Mozilla Firefox,Chrome等),或者是同一厂商的浏览器的不同版本...属性前缀法、选择器前缀法以及IE条件注释法(即HTML头部引用if IE)Hack 属性前缀法(即类内部Hack) 例如 IE6能识别下划线_和星号* , IE7能识别星号*,但不能识别下划线_, IE6~IE10...: >=ie8 div:hover: >=ie7 inline-block: >=ie8 background-size: >=ie9 圆角: >= ie9 阴影: >= ie9 动画/渐变: >= ie10...运行的时候它会在html元素上添加一批CSS的class名称,这些class名称标记当前浏览器支持哪些特性和不支持哪些特性 详情见文档:Modernizr介绍文章 ?

1.8K52

IE10预览:HTML5初探 翻译自Sencha

IE10预览:HTML5初探 在过去的几年里我们做了一系列测试来评估主要的移动平台对HTML5应用的支持。...Windows8 Web 平台 在我们进入Win8和IE10对HTML5的支持细节之前,很值得回顾一下Windows8的一些概要。...HTML5支持 IE10里面的新特性有哪些呢?太多了,明显的部分包括UI元素和特效。IE10预览支持几乎所有最近三年引入可视化HTML5和CSS3特性。...(最后,微软还推动grid layout,尽管这是其独家实现……) IE10也有一些针对触摸接口的扩展,控制元素滚动、移动、缩放。...IE10缺少的? 有好几项HTML5技术没有出现在IE10里面,基于微软平台策略考虑,他们可能不会再出现在IE10里面了,WebGL很明显不在菜单里。

1.1K80

如何动态加载js

3、如何约束js文件的加载顺序?a.js定义了一个函数,b.js要调用,但是b.js先加载了,a.js还没加载完成,造成函数未定义,无法调用。 4、js文件的合并。...遇到新问题: 但是没过多久就遇到了问题,在IE10里面,树、分页、表格等,都会多出来好几份? 把IE10设置为兼容IE7的模式,就一切正常。看了是IE10的新特性照成的。那么到底是怎么回事呢?...为什么其他浏览器没事,IE10有事呢? 根据断点跟踪得到了原因。 原来 chrome只会触发 onload, 而不会触发onreadystatechange(不会进入断点)。...那么IE10呢?两个都会被触发。 继续解决: 一开始是想做一个标志位。做一个标志,如果callback了就不再次callback。但是实际效果有点不稳定,当然很可能是俺代码没处理好。...如果是IE10,那么只设置onload。然后,世界安静了。当然这里浏览器的类型判断还不完全。浏览器太多了,遇到不兼容的在考虑吧,俺js其实很烂的。

12.8K50
领券