比如不让用jquery,不过要求兼容ie11和chrome ff,就行。放弃jquery开始感觉很难,写了两天,也还行。...先想肯定是阴影或变形引起的吧,就把css中的shadow去掉,还不行。就一块块的去CSS代码。在把透明度去掉,就好了!...2、IE11中,在主界面中,获取了iframe初始的contentWindow后, 如果再往里写入一个新页面,那么这个已经获取的window就无效了。...执行它的脚本会提示“不能执行已释放 Script 的代码” 。 这个问题也好理解,因为我是往里写了完整的页面: .........window["ActiveXObject"] || "ActiveXObject" in window) this.init("再绑定一次"); 这个在chrome ff中,不存在window失效问题
如果您需要支持这些浏览器,可以使用jQuery 3.x。 移除已废弃的API 多个版本中已废弃的几个函数终于在主版本中走到了尽头。...此外,为了避免CSP错误,jQuery 4.0已将大多数异步脚本请求从使用XHR改为使用标签。XHR仅在特定情况下继续使用(例如使用“headers”选项时)。...然而,出于几个原因,jQuery在web开发中仍然有一席之地: 遗留浏览器支持:许多网站和web应用仍需要支持如IE11这样的老旧浏览器,这些浏览器缺乏对现代JavaScript特性的支持。...这种灵活性使得jQuery即使在现代web开发环境中也是开发者工具箱中的宝贵工具。...随着jQuery 4.0 beta的发布,jQuery团队展示了他们保持jQuery在不断发展的web开发生态系统中相关性的承诺。那么,你认为jQuery还有存在的意义吗?
在漫长的开发过程中,我们还就IE11兼容性进行了研究和实验,但是由于所涉及的复杂性和手头上的其他工作量大,因此已将其优先处理。微信搜索公众号 逆锋起笔,关注后回复 编程资源,领取各种经典学习资料。...Vue 3利用ES2015代理获得了性能更高且更完整的反应系统,该系统无法在IE11中进行多填充。...它能够检测许多在ES5中不可能或不可行的操作,例如属性添加/删除,数组索引和length突变以及in操作员检查。为Vue 3的代理版本编写的相同代码在IE11版本中不起作用。...我们最初的计划是在IE11版本的开发版本中同时交付Proxy和ES5反应性实现。当它在启用代理的开发环境中运行时,它将检测并警告不兼容IE11的用法。...长期维护的负担 支持 IE11 也意味着我们必须考虑在整个代码库中使用的语言特性,并为我们的发布版本找到合适的 poliyfill / 编译策略。
目录 一、jQuery基本概念 1、jQuery的特点 2、获取jQuery 3、使用jQuery (1)引入jQuery (2)jQuery书写 (3)jQuery中的加载事件...一、jQuery基本概念 1、jQuery的特点 jQuery是一个轻量级的脚本,其代码非常小巧。 语法简洁易懂,学习速度快,文档丰富。 支持CSS1~CSS3定义的属性和选择器。...跨浏览器,支持的浏览器包括IE6~IE11和FireFox、Chrome等。 实现了JavaScript脚本和HTML代码的分离,便于后期编辑和维护。 插件丰富,可以通过插件扩展更多功能。...DOM对象和jQuery对象可以相互转换: jQuery对象转换为DOM对象的方法: 从jQuery对象中取出DOM对象,取出对象后就可以用DOM对象的方式来操作元素了。...页面的结构文件获取同一类clas的元素 标签选择器 $("div") 获取相同标签名的所有元素 并集选择器 $("div,p,li") 选取多个元素 交集选择器 $("li .current") 交集元素 如下,在控制台输入
严格模式下不起作用,因此这种方法也不是一种推荐的做法。...Chrome DevTools支持,而且只有在DevTools代开的情况下才会捕获,在代码中通过Error对象不会获取到异步追溯栈。...Cross domain sanitization 在Chrome中,window.onerror能够检测到从别的域引用的script文件中的错误(**译者注:比如从CDN上面引用的jQuery源文件...,但是并没有追溯栈了(也就是errorEvent.error是null),由于这个API是在父文件中执行,因此我们也可以采取父文件中的发送错误机制来发送worker中的错误,但是遗憾的是,由于这个错误对象没有追溯栈...需要注意的是,在Firefox、Safari和IE11(不包括Chrome),父级页面中window.onerror在worker脚本中的onerror注册监听函数被调用后,依然会被调用,但是,父级页面中的
在开发WordPress 主题或者WordPress 插件时候,常常要通过wp_enqueue_script这个钩子挂载WordPress 自带的 jQuery库而非是通过硬编码的方式来加载,毕竟是为了避免多次加载...但在实际操作中,常常会有各种各样的问题出现。...详见《WordPress中的jQuery库不起作用的相关问题》。再者,为了速度上的考虑,加载一个80kb+的jQuery 库最好是通过第三方来(如google的、SAE的)——特别是主机不给力的网站。...is_admin() )是为了确保这些脚本和css只在前端加载,不会在后台管理界面加载。 第三方jQuery 库一般都有CDN 驱动,可以保证最大速度。...上面代码中的是Jeff 放在七牛云存储上面的,速度上几乎是最快的,你可以用Jeff的这个地址,也可以用谷歌、新浪SAE、百度的,详见《WordPress新第三方jQuery 库选择(又拍云&百度)》
规则7:将脚本放在底部 将脚本放在页面底部,这样可以提高下载的并行速度,同时达到页面逐步呈现。 并行下载 对响应时间影响最大的是页面中组件的数量。...规则8:避免CSS表达式 CSS表达式是动态设置CSS属性的一种强大(并危险)的方式(只针对IE浏览器,其他浏览器不起作用)。...在IE11以前的版本,并不支持min-width,通过CSS表达式可以很好的解决该问题。...解决表达式重复求值 一次性表达式:可以在表达式执行过程中重写它自身。...在解析完成之前,浏览器不能从主机名服务器下载任何东西,而这个过程需要花费一定的时间。其依赖于DNS解析器(ISP提供)、它所承受的请求压力、距离和带宽等。
[audio-player-responsive-and-touch-friendly-1.jpg] 这个是jQuery的插件形式的实现,具有:响应式的、 可触摸操作、自适应的、 原生的、 实用的特点...特点: 简单:几分钟就可以上手编码、部署 可定制:可以方便地用HTML和CSS换肤 轻量:压缩的mini版只有12K 免费开源:没有任何许可限制 社区支持:不断增长的活跃社区 插件丰富:主流平台上越来越多的免费插件...跨平台:跨平台跨浏览器多解码器支持 文档全面:完善的文档和入门指南 接口统一:提供兼容浏览器、HTML5和Flash的统一接口 扩展性:拥有高扩展性的架构体系 支持多中浏览器: Windows: Chrome..., Firefox, Internet Explorer, Safari, Opera Windows (legacy): IE6, IE7, IE8, IE9, IE10, IE11 OSX: Safari...jQuery的插件形式的实现。
大家好,我是零一,IE 大家都不陌生,毕竟出现在大家的视野中已经很久很久,久到有20多年,当然也因前端技术的快速更新,给需要兼容IE浏览器的前端程序员带来了不少的困扰。...ECMAScript 新语法我一个用不了 大家用的最多的就是ES5的语法了吧,或者说在大多数人的概念里,ES5应该是很低级的语法了,然而不争气的 IE 连对ES5的兼容性也不是那么完美 那么能怎么办呢...还有Ajax请求的写法,IE也有它单独的方法,正常的Ajax构造函数是XMLHttpRequest,而IE则是 ActiveXObject 还好这些兼容JQuery都帮我们做了,那个时代,谁不夸一句JQuery...现在最最最常用的Flex布局,IE9及以下都不支持,及时IE10、IE11兼容程度也不是很理想。 那么怎么办? 当然是回归原始了,定位、浮动梭哈!...也就是说IE将永远停留在IE11版本,微软也终于接受了现实 他们是心甘情愿放弃IE的吗?
怎么做的,效率怎么样,是在不同的机器上下载不同的浏览器进行效果确认?有多少人对浏览器的兼容性测试犯过愁? ...IETester 估计工作两年以上的都接触过这个工具,考虑到文章的读者可能有测试新手,所以我再简单介绍一下,用过的可以跳过。...IETester可以在独立的标签页中开启IE5.5、IE6、IE7,IE8 ,IE9,IE10,IE11这7个不同版本的IE,原则上支持WIN8 desktop,WIN7,XP和Vista操作系统。...注意事项: 1)Windows 8 desktop, Windows 7, Windows Vista 或Windows XP 至少安装IE7(Windows XP/IE6 的配置会有很多问题,并且在XP...3)有一些已知的错误或者限制现在还没解决,比如前进/后退可能不起作用,焦点可能不起作用,“alert”或者“confirm”方法可能不起作用,CSS或者FLASH可能不起作用(有时候用管理员房方式运行可解决
对于明年的问卷调查,这个问题可能有用:“你是否放弃了一个框架或者在项目中切换框架? 尽管有大量的JavaScript专家,只有 21% 的人认为框架不是必须的,并乐意编写原生代码。...任务执行器和模块打包工具 Gulp是最大的赢家,接近 44% 的开发人员在使用。然而,更简单的 npm scripts 脚本在2016年增加了 23% ,达到 26% 。...如果你确实需要支持 IE11 及以下版本,编写 ES5 代码不是更容易吗?...使用测试工具的用户在一年中增长了 12% ,达到了 52% 。 历史上,JavaScript 测试一直是一个挑战。...诸如测试驱动开发(TDD)等技术可以捕获逻辑问题,但不能解决异步事件遇到的问题,例如当 UI 在特定浏览器中执行某种意外操作时。
没错,这里就是说的就是这个。 使用过jquery的童鞋,应该知道有一个叫做ready的方法....在获得数据响应后,页面开始解析,发生的过程为: (1) 解析HTML结构。 (2) 加载外部脚本和样式表文件。 (3) 解析并执行脚本代码。 (4) 构造HTML DOM模型。...但是现在w3c规定,只有xhr才有这个事件。 所以,这里,我们一般只能在IE中使用readyStateChange否则,其他浏览器是没有效果的。...另外提供一个doScroll方式 doScroll兼容 这是IE低版本特有的,不过IE11已经弃用了。...我们来看一下jquery中实现doScroll的兼容: //低版本的IE浏览器,这里添加监听作为向下兼容,如果doScroll执行出现bug,也能保证ready函数的执行 document.attachEvent
document.getElementsByName在Chrome和FF30.0中返回NodeList(木有namedItem方法的),在IE全系列中都返回HTMLCollection,吐血了吧? ...但IE11中的HTMLAllCollection还可以当作函数使用,具体请看本文的第三节。...NamedNodeMap和HTMLCollection、NodeList不同,因为它是无序集合,虽然可以通过数字类型的下标索引访问NamedNodeMap集合中的元素,但该索引值并不真实代表元素在集合中的位置...另外,JQuery中也有一个data函数,那么它跟以"data-"开头的自定义特性有什么关联呢?...赋值操作时,仅仅在特性映射表中新建键值对,并不会赋值到标签对应的"data-*"特性中。 为何JQuery要设计成这样呢?
库和框架 尽管有相关性的质疑,超过 99% 的开发人员在某些时候使用 jQuery,并且 31% 的受访者认为对很多项目来说 jQuery 是必要的。...对于明年的问卷调查,这个问题可能有用:“你是否放弃了一个框架或者在项目中切换框架? 尽管有大量的JavaScript专家,只有 21% 的人认为框架不是必须的,并乐意编写原生代码。...任务执行器和模块打包工具 Gulp是最大的赢家,接近 44% 的开发人员在使用。然而,更简单的 npm scripts 脚本在2016年增加了 23% ,达到 26% 。...如果你确实需要支持 IE11 及以下版本,编写 ES5 代码不是更容易吗?...使用测试工具的用户在一年中增长了 12% ,达到了 52% 。 历史上,JavaScript 测试一直是一个挑战。
WordPress 中的jQuery 库问题曾经困扰了我一段时间。...如果仅仅加载WordPress 自带的jQuery 库,在使用一些jQuery 插件的时候明明是代码没有错误,但就是不起作用,该有的效果不能实现;但加载了原版的jQuery 库却又可以了,这样一来却同时加载了两个...后来才了解到:为了防止与其他 JS 库(如 YUI)冲突,WordPress 内置 jQuery 库的末尾都在原版的基础上加入了 jQuery.noConflict()这个东东,以至于在jQuery 代码中用...$ 代替jQuery 的写法不能识别,一些功能不起作用的原因正是由此而来。...如何解决这个问题,网络上有以下解决方案: 方案一:将相关js代码中的$ 手动改为 jQuery。
(2)真实用户性能监控 在用户真实流量的过程中,加入了一些埋点,收集相关性能数据。这种方式的优缺点都很明显:优点,代表最真实的用户性能体验;缺点,对用户体验有影响。...JS层面,我们逐步淘汰了jQuery和jQuery UI,而使用Vanilla JS这款更加高效的JS框架。 画外音:Vanilla JS,世界上最轻量级的JS框架,没有之一。...例如,IOS在全屏模式下就不允许自定义播放器,而强制使用本地的QuickTime,而Android则不存在这个问题。...答:我们一直支持IE,但最近我们决定放弃支持IE11之前的IE版本(兼容性太难搞了),言下之意,我们会放弃对Flash视频播放的支持。我们将专注于Chrome,Firefox和Safari的支持。...提问:你们的播放器,除了播放相对可控的视频资源,你们还引入了很多第三方的广告,在开发的过程中,你们是如何模拟这些动态脚本的加载的?
网页上的空间是寸土寸金,虽然显示器的分辨率越来越大,可是直到今天,网页设计中仍然是以至少1024×768 像素的支持为主,也就是说,每一屏页面只有区区 955×600像素 的安全尺寸可以用而已。...最近我在实际应用中,逐步完善出一种基于 jQuery,但是比 jQuery UI Tabs 插件更小巧也更通用的简单 Tabs 实现。...要说明的是,这个地方由于只启用了 jQuery UI 中的 Tabs 插件,因此生成的代码还是比较干净的,只增加了 ui-tabs-xxxx 这几个相关的 CSS 类。...但是我在实际应用中遇到了一些问题,除了 jQuery UI 自带的 JS 脚本很大,CSS 不符合实际应用需求外,还有一个最大的问题,你可能已经注意到了,在作为导航的标签定义中,每个标签对应哪一个区域是用链接目标来定义的...在实际使用中,会遇到一个问题,一般我们会给 tab 中的文字加链接,那么当鼠标滑过这个 tab 的时候,如果指到了文字,那么激发事件的对象有可能是 A 元素而不是 LI 元素,则事件就不能正确激发。
允许程序和脚本动态地访问和更新文档的内容。 为什么要使用DOM?...HTML的DOM HTML的DOM是一个内存对象树,在浏览器中只保存一份,HTML的DOM修改HTML的内容会直接反应到浏览器中 ?...这里写图片描述 总的来说就是:添加、替换、删除子节点,判断是否有子节点,克隆子节点 ---- document HTML的DOM中我们提到并大量使用了document这个Javascirpt的内置对象...于是我们需要学习在JavaScript代码中通过DOM操作XML文档 XML和HTML的API是十分类似的,这里就不赘述了。...等我复习到Jquery的时候,再把这里的坑填了吧。。。
(firbox) 4是ie11不支持onclick属性方法 ; ie11 里元素对象的attributes的排序和其他浏览器不同, ie11 中 remove()方法不work (ie) 对于原因...怎么办,如果你使用了path,只有一个办法就是规避使用path,用其他方式代替path,比如通过参数直接传入元素的id 通过document.getElementById处理元素。...IE11 只能获取dataTransfer.getData('Text') ,如果你需要传里数据 ,就只能用'Text'这个键名,如果你的代码里设置了很多传输的变量,可以考虑通过对象的方式 用JSON.stringify...中attributes的属性排序和其他浏览器不同,会引起bug。...解决这个问题 ,我是通过遍历attributes 找到符合我要的代替之前的写死的attributes顺序 针对ie11 remove()不work的情况,可以用代码 parent.removeChild