使用RequireJS的条件注释仅加载IE7/8 jQuery - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

HTML条件注释判断浏览器及检验

--[if IE 7]> 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别 8]> 仅IE8可识别加载CSS1(可以把要重写的写在这里). 加载CSS1 加载CSS2 在IE10后，微软说不支持条件注释了，换句话说他也只能判断到IE9了、如果想确定是不是能使用HTML5，光靠这个还是不严谨，虽然可以通过：这一方法来实现（理论上），实际上不是所有非IE浏览器都能支持HTML5（比如低版本的FF、Chrome）。因此，jQuery和Modernizr给出了各自的方法。

1.4K2 0

HTML条件注释判断浏览器及检验

--[if IE 7]> 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别 8]> 仅IE8可识别加载CSS1(可以把要重写的写在这里). 加载CSS1 加载CSS2 在IE10后，微软说不支持条件注释了，换句话说他也只能判断到IE9了、如果想确定是不是能使用HTML5，光靠这个还是不严谨，虽然可以通过：这一方法来实现（理论上），实际上不是所有非IE浏览器都能支持HTML5（比如低版本的FF、Chrome）。因此，jQuery和Modernizr给出了各自的方法。

2.5K9 0

您找到你想要的搜索结果了吗？

是的

没有找到

提高性能：用RequireJS优化Wijmo Web页面

上周Wijmo 2014 V2版本刚刚发布(下载地址), 有网友下载后发现仅仅使用了40个Widgets的一小部分，还需要加载全部的jquery.wijmo-pro.all.3.20142.45.min.js...即对仅使用部分的Widget，有无办法优化而提高网络性能呢。 ? 答案是肯定的，有办法。...RequireJS不仅仅用于加载模块依赖和相关的命令，RequireJS帮助我们写出模块化的JavaScript代码，这非常有利于代码的可扩展性和重用性。...当加载JavaScript模块时，就会使用script标签, 多个依赖的模块，会按照引入的先后顺序加载。故，在使用script标签时，你需要按照此特定顺序安排它们的加载。...不使用RequireJs，使用Wijmo的wijgrid表格控件添加引用 jquery-wijmo.css

1.9K5 0

JavaScript检测IE浏览器（最短代码）

window.XMLHttpRequest; var ie8=ie&&!!document.documentMode; var ie7=ie&&!ie6&&!...ie8; if (ie){ if (ie6){ alert(”ie6″); }else if (ie8){ alert(”ie8″); }else...if (ie7){ alert(”ie7″); } } 稍微短的js判断是否ie的方法代码： var ie = 0/*@cc_on+1@*/ 仅6bytes检测是否IE浏览器代码...window.XMLHttpRequest; 来个jquery内置的的浏览器判断ie的js代码 $(function(){//0 var ver=$.browser.version; var ie=...最后使用ie本身的条件注释判断，也许是最稳妥判断ie和ie浏览器版本的方法： <!

1.7K8 0

浏览器兼容

六、处理兼容问题的方法 ---- 1、选择合适的框架（1）Bootstrap (>=ie8) （2）jQuery 1.~ (>=ie6), jQuery 2.~ (>=ie9) （3）Vue (>=...ie9) （4）react(兼容ie8) 不同的框架兼容的浏览器不一样，在开发之前需要留意一下 2、条件注释（又叫IE条件注释）条件注释 (conditional comment) 是于HTML源码中被...[endif]--> 使用了条件注释的页面在 Windows Internet Explorer 9 中可正常工作，但在 Internet Explorer 10 中无法正常工作。...: yellow\9; /*ie/edge 6-8*/ } 选择器前缀法(即选择器Hack) IE条件注释法(即HTML条件注释Hack) 针对所有IE(注：IE10+已经不再支持条件注释)：的兼容情况 inline-block: >=ie8 min-width/min-height: >=ie8 :before,:after: >=ie8 div:hover: >=ie7

2.5K5 2

根据IE版本加载不同CSS样式的方法小结，解决低版本IE兼容问题

} }; }); 原理很简单，使用 js 判断 IE 及 IE 版本，然后根据不同版本来改变当前 css 样式表的 href，由于使用了 jQuery ready 预加载方法，所以需要在代码之前引入...Ps：示例代码只判断了 IE7 IE8，可根据实际需要，再加上更多 IE 版本的判断。经过测试，这种方法有个弊端：页面载入是有一个缓冲时间内是乱排的，然后才会正常！这和 JS 的载入有关系。。。...三、通过条件注释判断浏览器版本，从而加载不同的 css 样式表代码非常简单：的方法！通过常规写法补上不能识别的 CSS3 样式，从而解决了低版本兼容性问题！最终，我采用了第三种方法，解决了中国博客联盟导航的 IE7、8 兼容问题： IE7： ?...IE8： ? 由于用的是 IETester 测试，不代表实际使用效果，具体有待实际验证。

3.1K8 0

RequireJS 入门指南简介RequireJS?data-main属性配置函数用RequireJS定义模块使用require函数

它支持浏览器和像node.js之类的服务器环境。使用RequireJS,你可以顺序读取仅需要相关依赖模块。...RequireJS所做的是，在你使用script标签加载你所定义的依赖时，将这些依赖通过head.appendChild()函数来加载他们。...当RequireJS被加载的时候，它会使用data-main属性去搜寻一个脚本文件（它应该是与使用src加载RequireJS是相同的脚本）。data-main需要给所有的脚本文件设置一个根路径。...require函数用于加载模块依赖但并不会创建一个模块。例如：下面就是使用require定义了能够使用jQuery的一个函数。...require(['jquery'], function ($) { //jQuery was loaded and can be used now}); 小结在这篇文章中我介绍了RequireJS库

1.8K2 0

条件判断IE版本

条件注释判断浏览器版本除IE外都可识别所有的IE可识别仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别 8]> 仅IE8可识别这样有效是有效，但是用HTML VALIDATOR里，报错，因为这个不符合XHTML 1.1的规范，如果把ELSE语句去掉，则正确。加载CSS-b 加载CSS-a(可以把要重写的写在这里).

7011 0

常见的兼容性问题

最粗暴的方案就是使用*初始化样式，但是其会对于所有的标签加载样式以及计算样式优先级，可能会对性能有所影响。...此外，在jQuery中使用return false会同时阻止默认行为与事件传播，通常也会封装一个方法来实现默认行为的阻止。...new Date("2020-06-29".replace(/-/g, "/")); IE条件注释 IE专门提供的一种语法，只有IE能识别运行，其他浏览器只会作为注解。仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别 8]> 仅IE8可识别 <!

2.3K1 0

30分钟学会前端模块化开发

优点： CommonJS规范在服务器端率先完成了JavaScript的模块化，解决了依赖、全局变量污染的问题，这也是js运行在服务器端的必要条件。...3.5、加载 JavaScript 文件 RequireJS的目标是鼓励代码的模块化，它使用了不同于传统标签的脚本加载步骤。可以用它来加速、优化代码，但其主要目的还是为了代码的模块化。...它鼓励在使用脚本时以module ID替代URL地址。 RequireJS以一个相对于baseUrl的地址来加载所有的代码。...( "jquery", [], function () { return jQuery; } ); } 其工作的原理是，所使用的脚本加载器通过指定一个属性，即 define.amd.jQuery 为 true...(如果你熟悉ConmmonJS，可参看CommonJS的注释信息以了解RequireJS模块到CommonJS模块的映射关系)。一个磁盘文件应该只定义 1 个模块。

4.5K5 0

jQuery源码研究：模块规范兼容

对象以供使用；否则仅暴露出给定抛出错误的工厂函数，比如Nodejs环境非第一种情况时，则执行匿名函数体中的factory( global )，并在工厂函数中进行AMD的判断、命名冲突检测和全局暴露等操作...它的最有名的实现是RequireJS，它是一个浏览器端模块开发的规范。AMD 模式可以用于浏览器环境并且允许非同步加载模块，也可以按需动态加载模块。...除了指定加载某个输出值，还可以使用整体加载，即用星号（*）指定一个对象，所有输出值都加载在这个对象上面。...而CommonJS、AMD等模块规范倒是向下兼容的更好，jQuery中兼容好用，其中CommonJS多用于服务端，而AMD则用于浏览器端，其中代表性实现是RequireJS。...所以现在在技术选型选择模块规范时，如用到jQuery，则搭配RequireJS使用；如用到Vue+Webpack，则使用ES6模块。

1.3K3 0

RequireJS

最新版本的RequireJS压缩后只有14K，堪称非常轻量。它还同时可以和其他的框架协同工作，使用RequireJS必将使您的前端代码质量得以提升。...，其中require === requirejs，一般使用require更简短 define 从名字就可以看出这个api是用来定义一个模块 require 加载依赖模块，并执行加载完后的回调函数前一篇中的..."); }) }) 这样配置后，当百度的jquery没有加载成功后，会加载本地js目录下的jquery 在使用requirejs时，加载模块时不用写.js后缀的，当然也是不能写后缀上面例子中的...如上面的data-main="js/main"设定后，我们在使用require(['jquery'])后(不配置jquery的paths)，require会自动加载js/jquery.js这个文件，而不是...exports : "_"; }, "jquery.form" : ["jquery"] } }) 这样配置之后我们就可以使用加载插件后的jquery了 require.config

5821 0

基于RequireJS和JQuery的模块化编程——常见问题解析

如果使用seajs初始的加载执行效率会比较高，但是在使用的过程中可能会取执行js，因此可能会出现卡顿，影响用户体验（由于我也没试过，要是说错了，别见怪）。...而requirejs则是在一开始就把所有加载的js都执行，这时，如果你的模块中有一些执行方法，它们可能并不会按照你想的顺序执行。...关于循环依赖的源码可以参考云盘如何在requirejs中使用jquery 如果想要使用jquery比较简单，直接在main.js中添加对应的依赖即可： requirejs.config({ baseUrl...$('#test').html('test'); }); 如何在requirejs中使用jquery插件对于jquery的插件，比较常见的做法都是传入一个jquery的对象，在这个jquery对象的基础上添加插件对应的方法...requirejs使用jquery-ui的问题由于requirejs加载js文件后会立即执行，如果你的jquery ui 插件需要刷新DOM页面，那么可能会导致页面的事件失效。

3.7K10 0

CSS Hack技术介绍及常用的Hack技巧

CSS Hack常见的有三种形式：CSS属性Hack、CSS选择符Hack以及IE条件注释Hack， Hack主要针对IE浏览器。...3、IE条件注释Hack：IE条件注释是微软从IE5开始就提供的一种非标准逻辑语句。比如针对所有IE：的代码–>，针对IE6及以下版本：的代码–>，这类Hack不仅对CSS生效，对写在判断语句里面的所有代码都会生效。 PS：条件注释只有在IE浏览器下才能执行，这个代码在非IE浏览下被当做注释视而不见。...可以通过IE条件注释载入不同的CSS、JS、HTML和服务器代码等。...9; /* IE6、IE7、IE8、IE9 识别 */color:red\0; /* IE8、IE9 识别*/color:red\9\0; /* 仅IE9识别 */color:red \0; /* 仅IE9

1.7K3 0

requireJs的使用,以canvas绘制星空为例

RequireJS是符合AMD规范（Asynchronous module definition异步模块加载）一种js加载方式，目的是为了防止加载js的时候阻塞html页面渲染，其使用非常简单。...，defer async="true"设置当前script加载方式为异步加载。..."] 设置jquery模块的路径，里面填写多个备选路径，如果前面的路径不可访问则使用后面的路径。...在使用js模块的时候按照以下写法： require(['jquery'], function ($){ //代码块 }); require第一个参数传入调用的模块名，可以为字符串（单个模块）或者数组...js模块，里面包含了绘制canvas元素的各种函数（一切尽在注释中） common.js: define(function($){ //获取文本对象 var getContext=function(

1.4K9 0

what is 模块化?

_private; // undefined 那我们怎么使用呢？类似于JQuery把它暴露到window上。引入依赖模式如JQuery的最外层，其实就是一个立即执行函数。...如下，如果1.js中用到jquery.js中的内容，这个加载顺序是不可以换的。...因为同步，所以会影响加载时间。在浏览器端：浏览器引擎不认识require语法，在浏览器端想要使用commonJs规范，模块需要提前编译打包处理。...官网是怎么使用的，如下的app.js代表着主文件，我们这里用的是main.js paths中的模块名要与模块所在位置对应，因为requirejs在 js/libs下。...并且我们注释掉了baseUrl，因为此时我们是在main.js的角度去找的其他两个模块的路径。如果我们不注释掉，出发点则是在根目录的角度。baseUrl是会拼到.

1.5K3 0

requireJS

它非常适合在浏览器中使用，使用RequireJS加载模块化脚本将提高代码的加载速度和质量。一、CommonJS和AMD 在介绍requireJS之前，要先说一下模块规范。...二、为什么使用requireJS 传统依次加载多个js文件。...三、requireJS实现机制 RequireJS使用head.appendChild()将每一个依赖加载为一个script标签。...在同步加载的服务端JavaScript环境中，可简单地重定义require.load()来使用RequireJS。...（3）在同步加载的服务端JavaScript环境中，可简单地重定义require.load()来使用RequireJS。（4）require.js要求，每个模块是一个单独的js文件。

2K7 3

浅谈HTML5单页面架构（一）——requirejs + angular + angular-route

2、requirejs+backbone+zepto+template 　　这个方案更灵活，MVC味道更浓，使用自定义的template模版库 3、requirejs+route+template 　　...例如使用jquery，必然比没有使用jquery方便很多，所以大部分网站都接入类似的库；性能优化。包括加载速度、渲染效率；代码管理。...DOCTYPE html> 8"> Angular & Requirejs的语法，说来话长，简单在代码中做了注释。...otherwise就是默认路由，也就是遇到一个未定义路径的时候如何跳转。如果没有使用requirejs，那么我们需要在路由配置前加载完全部controller。

3.9K2 0

jQuery 对AMD的支持（Require.js中如何使用jQuery）

RequireJS RequireJS是一个工具库，主要用于客户端的模块管理。它可以让客户端的代码分成一个个模块，实现异步或动态加载，从而提高代码的性能和可维护性。它的模块管理遵守AMD规范。...有很多兼容的脚本加载器（包括 RequireJS 和 curl）都可以用一个异步模块格式来加载模块，这也就表示不需要太多 hack 就能让一切运行起来。...() { return jQuery; } ); } 其工作的原理是，所使用的脚本加载器通过指定一个属性，即 define.amd.jQuery 为 true，来标明自己可以支持多个 jQuery 版本...非常方便，简单配置就可以了，例如： // 简单的配置 require.config({ // RequireJS 通过一个相对的路径 baseUrl来加载所有代码。...，并且感觉jQuery UI的依赖关系加载就可以了。

5K4 0

jQuery

换句话说，只有等到浏览器更新了或者不需要兼容老浏览器时，才可以使用一些新的语法去选择一些元素，去操作它......。 jQuery 兼容性好。 API 友好。使用起来很方便功能强大，与时俱进。...2、什么时候适合用 jQuery DOM 操作较多（事件监听）需要使用简单的AJAX的时候需要写一些动画效果的时候需要兼容多款浏览器 3、什么时候不用 jQuery 页面交互极为简单页面对流量有苛刻的要求...比如，不想用额外的流量加载jQuery这个库。兼容性要求不高。...比如，只需要兼容标准浏览器不需要兼容像IE6、IE7、IE8这样的老式浏览器，或者只是在移动端去使用，这时可以使用javascript的新的语法去选择、操作元素。...版本问题若要兼容IE6、IE7、IE8则选择1.xxxx的版本，若不需要兼容IE6、IE7、IE8希望jQuery的体积很小，加载很快则选择2.xxxx的版本。

2.9K3 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭