说起模块化开发大家想必都不陌生，特别是随着前端应用复杂化，代码呈倍数增长，我们不得不耗费大量的时间去进行管理，模块化也就逐渐的被大家所接受。
如今的前端工作中，模块化开发成为主流，无论是前端还是后端，由于模块化开发为我们带来巨大的收益，因此开发者都在使用它。模块化开发部分的面试题主要考察应试者对几种模块化开发规范的了解，应试者要明白它们之间的异同点，以及所适用的场合。
一提到模块化，也许我们首先想到的是做项目的时候进行模块设计，按照功能划分不同的模块，最后通过模块的选择和组合组成最终的产品；那把模块化的思想放到前端页面，js上来是不是也适用？当然，而且也能很好的提高我们项目的开发效率。
而且我也提到了目前使用前端模块化的一些方案：AMD、CMD、CommonJS、ES6。
CommonJS API定义很多普通应用程序（主要指非浏览器的应用）使用的API，从而填补了这个空白。 它的终极目标是提供一个类似Python，Ruby和Java标准库。 这样的话，开发者可以使用CommonJS API编写应用程序，然后这些应用可以运行在不同的JavaScript解释器和不同的主机环境中。
随着互联网的飞速发展，前端开发越来越复杂。本文将从实际项目中遇到的问题出发，讲述模块化能解决哪些问题，以及如何使用 Sea.js 进行前端的模块化开发。
非模块化方式开发的痛苦 （1）命名冲突 起初，我们定义了一个通用功能的JS文件，例如 utils.js（其中有一个 each 函数），谁需要谁调用即可 但随着项目和团队越来越大，就会出现问题 小杨在自己的 a.js 中也定义了一个 each 函数，这时有人同时引用了 utils.js 和 a.js，冲突就出现了，小杨只好把自己的 each函数名改为别的，再通知别人改名了，之后，不同开发人员之间不断出现这类问题 后来，团队决定引入命名空间，对 utils.js 进行改造 var org = {}; org.C
Node.js是由ECMAScript及Node 环境提供的一些附加API组成的，包括文件、网络、路径等等一 些更加强大的API。
前端发展到今天，已经有不少模块化的方案，比如AMD、CMD、UMD、CommonJS等，当然了，还有es6带来的模块系统，这些模块化规范的核心价值都是让 JavaScript 的模块化开发变得简单和自然，今天就来看看这些规范都是啥。 为什么要模块化 在模块化这东西没出来之前，前端脚本引用大概是这样的： <script src="module1.js"></script> <script src="module2.js"></script> <script src="libraryA.js"><
在理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块。但是，在ES6以前，JavaScript一直没有自己模块体系（module），无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。如果要想在前端做模块化开发，必须依赖第三方框架来实现，如：requireJS与seaJS。
一个功能就是一个模块， 多个模块可以组成完整应用,抽离一个模块不会影响其他功能的运行。
首先说明一下，这个已经是老框架了，不建议使用，只是当做了解一下过去的知识，或者学习一下源代码，知道过去的模块化开发是什么样的，模块化开发的好处，API 快速参考
持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第29天，点击查看活动详情
在网页开发的早期，js制作作为一种脚本语言，做一些简单的表单验证或动画实现等，那个时候代码还是很少的。
一. 对模块化进行解释 二. 对打包的理解 三. 关于webpack和node和npm的关系 四.关于Webpack的一个简单应用 五.webpack.config.js配置和package.json配置 六.webpack中使用css文件的配置
随着项目规模的不断扩大,代码的模块化开发变得越来越重要。优秀的模块化设计,不仅可以提高代码的复用性、可维护性,还可以降低耦合,增强内聚。那么,Java项目要如何进行模块化开发呢?本文将为大家详细介绍。
上面说提到的结构，就是模块；按照这种结构划分开发程序的过程，就是模块化开发的过程；
echarts是一款不错的商业级数据图表，目前已更新到echarts3版本，但是由于历史原因，echarts2仍然有比较大的使用占比，之所以讲echarts2的引入方式是因为项目在混合使用echarts2与echarts3的时候遇到了一个问题，这个与我之前写过的一篇文章有关：http://blog.csdn.net/john1337/article/details/54947787，下面入主题。
前端发展了也有些年头了，曾记得很多年前，聊起前端，都觉得是很简单，那个时候都没有前端工程师这个职位。可现在，前端已经逆袭了，已经不是原来的样子了,各种技术层出不穷，显的越来越高深莫测了。前端真的变得那
在前端模块化的时候，不仅仅是js需要进行模块化管理，html有时候也需要模块化管理。这里就介绍下如何通过requirejs，实现html代码的模块化开发。 如何使用requirejs加载html Reuqirejs有一个text的插件，它可以读取指定文件的内容，读取到的内容就是文本。 如何下载text插件 第一种方法，可以通过npm下载： npm install requirejs/text 第二种方法，也可以直接去官方github上面直接下载。 直接拷贝内容到text.js中即可。 如何安装tex
模块化开发使用前端路由也是遵照上一篇文章的步骤，只是形式上有些变化。先利用Vue CLI创建一个Vue3.0的脚手架项目，项目名为myroute,直接选择Default(Vue 3 Preview)([Vue 3] babel,eslint),开始项目创建。项目创建成功后启动VSCode打开项目所在文件夹，接下来按照以下步骤开始前端路由的配置。
其实对前端模块化开发的接触时间并不多，很多见解都是别人的，或者是偏的， 还是乐意记录下来，谁让我一天一个念头 说到前端模块化开发，其实是说 javascript 模块化开发。 目前，大众讲到的 javascript模块化规范 有3种，CommonJS、AMD（异步模块定义）、CMD（通用模块定义）
前端基本内容概述 HTML HTML(超文本标记语言)是一种用于创建网页的标准标记语言. CSS CSS(层叠样式表)是一种用来为结构化文档添加样式的计算机语言. JavaScript JS(JavaScript): 一种高级的，解释执行的编程语言. 解释型语言: 将代码一句一句直接运行, 不需要像编译语言经过编译器先行编译为机器码之后再运行 ES6 ES6(ECMAScript6)是新版本JavaScript语言的标准. AJAX AJAX: 用 JavaScript 执行异步网络请求. AJAX的优点:
每个项目的根目录下面，一般都有一个package.json文件，定义了这个项目所需要的各种模块，以及项目的配置信息。
随着业务的快速发展，现在的互联网App越来越大，为了提高团队开发效率，模块化开发已经成为主流的开发模式。正好最近完成了vivo官网App业务模块化改造的工作，所以本文就对模块化开发模式进行一次全面的介绍，并总结模块化改造经验，帮助兄弟项目避坑。
AMD（常用在浏览器端，异步的，如requirejs）（Asynchronous Module Definition）
虽然已经有很长时间没写JavaScript，但很多时候看到一些应用还是会带着好奇心去研究一下。之前是看腾讯的朋友网，它的webchat做的很不错（虽然ff下有bug，也有消息丢失的情况，但总体的设计和体验上还是很不错的），抓包大致看了看请求和部分代码。
在网页开发的早期，js制作作为一种脚本语言，做一些简单的表单验证或动画实现等，那个时候代码还是很少的。那个时候的代码是怎么写的呢？直接将代码写在<script>标签中即可。随着ajax异步请求的出现，慢慢形成了前后端的分离，客户端需要完成的事情越来越多，代码量也是与日俱增。为了应对代码量的剧增，我们通常会将代码组织在多个js文件中，进行维护。但是这种维护方式，依然不能避免一些灾难性的问题。比如全局变量同名问题，看下面的例子：
今天给大家讲一讲：SpringBoot快速开发框架，内容相对比较简单。开发时使用的idea工具，大家按照如下步骤进行操作就可以了。基于SSM框架的权限管理系统，支持操作权限，后端采用Spring、SpringMVC、Mybatis、Shiro，前端采用adminLTE、vue.js、bootstrap-table、tree-grid、layer，对前后端进行封装，可快速完成CRUD的开发，另外基于项目结构通过代码生成器可生成前端后台部分代码，更加方便地进行二次开发。项目采用Maven分模块构建，方便扩展自定义模块
先来分享一下关于代码复用和组件化，作为前端开发的小伙伴对这两个方面并不陌生，大家在日常开发中也会经常使用这两个开发理念。这里简单分享一下代码复用和组件化的核心点：提取公共逻辑和创建可复用组件。
大概 09 年 - 10 年期间，CommonJS 社区大牛云集。CommonJS 原来叫 ServerJS，推出 Modules/1.0 规范后，在 Node.js 等环境下取得了很不错的实践。
模块化是将项目中不同的功能拆分成多个独立的模块，通过模块之间的互相组合完成一定功能的操作过程
我们经常会听到组件化、插件化、模块化这三个概念，可是我们真的对这三个概念了解吗？明白它们三者之前的关系和区别吗？本文就我个人的理解做一下简单的总结，如有错误之处，请留言讨论，谢谢。
NodeJS :主要应用于开发服务器，做数据API ,设计路由，和前端的主要区别在于，前端主要负责效果和交互、 node.js是追求性能极致的产物，主要的三个特点是： 单线程、Non-blocking I/O、Event Driven Nodejs和其他后端语言的不同：
关于作者 张云龙，全民TV 研发负责人，曾任阿里巴巴移动事业群主任工程师，百度高级研发工程师。 0写在前面 喂喂喂，那个切图的，把页面写好就发给研发工程师套模板吧。 你好，切图仔。 不知道你的团队如何定义前端开发，据我所知，时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位，虽然身份之争多少有些无谓，但我对这种偏见还是心存芥蒂，酝酿了许久，决定写一个系列的文章，试着从工程的角度系统的介绍一下我对前端，尤其是Web前端的理解。 只要我们还把自己的工作看作为一项软件开发活动，那么我相信读过下面的内容你也一
https://github.com/fouber/blog/issues/10#issuecomment-271133674
常见的概括：模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块（方便代码的重用，从而提升开发效率，并且方便后期的维护）。
AMD（Asynchronous Module Definition）异步模块定义，客户端规范。采用异步方式加载模块，模块加载不影响它后面语句的代执行。
大家好，首先祝大家国庆节快乐！ 很高兴可以在国庆前夕，可以为大家分享一下React风格的企业前端技术。 谈到前端，可能以前大家的第一感觉就是，前端嘛，无非就是做做页面切图，顶多加上CSS做做页面样式，或者JS做页面的交互、动画、特效等等。 其实，随着近几年前端的飞速发展，像组件化、模块化理念的出现，MVC、MVVM等前端框架越来越成熟，以及越来越健全的开发、调试工具，前端可以说已经不是以前的那个前端了，前端正在变得像后端一样的复杂。 而另一方面，随着互联网+的热潮的到来，越来越多的传统系统内部应用，正在转型
H5 的开发涉及开发工具、前端框架、模块管理工具、任务管理工具、UI库、接口调用工具、各种浏览器运行环境等，尽管H5丰富的开发环境给了开发者更加灵活的配置方案，但增加了环境配置的成本，而开发微信小程序，由于微信团队提供了开发者工具，并且规范了开发标准，前端常见的HTML、CSS变成了微信自定义的WXML、WXSS，WXML，官方文档中都有明确的使用介绍，开发者无需关心各种环境的配置，专注于开发业务逻辑即可。
洛伊安妮·格罗纳女士所著的《学习JavaScript数据结构与算法》第三版于2019年的5月份再次刊印发行，新版内容契合当下，实为JavaScript开发人员的必备之佳作。有幸重读此版，与诸君分享共勉。
昨天，写了入门javascript的一篇文章：这是我的10分钟 js 入门笔记，老铁给我们的建议，js非常有用，具体请看下面：
一个功能就是一个模块，多个模块可以组成完整应用，抽离一个模块不会影响其他功能的运行。
之前项目中一直用的是 ARouter，但是一直很卡，特意用adb查了一下ARouter的初始化用了131ms。最近发现货拉拉开源了一套更先进的路由框架 TheRouter，还宣传能无缝切换，趁着中秋放假就赶紧拿来试了一下，真香！！
其实模块化的诞生不难理解，我们知道因为随着网站逐渐的发展，嵌入网页的Javascript代码越来越庞大，而网页越来越像桌面程序，需要一个团队去分工协作，进行管理和测试等等，为了更好的管理网页的业务逻辑，产生了模块化编程的理念。
正是由于将项目模块化拆分，各模块之间没有任何依赖关系，也互相不可见，那么从A模块的a界面跳转到B模块的b界面该怎么办呢？
传统的Web应用程序不同页面间的跳转都是向服务器发起请求，服务器处理请求后向浏览器推送页面。在单页应用程序中，不同视图(组件的模板)的内容都是在同一个页面中渲染，页面间的跳转都是在浏览器端完成，这就需要用到前端路由。在Vue.js中，可以使用官方的路由管理器Vue Router。 Vue Router需要单独下载，可以使用CDN方式应用Vue Router
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
