CMYK, RGB Hex) ↓ Javascript JavaScript Cheat Sheet ↓ Javascript DOM ↓ JavaScript Reference Card ↓ jQuery...1.4 API Cheat Sheet ↓ jQuery selectors ↓ jQuery 1.3.2 ↓ jQuery 1.3 ↓ jQuery 1.2 ↓ Mootools 1.2...one for dummies ↓ Browsers & OS Mozilla Firefox Cheat Sheet ↓ Google Chrome Keyboard Shortcuts ↓ Internet...Explorer 8 – quick reference card ↓ Windows 7 Cheat Sheet ↓ Windows Alt Codes ↓ Ultimate Switcher
---- 什么是 jQuery ? jQuery 是一个 JavaScript 函数库。 jQuery 是一个轻量级的"写的少,做的多"的 JavaScript 库。...: 除此之外,jQuery 还提供了大量的插件。...---- 为什么使用 jQuery ? 目前网络上有大量开源的 JS 代码库, 但是 jQuery 是目前最流行的 JS 代码库,而且提供了大量的扩展。...很多大公司都在使用 jQuery, 例如: Google Microsoft IBM Netflix jQuery 是否适用于所有浏览器?...jQuery 团体知道 JS 在不同浏览器中存在着大量的兼容性问题,目前 jQuery 兼容于所有主流浏览器, 包括 Internet Explorer 6!
例如这6个比较常用的后代选择器: Child Selectors IE9 IE8 IE7 :first-child √ √ √ :last-child √ × × :nth-child(n) √ ×...如果要兼容IE: 第一种方法: div > p:first-child + p { color: blue; } 第二种方法:使用JQuery if (navigator.appName ==...= 'Microsoft Internet Explorer') { //判断是否是IE浏览器 if (navigator.userAgent.match(/Trident/i) && navigator.userAgent.match...(/MSIE 8.0/i)) { $('p:nth-child(2)').css('color','blue'); } } JQuery也可以用 :nth-child(odd)
写在开头 最近一个关于微软的新闻吸引了我,据报道: 微软公司5月19日宣布,从明年6月15日起,IE浏览器将基本淘汰,标志着又一款数字产品将退出历史 IE浏览器的历史 Internet Explorer...原称Microsoft Internet Explorer(6版本以前)和Windows Internet Explorer(7、8、9、10、11版本)。...转而在Windows 10上,用Microsoft Edge取代了Internet Explorer。...2016年1月12日,微软公司宣布于这一天停止对Internet Explorer 8/9/10三个版本的技术支持,用户将不会再收到任何来自微软官方的IE安全更新;作为替代方案,微软建议用户升级到IE...IE为什么会这么坚挺 1.国内很多老而大的项目,在前些年对兼容性要求高,很多前端项目还是混编,用的JQuery这些库开发,大到不能倒,重构难度大,且对于一些项目来说重构的投入与回报不成正比(老板说:我反正能用啊
1、你为什么要使用jQuery?你觉得jquery有哪些好处?...: jQuery(document).ready(function(){ }); 5、jQuery对象和DOM对象是怎样转换的 jQuery对象是一个包含了dom对象的数组 可以通过jQuery...function(){$("div").children()}) next()获取匹配元素后面紧邻的同级元素 prev()获取匹配元素前紧邻的同级元素 siblings()获取匹配元素前后的所有同辈元素 12、radio...单选组的第二个元素为当前选中的值,该怎么去取 $('input[type=radio]')[1].checked=true 13、什么是JSON,在什么情况下使用? ...该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。
jQuery 判断元素上是否绑定了事件 //jQuery event封装支持判断元素上是否绑定了事件,此方法只适用于jQuery绑定的事件 var $events = $("#foo").data("events..." value="Item-X" name="item" class="is_in_stock" /> Item X radio" value="Item-Y..." name="item" class="3-5_days" /> Item Y radio" value="Item-Z" name="item" class...toggleClass允许你使用下面的语句来很容易地做到这一点 a.toggleClass('blueButton'); 如何设置IE特有的功能: if ($.browser.msie) { // Internet...Explorer就是个虐待狂 } 如何使用jQuery来代替一个元素: $('#thatdiv').replaceWith('fnuh'); 如何验证某个元素是否为空: // 方法一 if (!
这里声明一下,这不是反jQuery的文章,这里我想告诉大家,我持有的观点是在中小型的项目中建议能不用jQuery就不用。...背景知识 在所有的现代浏览器(IE9+)里,它们所提供的原生DOM API都是比jQuery快很多。为什么? 有一个东西,叫Vanilla JS,是一个快速、轻量级、跨平台的JavaScript框架。...cb(); } else { document.addEventListener('DOMContentLoaded', cb); } } docReady(readyCb); Selectors...这里不是说jQuery不好,只是我们做项目的时候,不应该把它作为默认。我们都有Vanilla JS了,已经是火箭炮了,还要啥自行车呢?...参考 vanilla-js.com/ hackernoon.com/you-truly-dont-need-jquery-5f2132b32dd1#.k94vnjo64 jsperf.com/dm-jquery-vs-vanilla-selectors
一、什么是浏览器兼容问题 同一份代码,有的浏览器显示效果正常,有的浏览器显示不正常 二、为什么会有浏览器兼容问题 同一产品,版本越老 bug 越多 同一产品,版本越新,功能越多。...六、处理兼容问题的方法 ---- 1、选择合适的框架 (1)Bootstrap (>=ie8) (2)jQuery 1.~ (>=ie6), jQuery 2.~ (>=ie9) (3)Vue (>=...--[if IE 6]> You are using Internet Explorer 6. 使用了条件注释的页面在 Windows Internet Explorer 9 中可正常工作,但在 Internet Explorer 10 中无法正常工作。...IE10不再支持条件注释 3、CSS hack (1)起因:由于不同厂商的浏览器(比如Internet Explorer,Safari,Mozilla Firefox,Chrome等),或者是同一厂商的浏览器的不同版本
: $("input[@type=radio][@checked]").val(); 下拉框 select: $('#sel').val(); 控制表单元素: 文本框,文本区域:$("#...$("#chk2").attr("checked",true);//打勾 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾 单选组 radio...: $("input[@type=radio]").attr("checked",'2');//设置 value=2 的项目为当前选中项 下拉框 select: $("#sel").attr("value...window.attachEvent is not a function Desc attachEvent is a deprecated function used in older versions of Internet...Explorer.
IE9(8)跨域(CORS)解决方案(为什么CORS不支持IE9) https://www.cnblogs.com/whq920729/p/6306131.html HTML5中 XMLHttpRequest...jquery.xdomainrequest.min.js, 地址为:http://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest...解决方法 http://blog.sina.com.cn/s/blog_502b92330102w7pc.html 1) 在 jquery.ajax 调用前写 jQuery.support.cors =...true (仅此法无法解决) 2)针对 拒绝访问 是由于浏览器安全机制导致的,解决方法为点击IE浏览器的的“工具->Internet 选项->安全->自定义级别”将“其他”选项中的“通过域访问数据源”...In order to use XDomainRequest in Internet Explorer, the request must be: Only GET or POST When POSTing
这不,梗图排着队就来了。 死神:IE,是时候上路了。 IE:Internet Explorer已停止工作。 有人觉得IE靠着魂器仍存于世(手动狗头)。 但也有人迫不及待给IE P起了墓碑。...IE的第一个版本Internet Explorer 1诞生于1995年8月。 第一轮网页浏览器“大战”,也就此拉开序幕: 当时,网景(Netscape)作为浏览器界一哥,市场占有率超过70%。...特别是在1996年Internet Explorer 3——首款支持编程语言及CSS的商用浏览器推出之后,IE的市场占有率开始紧追网景。...这也是为什么,火狐被认为是网景的“精神续作”。 2004年,火狐推出1.0版本。到了2005年,IE市占率就在火狐的冲击之下,跌至85%。...2016年,微软宣布将会停止发布Internet Explorer 11之前版本的安全更新。 2020年,微软宣布将陆续停止对IE的支持。 2021年,微软预告了IE的“寿终正寝”。
-- jQuery first, then Tether, then Bootstrap JS. --> jquery.com/jquery-...真的、 至于我是为什么发现这个问题的,还是得从 此句说起。...DOCTYPE>指令, 都像是使用了 Windows Internet Explorer 7的标准模式。 而content="IE=EmulateIE7"模式遵循指令。... Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容
Zepto.js是一个轻量级的针对现代浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。 1. Why Zepto.js?...API类似jQuery,熟悉jQuery可以无缝迁移到Zepto.js Zepto仅针对高版本现代浏览器设计了最小核心的通用库,代码体积小,尤其适合移动端开发。...包含许多方法 event ✔ 通过on()& off()处理事件 ajax ✔ XMLHttpRequest 和 JSONP 实用功能 form ✔ 序列化 & 提交web表单 ie ✔ 增加支持桌面的Internet...Explorer 10+和Windows Phone 8。...这适用于所有的touch(iOS, Android)和pointer事件(Windows Phone)。 gesture 在触摸设备上触发 pinch 手势事件。
但是这不足以成为大家使用 localStorage 的障碍,要知道 Cookie 只有 4K 的大小,多了一千多倍,偷着乐吧。...Explorer 8 quotaExceeded = true; } } return quotaExceeded; } 另外在存储容量快满时,会造成 getItem 性能急剧下降 2。...缓存静态文件 你不禁要问,HTTP 协议不是本来就支持缓存文件吗(之前写过一篇文章《Web缓存之HTTP指南》),为什么还要使用 localStorage 来缓存?...">...jquery source code......你可能还想问,为什么要在窗口间通信?好问题,没有应用场景的技术都是耍流氓。像多窗口共用的一些组件,而且对数据实时同步都有较高要求的都会是这个技术的应用场景。
现在 Windows 预览版已经可用 ,即将推出适用于 Mac 的版本。 ?...不久前,我写了一篇题为“慢慢死亡的 Internet Explorer ”的文章【https://alistapart.com/article/the-slow-death-of-internet-explorer-and-future-of-progressive-enhance...如果你不需要考虑这些区域性因素,那么现在就是放弃对 Internet Explorer 的支持并拥抱现代 Web 功能的最佳时机。很多 PC 用户完全不习惯使用 Internet Explorer。...Microsoft 官方博客中标题为“把 Internet Explorer 作为默认浏览器的危险” 的文章得出结论:“Internet Explorer 是一种兼容性解决方案……大多数开发人员现在都没有在...Internet Explorer 上进行测试。”
演示版 | 文档 为什么使用Vuestic? 高质量用户界面: Vuestic利用最好用户界面设计实践为管理面板 可定制:Vuestic包括38以上个容易可配置组件与7个页面(更多即将来临!)...这里没有jQuery ;) 跨浏览器支持:Vuestic支持最新Chrome, Firefox, Safari, Edge, Opera, Internet Explorer 11.
15px; background-color: #B22727; margin: 12px 10px; } 404 兼容IE9+ 及其他, 主要是 transform 的兼容问题, 以下来自这里: Internet...Explorer 10、Firefox 以及 Opera 支持 transform 属性。...Internet Explorer 9 需要前缀 -ms-。 虽然除了 transform, 还有其他可以玩的, 像圆角, 404两边的条, 但是觉得效果这个东西, 还是不要炫技术的好....现在抓取网页数据的时候,经常会遇到JSON的数据,相对于繁杂无标签名的HTML源,用JSON传回的数据比较直观好看点.但是从其中提炼数据也让人觉得很烦躁,基本上就是不断的查找,截取,或者组装成JS代码 … 为什么静态成员...选择元素 Javascript代码 1.// jQuery 2.var els = $(‘.el’); 3. 4.// 原生方法 5.var els = document.queryS
本篇文章将特别关注为什么AVC(H.264)是比建立HEVC(H.265)流媒体服务器解决方案更有效的低延迟流媒体直播选择。 AVC与HEVC有何区别?...具有所有的这些优点,为什么HEVC并不是更好的实时流编解码器? 1)更高的编码速度 这其中一个很大的原因是延迟。...3)浏览器不支持 与AVC相反,大多数Internet浏览器不支持HEVC。仅Edge,Internet Explorer和Safari支持HEVC。...随着移动设备和便携式计算机广泛用于Internet浏览,无法在Internet浏览器中观看视频严重地限制了用户访问内容的方式。支持各种设备是确保各种用户可以观看他们喜欢的内容的唯一方法。...取决于所使用的核心编解码器,这不仅适用于4K,最终也适用于8K UHD,还适用于为360度观看,虚拟现实和其他创新而设计的格式。
这虽然不是jQuery自身的问题,但却又确实是一个难于调试和解决的问题。 4、jQuery的稳定性:jQuery没有让浏览器崩溃,这里指的是其版本发布策略。...5、对动画和特效的支持差:在大型框架中,jQuery核心代码库对动画和特效的支持相对较差。但是实际上这不是一个问题。目前在这方面有一个单独的jQuery UI项目和众多插件来弥补此点。...简单的说,jquery用于电脑端开发,Zepto用于手机端开发。 优点:轻量级,适合移动端开发 缺点: Zepto 不支持旧版本的 Internet Explorer浏览器(适用于构建大型应用。它们使得那些艰难的任务不再让人望而生畏。 缺点: 1....更适用于大型应用和更好的可测试性 同时适用于Web端和原生App 更大的生态圈带来的更多支持和工具 共同点: React和Vue都会构建一个虚拟DOM并同步到真实DOM中,实现快速渲染 轻量级