在YUI或jQuery之间进行选择会影响.js文件的总体设计吗？ - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

进阶攻略|最全的前端开源JS框架和库

，然后你想创建自己的服务，那么Node.js是一个非常好的选择。...根据这个规范，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。...包含了6个js文件，不同的文件对应不同的js效果，所以说，如果底层用 prototype的话，做js效果用Scriptaculous那是再合适不过的了，连大名鼎鼎的digg都在用他，可见不一般 19.yui-ext...与 jQuery 灵活的语法相比，YUI 显得更加中规中矩，在代码组织、结构和模式方面都更加讲究，更体现出工程师的严谨。...在页面上点击，目标处的内容会放大，再次点击或者按 ESC 键即可恢复原始大小。zoom.js 提供了两个缩放模式，按目标元素缩放和按坐标缩放。是一款效果很独特的页面内容缩放插件。

4.7K7 1

前端进阶攻略|最全的前端开源JS框架和库

，然后你想创建自己的服务，那么Node.js是一个非常好的选择。...根据这个规范，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。...包含了6个js文件，不同的文件对应不同的js效果，所以说，如果底层用 prototype的话，做js效果用Scriptaculous那是再合适不过的了，连大名鼎鼎的digg都在用他，可见不一般 19.yui-ext...与 jQuery 灵活的语法相比，YUI 显得更加中规中矩，在代码组织、结构和模式方面都更加讲究，更体现出工程师的严谨。...在页面上点击，目标处的内容会放大，再次点击或者按 ESC 键即可恢复原始大小。zoom.js 提供了两个缩放模式，按目标元素缩放和按坐标缩放。是一款效果很独特的页面内容缩放插件。

4.9K7 0

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

是的

没有找到

JavaScript模块化发展

简介在最开始学习前端的时候只需要一个js文件就能玩转一个小的练手应用，但是随着自己不断的学习，ajax、jQuery等广泛应用，使得我们的代码量变得巨大，代码变得格外的混乱。...缺点这些文件引入必须按照循序进行加载，当文件依赖过多，当我们编写一个新类库来替换以前的通用组件时，那就不只是改几句代码就行得通的。浏览器需要停止响应，来进行这些文件的加载。...jQuery中的api，必须等jQuery文件加载好以后才能调用jQuery .script('a.js') .script('b.js') .script('c.js')...根据 X 所在的父模块，确定 X 可能的安装目录。　　b. 依次在每个目录中，将 X 当成文件名或目录名加载。　　...require默认文件扩展名是.js 主模块中一般会依赖其他的文件。

1.8K3 0

前端优化的技巧

1 year” 　　这段代码的意思是对 jpg|gif|png|css|js 发送 header 缓存头，进行一年的缓存、在浏览器不运用 ctrl+F5 强制改写时，会一直缓存到时刻时刻完毕，仅有惋惜的是假如你更改了...2、把你的 .js 库文件地址替换成 Google CDN的地址：　　跟着 jquery 和 mootools 等js库的运用需求加载的.js文件越来越多也越来越大，一般传统的网站是上载到网站自身的目录...然后到达提速的意图。　　不单是jquery库，别的诸如mootools yui 也能够运用这种方法。　　...(关于非程序员的网站管理员而言的确有点艰难) 　　此东西能够不用在本地装置jdk，直接上载 js 和 css 文件进行紧缩，可选择是选用 YUI Compressor 或 Closure Compiler...4、GZIP 紧缩你的 JS 和 CSS 文件：　　紧缩js和css能够经过服务器动态脚本进行也能够更简单的运用apache服务器能够在网站根目录 .htaccess 中参加以下代码　　AddOutputFilterByType

1.3K0 0

前端优化的技巧

1 year” 　　这段代码的意思是对 jpg|gif|png|css|js 发送 header 缓存头，进行一年的缓存、在浏览器不运用 ctrl+F5 强制改写时，会一直缓存到时刻时刻完毕，仅有惋惜的是假如你更改了...2、把你的 .js 库文件地址替换成 Google CDN的地址：　　跟着 jquery 和 mootools 等js库的运用需求加载的.js文件越来越多也越来越大，一般传统的网站是上载到网站自身的目录...然后到达提速的意图。　　不单是jquery库，别的诸如mootools yui 也能够运用这种方法。　　...(关于非程序员的网站管理员而言的确有点艰难) 　　此东西能够不用在本地装置jdk，直接上载 js 和 css 文件进行紧缩，可选择是选用 YUI Compressor 或 Closure Compiler...4、GZIP 紧缩你的 JS 和 CSS 文件：　　紧缩js和css能够经过服务器动态脚本进行也能够更简单的运用apache服务器能够在网站根目录 .htaccess 中参加以下代码　　AddOutputFilterByType

1.3K2 0

yuicompressor java_YUI Compressor使用配置方法 JSCSS压缩工具

大家好，又见面了，我是你们的朋友全栈君。 YUI Compressor 是一个用来压缩 JS 和 CSS 文件的工具，采用Java开发。.../1.4.2/docs/tooldocs/windows/native2ascii.html 以下是配置补充：使用YUI Compressor压缩JS和Css常用示例(在cmd中执行) java -jar...JS/CSS】批量压缩操作生成-min.css或-min.js,源文件不变，项目平时开发时引用源文件，上线前引用压缩文件测试正常后再上线。...，右键，会多一个选项【YUI-Compressor JS/CSS】 yuicompressor.reg注册表文件代码：复制代码代码如下: Windows Registry Editor Version...jquery.ui.dialog.js jquery.ui.draggable.js jquery.ui.mouse.js 使用方法：在当前js文件夹里放入这两个文件，平时开发用多个源文件，运行pack-js.bat

1.2K1 0

jQuery笔记(1) (多图)

,比如获取元素等/ 简单理解:就是一个JS文件,里面对我们原生JS代码进行了封装,存放在里面,这样我们可以快速高效地使用这些封装好的功能了....常见的JavaScript库 jQuery Prototype Yui Dojo ext JS 移动端的zepto 这些都是对原生JavaScript的封装,内部都是用JavaScript实现的...学习jQuery本质: 就是学习调用这些函数(方法) 优点轻量级.核心文件才几十kb,不会影响页面加载速度跨浏览器兼容,基本兼容了现在主流的浏览器链式编程,隐式迭代对事件,样式,动画支持,大大简化了...类操作和className的区别原生JS中的className会覆盖元素原先里面的类名....jQuery里面类操作只是对指定类进行操作,不影响原先的类名 ‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

9.9K1 0

YUI3在美团的实践

在应用YUI3的过程中，我们团队积累了一些经验，这里总结成篇，分享给大家。为什么选择YUI3 使用什么前端基础框架是建立前端团队最重要的技术决策之一。...核心库的种子文件中定义了全局变量M，除了对YUI3进行封装的代码以外，还包含了对语言层面的扩展，以及一些基础工具类。...这套框架仍在不断演变，以便更好的支撑业务需求。其中一个明显的方向是，在第二层和第三层之间，出现一个为了更好整合所有内部业务系统前端通用资源的中间层。...随着时间的推移，渐渐显示出很多弊端。首先，在定义模块的js文件中已经包含模块名称、依赖关系等信息，和PHP中内容重复。其次，这些元信息最终直接输出到html中，没有有效利用缓存。...随后，我们使用NodeJS开发了一系列脚本，收集所有模块元信息，保存为独立js文件，并实现了自动化。为了防止出错，在Git Hooks和上线脚本中都加入了校验过程。

1.1K3 0

Ext基础

2005 年，Jack Slocum（杰克·洛克姆）选择YUI库作为底层库来维护一个Ajax项目，此后的一段时间他都围绕 YUI进行开发。...在 Jack 的开发和社区氛围的营造下，Yui-Ext 已经成为一个成熟的 Ajax UI框架，且此框架是独立的，不受 YUI 的影响并兼容 JQuery、Prototype 等多种JS库。...Ext JS初期仅是对Yahoo!UI的对话框扩展，后来逐渐形成自己的特色，深受网友的喜爱。如今，除了 YUI外，Ext还支持JQuery、Prototype 等多种JS底层库，以供用户自由选择。...JQuery、Prototype 和 YUI都属于核心的 JS 库。虽然 YUI、JQuery 各自构建了一系列 UI 器件（Widget），但没有一个真正整合良好、完整的程序开发平台。...同样，Ext 支持与 JQuery、YUI 或 Prototype整合使用，作为底层库的角色出现，提供处理各种核心的服务，如 DOM和事件处理、Ajax连接和动画特效。

2.6K1 0

WordPress中的jQuery库不起作用的相关问题

后来才了解到：为了防止与其他 JS 库（如 YUI）冲突，WordPress 内置 jQuery 库的末尾都在原版的基础上加入了 jQuery.noConflict()这个东东，以至于在jQuery 代码中用...貌似WordPress 默认是加载自带的jQuery 库的，首先你要取消这个功能，使之在前台默认不加载自带的jQuery 库：打开/wp-includes/script-loader.php文件，以“...jquery.js”为关键词查找，在第127行能找到这么一句（以WordPress 3.5.1为例）： $scripts->add( 'jquery', '/wp-includes/js/jquery/...如果你想取消，就需要在主题文件中找到如下关键代码，删除或注销之： wp_enqueue_script('jquery'); 当然，既然主题自动加载了，那肯定是有它的用处，如果删除了，一些主题功能可能会失效...接下来就是改用官方或者第三方的jQuery 库，请直接参考：《为你的WordPress 选择最佳的第三方jQuery 库》我的话是两个都用上。

6.2K6 0

JS框架设计之命名空间设计一种子模块

,一开始都是以一个全局变量作为命名空间,然后对这个全局变量进行扩展,如Base2的Base,jQuery的jQuery。...6、全局变量的污染全局变量的污染主要分两类 (1)对js原生对象的污染、Prototype,mootools和Base2归为一类,Prototype的原理是对Javascript对象进行扩展,但是他没有考虑到和其他库的兼容性问题...API,因此也把很多的原生对象给污染了 (2)对原生对象几乎没有污染、向jQuery、YUI、EXT这些框架,YUI和EXT就是想上面给出代码那样,一叠罗汉的方式构建的,jQuery则另辟蹊径,他以选择器为向导...,所以他的命名空间是一个函数,方便用户把css选择器字符串传进来,然后通过选择器引擎进行查找,最后返回一个jQuery实例。...所以通过noConflict()这个方法实现了多库共存问题的解决,具体参考本人jQuery多库共存解决方案注意:这个方案只解决单文件js类库框架的多库共存问题,向EXT这类多文件js类库并不能解决

1.3K10 0

js 模块化发展

我在10年左右用的最多的还是 YUI2，YUI2 是用 namespace 来做模块化的，但有很多问题没有解决，比如多版本共存，因此后来 YUI3 出来了。...}); YUI3 的 sandbox 像极了差不多同时出现的 AMD 规范，但早期 yahoo 在前端圈的影响力还是很大的，而 requirejs 到 2011 年才诞生，因此圈子不是用着 YUI 要不就自己封装一套...我想说的是，在模块化之后还有一个模块间耦合的问题，如果模块间耦合度大也会降低代码的可重用性或者说复用性。所以也出现了降低耦合的观察者模式或者发布/订阅模式。...前端对公司营收的影响，渐渐与后端服务宕机同等严重，所以前端会越来越重，异常监控，性能检测，工具链，可视化等等都是这几年大家逐渐重视起来的。...js 的变量通信，难道希望依附于 js 吗？

2.5K2 0

sublime text2快捷键的使用

ctrl+Enter 光标后插入行Ctrl+Shift+Enter 光标前插入行 10. ctrl+F2可以进行增刪标记，然后F2在标记之间切换，Shift+F2 上一个书签.这里不爽的是无法进行鼠标添加标记...在菜单View-syntax下可以将当前面面以指定的语言进行语法高亮，通常情况下sublime会自动进行判断选择 12. snippets 代码片段插件，在tools-snippets菜单下可以查看当前页面支持的...Build编译，可以进行ruby等代码的编译，我安装了一个yui compressor后，就可以在css js页面里进行压缩，快捷键是ctrl+B, 会自动在当前目录下生成xx.min.js, xx.min.css...但是如果有两个文件声明了同样名称的函数， sublimecodeintel只会跳转到第一个找到的函数，而ctags会让你选择要跳转到哪个文件。所以我们一般还是用ctags 6. ...GBK Encoding Support: sublime本身不支持GBK，根据国情，装下这个插件就可以支持GBK了，同时也提供GBK与UTF之间转换 11. jquery 提供jquery的一些snippets

2K6 0

精读《 js 模块化发展》

我在10年左右用的最多的还是 YUI2，YUI2 是用 namespace 来做模块化的，但有很多问题没有解决，比如多版本共存，因此后来 YUI3 出来了。...}); YUI3 的 sandbox 像极了差不多同时出现的 AMD 规范，但早期 yahoo 在前端圈的影响力还是很大的，而 requirejs 到 2011 年才诞生，因此圈子不是用着 YUI 要不就自己封装一套...我想说的是，在模块化之后还有一个模块间耦合的问题，如果模块间耦合度大也会降低代码的可重用性或者说复用性。所以也出现了降低耦合的观察者模式或者发布/订阅模式。...前端对公司营收的影响，渐渐与后端服务宕机同等严重，所以前端会越来越重，异常监控，性能检测，工具链，可视化等等都是这几年大家逐渐重视起来的。...js 的变量通信，难道希望依附于 js 吗？

8852 0

Asp.Net使用Yahoo.Yui.Compressor.dll压缩Js|Css

网上压缩css和js工具很多，但在我们的系统中总有特殊的地方。也许你会觉得用第三方的压缩工具很麻烦。我就遇到了这样问题，我不想在本地压缩,只想更新到服务器上去压缩，服务器压缩也不用备份之类的操作。...初步需求如下：使用Yahoo.Yui.Compressor 2.0版本只对网站目录下指定文件夹中css和js进行压缩使用到了JQuery插件,所以有很多都是压缩过的js。...所以对文件名称中保存min的不进行压缩不需要备份文件如在第一次访问文件时候进行压缩或应用程序启动时候进行压缩? ...实现（应用程序启动压缩版本）：引用 Yahoo.Yui.Compressor.dll 在Global.asax的Application_Start事件中加入处理代码--code： var files...SearchOption.AllDirectories); foreach (var file in files) { FileInfo finfo = new FileInfo(file); //todo 你可以在文件夹添加可以文件记录最后压缩时间

2.5K7 0

YUI3学习（一）—入门

在YUI3中扮演引导层的作用，通过在页面引入种子相关文件，调用YUI().use()方法可以安全快速的加载YUI3核心类和组件类。包含YUI Base、Get和Loader模块。...该模块包括OOP模块（提供对象继承机制，DOM等绝大多数模块直接或间接依赖OOP）、Dom模块（提供基础的DOM操作与选择类）、Node模块（基于Dom模块，提供文档节点的创建、选择和操作等方法，相比YUI2...；YUI3动态加载的优势： 1）将js文件写入script标签，每一个标签都会占用一个http请求(即使是304.)...，而动态加载的文件缓存后则不必发起真实的http请求。提高了框架的性能。 2) 动态加载可以避免开发人员额外关注js文件之间的依赖和排序及重复问题。...解压后拷贝build文件夹里的yui3文件夹到自己的工程中。然后在页面引入yui3-min.js。

1.3K1 0

jQuery 介绍

简单理解：就是一个JS 文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。...常见的JavaScript 库：jQuery、Prototype、YUI、Dojo、Ext JS、移动端的zepto等，这些库都是对原生 JavaScript 的封装，内部都是用 JavaScript...1.2 jQuery的概念 jQuery总体概况如下 : jQuery 是一个快速、简洁的 JavaScript 库，其设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情...j 就是 JavaScript； Query 查询；意思就是查询js，把js中的DOM操作做了封装，我们可以快速的查询使用里面的功能。...jQuery 出现的目的是加快前端人员的开发速度，我们可以非常方便的调用和使用它，从而提高开发效率。 ? 1.3 jQuery的优点轻量级。核心文件才几十kb，不会影响页面加载速度。

5732 0

初识--jQuery

简单理解：就是一个JS 文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。...常见的JavaScript 库：jQuery、Prototype、YUI、Dojo、Ext JS、移动端的zepto等，这些库都是对原生 JavaScript 的封装，内部都是用 JavaScript...1.2 jQuery的概念 jQuery总体概况如下 : jQuery 是一个快速、简洁的 JavaScript 库，其设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情...j 就是 JavaScript； Query 查询；意思就是查询js，把js中的DOM操作做了封装，我们可以快速的查询使用里面的功能。...jQuery 出现的目的是加快前端人员的开发速度，我们可以非常方便的调用和使用它，从而提高开发效率。 ? 1.3 jQuery的优点轻量级。核心文件才几十kb，不会影响页面加载速度。

5054 0

Callbacks vs Events

---- 　　大多数主流的js库都声称他们支持一种或多种形式的自定义事件。比如，jQuery，YUI以及Dojo他们都支持自定义事件“document ready”。...是这样的： Init: 1 Error: DOES_NOT_EXIST is not defined Init: 2 　　关键在于，这两个函数都执行了，第一个函数在执行时抛出错误，但并不影响第二个函数的执行...如果任何一个回调函数抛出错误，那么随后的回调函数将不会被执行。实际上，这也意味着一个写的很烂的插件有可能会阻止其他插件的初始化或正常工作。　　Dojo也和jQuery一样有着相同的问题。...当伪事件的回调函数出现错误？）也不会影响我们的回调系统。　　...就像我之前论证的，回调模式很脆弱。用定时器来进行事件分派在某种程度上是可以，但是它并不是真正的事件系统。在实际的事件系统中，事件被依次分派。

7524 0

xwiki开发者指南-前端资源

在默认情况下，这里介绍的一些资源没有被所有HTML渲染的wiki页面(太多要发送到客户端！)包含。你需要使用jsfx插件从一个皮肤模板或wiki页面请求他们。...}} $xwiki.jsfx.use("js/scriptaculous/slider.js") {{/velocity}} 你指定的jsfx插件的路径是library库在XWiki webapp的...Scriptaculous YUI LiveValidation JQuery jQuery 是 "一个快速，体积小，功能丰富的JavaScript库。...JQuery UI jQuery UI 是"建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。...无论你是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器，jQuery UI 都是一个完美的选择。"

1.5K3 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭