描述知道requirejs的都知道，每一个页面需要进行模块化开发都得有一个入口js文件进行模块配置。但是现在就有一个很尴尬的问题，如果页面很多的话，那么这个data-main对应的入口文件就会很多。理论这样其实也没什么，但是到后面用grunt进行合并压缩就会有很多入口js，虽然这个入口js都把配置的模块内容都压缩到里面了，但是各个入口合并压缩后的文件中其实都有很多重合的代码，所以考虑到这个就想到把所以的入口文件都统一了，使用一...
1.模块的写法模块化编程一般都有这么几个过渡过程，如下描述。原始方法function m1(){ //... } function m2(){ //... }上面的函数m1()和m2()，组成一个模块。使用的时候，直接调用就行了。这种做法的缺点很明显："污染"了全局变量，无法保证不与其他模块发生变量名冲突，而且模块成员之间看不出直接关系。对象写法为了解决上面的缺点，可以把模块写成一个对象，所有的模块成员都放到这个对象里面。var module1 = new Object({ _cou...
js通过script标签的默认加载方式是同步的，即第一个script标签内的js加载完成后，才开始加载第二个，以此类推，直至js文件全部加载完毕。且js的依赖关系必须通过script的顺序才能确保；而在js加载期间，浏览器将停止响应，这大大影响了用户体验，基于此，很多解决js以来和加载的方案出现,require js就是其中之一。requirejs加载的模块，一般为符合AMD标准的模块，即用define定义，用ruturn返回暴露方法、变量的模块；requirejs也可...
require和 sea的源码分析，我之前的博客有写过， 今天我想分享的是一个很简单的核心代码（不带注释和空行大概60行）， 没有容错判断。require.jsrequire函数实现用一句话概括：依次加载require的模块，然后监测script的onload事件，判断所有模块加载成功，执行require的callback， 如果只带一个参数且不是数组，就是加载成功后return 模块。//标记已经加载成功的个数 var REQ_TOTAL = 0; //模块导出 window.exports = {}; //记录各...
RequireJS介绍RequireJS 是一个JavaScript模块加载器。它非常适合在浏览器中使用。使用RequireJS加载模块化脚本将提高代码的加载速度和质量。兼容性优点实现js文件的异步加载，避免网页失去响应管理模块之间的依赖性，便于代码的编写和维护快速上手step 1引入require.jsrequire()中的依赖是一个数组，即使只有一个依赖，你也必须使用数组来定义第二个参数是回调函数（callback）,可以用来解决模块之间的依赖性<!DOCTYPE html> <htm...
前言RequireJS的出现让前端代码模块化变得容易，当前端项目越来越大，代码越来越多的时候，模块化代码让项目结构更清晰，不仅在开发时让我们的思路更清晰，而且后期维护起来也更容易。下面是我学习RequireJS后使用RequireJS开发的一款简易绘图程序，运行在浏览器中如下图所示： 开始这个简易绘图程序的项目结构如下图所示： 其中index.html是项目的主页，js目录下存放所有js文件，js/app目录为我们自定义的模块文件，js/lib目录中暂...
RequireJS是一个提高你的javascript代码速度和质量的有效方法，同时它还让你的代码更容易阅读和维护。在本文中，我会为你介绍RequireJS和应该如何使用它。我们讨论引入文件和定义模块，甚至还会接触优化方面的知识。简单的说，require.js是一个脚本载入程序，允许你把你的javascript代码独立成文件和模块，同时管理每个模块间的依赖关系。引入文件在开始使用RequireJS前，我们需要先下载它的库和Asynchronous Module Definition（A...
无论简单还是复杂的Web应用，都由一些HTML、JavaScript、CSS文件组成。通常开发者会通过JQuery、Knockout、Underscore等等这样的第三方JavaScript框架来提高开发速度。由于这些JavaScript框架都针对特定的用途开发而且已经得到了“验证”，所以直接使用它们就比自己从头实现所需要的功能显得更为合适。然而，伴随着应用的复杂度不断上升，写出干净、低耦合、可维护的代码变得越来越重要。在这篇文章里，我将解释 Require...
RequireJS 是一个前端模块化开发的流行工具，本身是一个Javascript的库文件，即require.js 。 RequireJs的主要功能： （1）实现js文件的异步加载，避免网页失去响应； （2）管理模块之间的依赖性，便于代码的编写和维护。 前端模块化开发现在有好多的工具，大体上分为两类，一类是像dojo之类的高大全，dojo v1.8之后已经内置了模块化开发组件；另一类是像require.js，sea.js 这种专心做模块化开发的工具。 从模块化划分的规则来区分...
由于js的代码逻辑越来越重，一个js文件可能会有上千行，十分不利于开发与维护。最近正在把逻辑很重的js拆分成模块，在一顿纠结是使用requirejs还是seajs的时候，最终还是偏向于requirejs。毕竟官方文档比较专业嘛... 不过即便是有完整的官方文档，仍然遇到不少的问题，比如jquery-ui的使用。 下面就循序渐进的讲解一下我遇到的问题，以及解决的办法。关于AMD和CMD的理解AMD（异步模块定义）的典型就是requirejs，而CMD（通用模块定...
由于js的代码逻辑越来越重，一个js文件可能会有上千行，十分不利于开发与维护。最近正在把逻辑很重的js拆分成模块，在一顿纠结是使用requirejs还是seajs的时候，最终还是偏向于requirejs。毕竟官方文档比较专业嘛... 不过即便是有完整的官方文档，仍然遇到不少的问题，比如jquery-ui的使用。 下面就循序渐进的讲解一下我遇到的问题，以及解决的办法。 关于AMD和CMD的理解 AMD（异步模块定义）的典型就是requirejs，而CMD（通用模块...
在前端模块化的时候，不仅仅是js需要进行模块化管理，html有时候也需要模块化管理。这里就介绍下如何通过requirejs，实现html代码的模块化开发。如何使用requirejs加载htmlReuqirejs有一个text的插件，它可以读取指定文件的内容，读取到的内容就是文本。如何下载text插件第一种方法，可以通过npm下载： npm install requirejs/text 第二种方法，也可以直接去官方github上面直接下载。 直接拷贝内容到text.js中即可。如何安装text插...
一、LABjs 的核心是 LAB（Loading and Blocking）：Loading 指异步并行加载，Blocking 是指同步等待执行。LABjs 通过优雅的语法（script 和 wait）实现了这两大特性，核心价值是性能优化。LABjs 是一个文件加载器。 二、RequireJS 和 SeaJS 则是模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开发变得更简单自然。模块加载器也可降级为文件加载器用，因此使用 RequireJS 和 SeaJS，也可以达成 LABjs 的...
简介 如今最常用的JavaScript库之一是RequireJS。最近我参与的每个项目，都用到了RequireJS，或者是我向它们推荐了增加RequireJS。在这篇文章中，我将描述RequireJS是什么，以及它的一些基础场景。 异步模块定义(AMD) 谈起RequireJS，你无法绕过提及JavaScript模块是什么，以及AMD是什么。 JavaScript模块只是遵循SRP(Single Responsibility Principle单一职责原则)的代码段，它暴露了一个公开的API。在现今JavaScript开发中，你可...
RequireJS是一个提高你的javascript代码速度和质量的有效方法，同时它还让你的代码更容易阅读和维护。 在本文中，我会为你介绍RequireJS和应该如何使用它。我们讨论引入文件和定义模块，甚至还会接触优化方面的知识。 简单的说，require.js是一个脚本载入程序，允许你把你的javascript代码独立成文件和模块，同时管理每个模块间的依赖关系。 引入文件 在开始使用RequireJS前，我们需要先下载它的库和Asynchronous Module Definitio...