前一篇：JS模块化工具我们以非常简单的方式引入了requirejs：//www.gxlcms.com/article/82527.htm，这一篇将讲述一下requirejs中的一些基本知识，包括API使用方式等 基本API require会定义三个变量：define,require,requirejs，其中require === requirejs，一般使用require更简短 define 从名字就可以看出这个api是用来定义一个模块 require 加载依赖模块，并执行加载完后的回调函数 前一篇中的a.js： define(function(){function ...
随着网站功能逐渐丰富，网页中的js也变得越来越复杂和臃肿，原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式，我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。RequireJS是一个非常小巧的JavaScript模块载入框架，是AMD规范最好的实现者之一。最新版本的RequireJS压缩后只有14K，堪称非常轻量。它还同时可以和其他的框架协同工作，使用RequireJS必将使您的前端代码质量得以提升。 requ...
由于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插...
非官方文档，整理来自己官方文档的文字与实例，方便速查。 为什么使用 Sea.js ？ Sea.js 追求简单、自然的代码书写和组织方式，具有以下核心特性： 简单友好的模块定义规范：Sea.js 遵循 CMD 规范，可以像 Node.js 一般书写模块代码。 自然直观的代码组织方式：依赖的自动加载、配置的简洁清晰，可以让我们更多地享受编码的乐趣。 Sea.js 还提供常用插件，非常有助于开发调试和性能优化，并具有丰富的可扩展接口。 兼容性 Sea.js 具...
本文为大家解读javascript的模块化，具体内容如下 AMD是RequireJS在推广过程中对模块定义的规范化产出。 异步加载模块，依赖前置，提前执行。 Define定义模块 define([‘require,foo],function(){return}); Require加载模块(依赖前置) require([‘foo,bar],function(foo,bar){}); CMD是SeaJS在推广过程中对模块定义的规范化产出。 Define定义exports 导出define(function(require,exports,module){}); module上存储了当前模块上的...
模块化是一个通用的编程最佳实践。程序的模块化使我们可以更方便地使用别人的代码，想要什么功能，就加载什么模块，从而提高代码的利用效率，增加开发速度。 模块就像积木，有了它，我们可以搭出各种各种功能样式的程序。积木有什么特点？小而简单。同样的，我们程序中的模块也要做到这一点，确保自己创建的函数一次只完成一个工作，这样其他开发者可以简单地调试与修改你的代码，而不需浏览所有代码才能弄清每一个代码块执行了什么...
这是一篇关于javascript模块化AMD,CMD,CommonJS的学习总结，作为记录也给同样对三种方式有疑问的童鞋们，有不对或者偏差之处，望各位大神指出，不胜感激。 本篇默认读者大概知道require，seajs的用法(AMD,CMD用法)，所以没有加入使用语法。 1、为何而生： 这三个规范都是为javascript模块化加载而生的，都是在用到或者预计要用到某些模块时候加载该模块，使得大量的系统巨大的庞杂的代码得以很好的组织和管理。模块化使得我们在使...
JavaScript模块化编程的重要性 JavaScript的原型是java，它也是一种面向对象编程语言，属于一种弱类型语言，它具有更大的灵活性。以往在编写javascript代码时，都是直接编写一个个.js文件，然后用script标签在html页面中引用，这样就会带来几方面的问题： 1、出现大量的全局变量 js在每个地方都可以定义一个全局变量，编写不符合规范将导致大量全局变量的出现，最终程序将难以维护。 2、js加载顺序要按照代码的依赖顺序 最简单的...
前言??SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。使用SeaJS可以提高JavaScript代码的可读性和清晰度，解决目前JavaScript编程中普遍存在的依赖关系混乱和代码纠缠等问题，方便代码的编写和维护。SeaJS本身遵循KISS（Keep it Simple,Stupid）理念进行开发，后续的几个版本更新也都是吵着这个方向迈进。如何使用SeaJS下载及安装在这里不赘述了，不了解的请查询官网。基本开发...
由于一直在使用，所以了解了下seajs的源代码。这里是我对下面几个问题的理解： 1、seajs的require(XXX)的方法是怎样实现模块加载的？ 2、为什么需要预加载？ 3、为什么需要构建工具？ 4、构建前后的代码究竟有些什么区别，为什么要这么做？ 问题1： seajs的require(XXX)的方法是怎样实现模块加载的？ 代码逻辑比较绕，对源代码的理解放在文章的末尾，这里先简单梳理下模块加载的逻辑： 1、从seajs.use方法入口，开始加载use到的模块...
一直对JS都是一知半解,最近遇到这方面问题,所以在网上学习了一下,现在还没有完全明白,先贴出笔记; 第一章 JavaScript模块化编程 (一):模块的写法 一 原始写法 // 模块就是实现特定功能的一组方法;只要把不同的函数(以及记录状态的变量)简单地放在一起,就算是一个模块; function m1(){ // ... } function m2(){ // ... } // 上面的函数m1()和m2(),组成一个模块;使用时直接调用就行; // 缺点:"污染"...
小A是某个创业团队的前端工程师，负责编写项目的Javascript程序。 全局变量冲突 根据自己的经验，小A先把一些常用的功能抽出来，写成函数放到一个公用文件base.js中：代码如下: var _ = { $: function(id) { return document.getElementById(id); }, getCookie: function(key) { ... }, setCookie: function(key, value) { ... } };小A把这些函数都放在_对象内，以防过多的全局变量造成冲突。他告诉团队的其他成员，如...
mini-define 依据require实现的简易的前端模块化框架。如果你不想花时间学习require.js,也不想翻看长篇的cmd/amd规范，那么这个mini-define就是你不错的选择。如果你之前用过sea.js或require.js那么mini-define更加高效，更加轻量，更加易用。项目地址：github 用法 首先定义模块 定义模块 一：定义模块用define函数 1.1 根据是否有依赖,有两种情况： 1.1.1：没有依赖的模块代码如下: define(id,function(){ /...