首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    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新语法。

    1.3K10

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

    [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提交改为原生提交

    1.7K10

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

    86810

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

    3.2K20

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

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

    1.8K30

    浏览器兼容

    让哪些浏览器支持哪些效果 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介绍文章 ?

    2.9K52

    【Web前端】如何兼容性地开发响应式站点

    三、CSS中的回滚机制 在处理旧浏览器时,回滚策略是指在浏览器不支持某些CSS特性时,提供一个后备样式。这使得即使在旧浏览器中,页面也可以以一种“可接受”的方式展示,而不至于完全失效。...示例:CSS变量的回滚 CSS变量(自定义属性)是一个非常实用的功能,但它在IE浏览器中并不支持。我们可以为不支持CSS变量的浏览器提供一个默认值。...-ms-flex: 1; /* IE10 */ flex: 1; /* 现代浏览器 */ } ​​-webkit-box​​是旧版Safari...六、IE10和IE11的网格布局支持 IE10和IE11虽然提供了部分网格布局的支持,但需要使用特定的带前缀语法,如​​-ms-grid​​。...VirtualBox + 旧版浏览器镜像:可以在本地虚拟机中安装旧版操作系统和浏览器。 Modern.ie:微软提供的免费虚拟机镜像,包含IE10、IE11等浏览器版本。

    79310

    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(

    9.9K10

    浏览器执行js原理

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

    4.6K10

    Js篇-面试题5-如果浏览器不支持 bind 函数,实现一个函数让其兼容

    如果浏览器不支持 bind 函数,实现一个函数让其兼容 主要考察bind方法 bind作用: 创建一个新的函数(称为绑定函数), 当它被调用时,将其 this关键字设置为提供的值,在调用新函数时,在任何提供之前提供一个给定的参数序列...p.toString(); // '1,2' var emptyObj = {}; var YAxisPoint = Point.bind(emptyObj, 0/*x*/); // 实现中的例子不支持...bind()方法 if('bind' in Function.prototype){ //如果浏览器兼容bind()方法,则使用bind()方法,并返回bind()方法执行后的结果...); } } 自建 bind 函数来给一个对象绑定事件 思路: 三个参数分别是 对象,事件,回调函数 兼容性: 通过 if 判断对象是否存在addEventListener方法来区分浏览器...,当然也可以跟上面一样通过bind是不是Function下的原型对象 this 问题的解决:由于传入的回调函数是浏览器调用的,我们是无法去直接操作的,所以我们在attachEvent()不直接传入回调函数

    90020
    领券