模块化之SeaJS

模块化(之SeaJS)

刚接触的童鞋可能会有很多疑惑，比喻：什么是模块？模块的目的是干嘛呀？接着就想，玛德怎么样实现模块化呢？

不要急，博主正是带着这三个问题来写这篇文章的。

一，什么是模块化？

在前端开发领域，一个模块，可以是JS 模块，也可以是 CSS 模块，或是 Template 等模块。在 Sea.js 里，我们专注于 JS 模块（其他类型的模块可以转换为 JS 模块）：模块是一段 JavaScript 代码，具有统一的基本书写格式。模块之间通过基本交互规则，能彼此引用，协同工作（怎么书写以及交互规则就是SeaJS的CMD规范，我将放在第三个问题里一起总结）。

二,模块化的目的是什么？

目的：模块化的目标是支持大规模的程序开发，处理分散愿中代码的组装，并且能让代码正确运行，哪怕包含了作者所不期望出现的模块化代码，也可以正确的执行。

三，怎么实现模块化？

如果要认真说起来那得是很久很久以前.....好吧！那的从commonJS说起，点击这里，这篇博客说的挺好的。明天写吧

时间： 2024-09-26 20:09:58

模块化之SeaJS的相关文章

模块化开发seaJS

1, 先下载seaJs, 然后在我们的项目中新建一个文件夹命名sea(名字可以随便取),把下载好的sea.js 文件拷贝到里面,最后在html文档中把用script标签引入即可使用. 2, 在模块化中,一个js文件就是一个模块,js文件夹下所有js文件都是模块.当然把普通的js文件转换成模块,要做一下变化.用define()方法, 把js文件定义成模块.define方法接受一个函数作为参数,函数有三个参数,如下. define(function(require,exports,module){

模块化之SeaJS(二)

Seajs 此文来自予舍驿站提供简单.极致的模块化开发体验非官方文档,整理来自己官方文档的文字与实例,方便速查. seajs.configObject aliasObject 别名配置,配置之后可在模块中使用require调用 require('jquery'); seajs.config({ alias: { 'jquery': 'jquery/jquery/1.10.1/jquery' } }); define(function(require, exports, module) {

模块化之seaJs学习和使用

使用seaJs也有一阵子了,一直也想抽个时间写个这方面的博客,直到今天才写--也许写的不是很完善,但跟大伙分享也是一种乐趣,不对之处欢迎指出.[抱拳] 时间有限,我这里不过多介绍前端模块化,有兴趣可以去了解. 一.写在前面 seaJs出自前端工程师玉伯之手,一个文件就是一个模块,实现JavaScript的模块化及按模块加载.使用SeaJS可以提高JavaScript代码的可读性和清晰度,确保各个JS文件先后加载的顺序,解决目前JavaScript编程中普遍存在的依赖关系混乱和代码纠缠等问题,方便

JS模块化库seajs体验

seajs http://seajs.org/docs/en.html#intro https://github.com/seajs/seajs/releases Extremely simple experience of modular development Why use Sea.js ? Sea.js's pursuit of a simple, natural coding and organization,has the following key aspects: The def

JS模块化开发：使用SeaJs高效构建页面

一.扯淡部分很久很久以前,也就是刚开始接触前端的那会儿,脑袋里压根没有什么架构.重构.性能这些概念,天真地以为前端===好看的页面,甚至把js都划分到除了用来写一些美美的特效别无它用的阴暗角落里,就更别说会知道js还有面向对象,设计模式,MVC,MVVM,模块化,构建工具等等这些高大上的概念了.现在想想还真是Too young too naive.前两天某大神在群里分享他招聘前端的心得的时候就说,就是那些以为能写两个页面就可以自称前端的人拉低了行业水平.这样看来前两年我还真的扯了不少后腿呢……

好好的用好seajs吧！

页面加载时,渲染节点同时会执行script块内的JS和外部加载的无包装JS,这两种JS的安全执行,要保证涉及到的相关节点已被渲染到页面:所以外部JS要想安全的早于DOMReady执行,要放在页面底部:所以全部JS放到底部最好,不使用DOMReady也能最早执行: 对于外部加载的有包装的JS,包括ready内的,seajs模块内的,onload内的,执行顺序依次为:ready早于seajs早于onload: 有种情况是ready在seajs里: define(function(require,ex

模块化介绍

1. 为什么要学习模块化开发 1.1. 为什么要学习模块化了解模块化思想为后面的node学习打基础 1.2. 什么是模块化生活中的模块化组装电脑 google的模块化手机(流产了,moto继承了) 乐高积木软件开发中的模块化日期模块数学计算模块日志模块登录认证模块报表展示模块模块化的好处生产效率高方便维护 2. 模块化的演变过程 2.1. 非模块化带来的问题命名冲突文件依赖 2.2. 全局函数问题:命名可能会冲突(变量污染) 代码 2.3. 对象封装解决:解决

js模块化开发--AMD--CMD

什么是模块化开发? 前端开发中,起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果,后来js得到重视,应用也广泛起来了,jQuery,Ajax,Node.Js,MVC,MVVM等的助力也使得前端开发得到重视,也使得前端项目越来越复杂,然而,JavaScript却没有为组织代码提供任何明显帮助,甚至没有类的概念,更不用说模块(module)了,那么什么是模块呢? 一个模块就是实现特定功能的文件,有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块.模块开发

《基于模块化的前端开发框架的研究与实现》论文阅读（十三）

一.基本信息标题:基于Web前端的性能优化方案研究时间:2017 来源:北京邮电大学关键词:Web前端:模块化:JavaScript:Node.js:前端模板二.研究内容 1.主要内容: 1.1研究背景与意义当今互.联网飞速发展,网络用户的需求变化既快又大,大部分网站的更新周期都是以日,小时甚至分钟为单位,在这种情况下,网站的前端就成了变化最频繁的部分川.随着互联网公司对前端开发的逐渐重视,前端开发人数也越来越多,但是技术人员的投入总是有限的,而前端开发领城并没有为开发者们提供一-种简洁