为什么需要模块化

最近在学习网易微专业的《前端系统架构》课程，里面讲到了关于JavaScript的模块化问题。具体指的是当随着Web系统不断强大起来，需要在客户端进行的操作就多了起来（比如数据验证、人机交互等）。这时候你会发现很多代码其实是可以重用的，于是你就会想着重用代码，将其模块化。下面几篇文章可以让你更深入地理解问什么要将JavaScript模块化：

模块化到底怎么搞？

《前端系统架构》课程的视频说得太过于跳跃，没有任何的背景交代。我后来又去查了查相关的资料，发现了阮一峰写的3篇关于JavaScript模块化的文章很是清晰，而且内容跟课程视频结构是差不多的。

看完了上面的3篇文章，你应该对模块化有一个大致的概念了，并且知道了一大堆规范和名词，什么CommonJS / AMD / NodeJS 等等。但到这里，你要明白的其实就是一个方面，即模块化的规范最常见的有CommonJS和AMD两种，它们定义了编写模块化代码的格式。

到了这里，你知道了原来模块化需要遵循特定的编写规范，但到底如何在代码里实现呢？

将模块化实践

其实在上面的一些文章中，已经有说到了一些关于模块化的实践了。总的来说，现在非常流行的Node.js、Sea.js、Angular.js、require.js等都是模块化的一种实现方式，可以理解成一种模块化的框架吧。接下来要学习如何把模块化应用到项目中，你只需要选择一种进行学习就可以了。

什么是服务器端的JavaScript

服务器端的JavaScript即在服务器端运行JavaScript，现在JDK6+已经支持了这种功能。很多时候，我们需要再客户端和服务器端对请求的数据进行相同的逻辑检查，这很明显就是重复工作，违背了DRUP(Don't Repeat yourself Principle）原则。因此通过服务器端运行JavaScript可以减少重复代码。关于如何在服务器端运行（这里只以Java为例）可以参考以下文章：

服务器端执行JavaScript代码

在服务器端运行JavaScript文件(一)

关于JavaScript的模块化的更多相关文章

  1. 深度扫盲JavaScript的模块化（AMD , CMD , CommonJs 和 ES6）

    原文地址 https://blog.csdn.net/haochangdi123/article/details/80408874 一.commonJS 1.内存情况 对于基本数据类型,属于复制.即会 ...

  2. javascript中模块化知识总结

    JavaScript 模块化开发 1. 模块化介绍 掌握模块化基本概念以及使用模块化带来的好处 当你的网站开发越来越复杂的时候,会经常遇到什么问题? 恼人的命名冲突 繁琐的文件依赖 历史上,JavaS ...

  3. javascript代码模块化解决方案

    我们用模块化的思想进行网页的编写是为了更好的管理我们的项目,模块与模块之间是独立存在的,每个模块可以独立的完成一个子功能. 一.服务器和桌面环境中的Javascript代码模块化:CommonJS M ...

  4. JavaScript的模块化之AMD&CMD规范

    前端开发常常会遇到的问题: 1.恼人的命名冲突: 2.繁琐的文件依赖: 模块化开发的优势: 1.解决命名冲突和依赖管理: 2.模块的版本管理: 3.提高代码的可维护性: 4.前端性能优化: JavaS ...

  5. 学习了一下javascript的模块化编程

    现在在我脑海里关于“模块化”的概念是这些词:简单.具有逻辑之美.易用.健壮.可扩展.似乎这些形容与我现在水平写出的代码有点格格不入啊. 所以今天想了解和简单的实践一下“模块化开发”. 1.首先学习一下 ...

  6. JavaScript之模块化编程

    前言 模块是任何大型应用程序架构中不可缺少的一部分,模块可以使我们清晰地分离和组织项目中的代码单元.在项目开发中,通过移除依赖,松耦合可以使应用程序的可维护性更强.与其他传统编程语言不同,在当前Jav ...

  7. Javascript AMD模块化规范－备用

    AMD是"Asynchronous Module Definition"的缩写,意思是"异步模块定义". 模块定义define(id?, dependencie ...

  8. Javascript的模块化编程

    随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂. 网页越来越像桌面程序,需要一个团队分工协作.进度管理.单元测试等等......开发者 ...

  9. Javascript 的模块化编程及加载模块【转载+整理】

    http://www.ruanyifeng.com/blog/2012/10/javascript_module.html 本文内容 引入 模块化 最初写法 对象写法 立即执行函数写法 放大模式 宽放 ...

随机推荐

  1. 简单C程序，迷宫

    #include<stdio.h> #include <stdlib.h> int visit(int, int); ][] = { {, , , , , , , , ,}, ...

  2. gridView 单元格绑定不同控件方法

    1.主要代码: private void Form3_Load(object sender, EventArgs e) { DataTable dt = new DataTable(); dt.Col ...

  3. jQuery源码学习:Deferred Object

    本文所有讨论均基于jQuery版本3.1.1,官网http://jquery.com/. 一．Deferred Object 1. 简介和创建 详见API:http://api.jquery.com/ ...

  4. spring中对象的注入方式

    平常的java开发中,程序员在某个类中需要依赖其它类的方法,则通常是new一个依赖类再调用类实例的方法,这种开发存在的问题是new的类实例不好统一管理,spring提出了依赖注入的思想,即依赖类不由程 ...

  5. jvm系列(八):jvm知识点总览-高级Java工程师面试必备

    在江湖中要练就绝世武功必须内外兼备,精妙的招式和深厚的内功,武功的基础是内功.对于武功低(就像江南七怪)的人,招式更重要,因为他们不能靠内功直接去伤人,只能靠招式,利刃上优势来取胜了,但是练到高手之后 ...

  6. SQL SERVER的事务日志

    1 基本介绍 每个数据库都具有事务日志,用于记录所有事物以及每个事物对数据库所作的操作. 日志的记录形式需要根据数据库的恢复模式来确定,数据库恢复模式有三种: 完整模式,完全记录事物日志,需要定期进行 ...

  7. async/await与promise（nodejs中的异步操作问题）

    此文只是粗略介绍使用方法,欲了解核心概念请参考官方文档或其他资料. 举例写文章详情页面的时候的一个场景:首先更改文章详情中的 PV,然后读取文章详情,然后根据文章详情中文章 Id 查阅该文章评论和该文 ...

  8. 信号处理——傅里叶变换(FT-DTFT-DFT)

    作者:桂. 时间:2017-01-17  23:41:13 链接:http://www.cnblogs.com/xingshansi/articles/6294111.html 声明:转载请注明出处, ...

  9. win8系统不小心禁用了管理员权限怎么解决

    第一步:查看系统有没有其他管理员账户 按win+x键,然后选择命令提示符 点击命令提示符打开窗口,输入net localgroup Administrators命令,然后回车 如上图,查看窗口中的&q ...

  10. App Store 审核 IPv6 问题

    应用提交了N次,每次被拒都是说IPv6的事情,花点功夫把这个事情搞清楚. 苹果审核人员回复的原因都差不多,说在他们的IPv6-Only的环境中测试应用,无法正常请求我们的服务器. 因为我们的域名确实没 ...