非模块化方式开发的痛苦 （1）命名冲突 起初，我们定义了一个通用功能的JS文件，例如 utils.js（其中有一个 each 函数），谁需要谁调用即可 但随着项目和团队越来越大，就会出现问题 小杨在自己的 a.js 中也定义了一个 each 函数，这时有人同时引用了 utils.js 和 a.js，冲突就出现了，小杨只好把自己的 each函数名改为别的，再通知别人改名了，之后，不同开发人员之间不断出现这类问题 后来，团队决定引入命名空间，对 utils.js 进行改造 var org = {}; org.C
CommonJS API定义很多普通应用程序（主要指非浏览器的应用）使用的API，从而填补了这个空白。 它的终极目标是提供一个类似Python，Ruby和Java标准库。 这样的话，开发者可以使用CommonJS API编写应用程序，然后这些应用可以运行在不同的JavaScript解释器和不同的主机环境中。
Node.js是由ECMAScript及Node 环境提供的一些附加API组成的，包括文件、网络、路径等等一 些更加强大的API。
一. 对模块化进行解释 二. 对打包的理解 三. 关于webpack和node和npm的关系 四.关于Webpack的一个简单应用 五.webpack.config.js配置和package.json配置 六.webpack中使用css文件的配置
模块化是将项目中不同的功能拆分成多个独立的模块，通过模块之间的互相组合完成一定功能的操作过程
如今的前端工作中，模块化开发成为主流，无论是前端还是后端，由于模块化开发为我们带来巨大的收益，因此开发者都在使用它。模块化开发部分的面试题主要考察应试者对几种模块化开发规范的了解，应试者要明白它们之间的异同点，以及所适用的场合。
随着互联网的飞速发展，前端开发越来越复杂。本文将从实际项目中遇到的问题出发，讲述模块化能解决哪些问题，以及如何使用 Sea.js 进行前端的模块化开发。
大前端是指在传统前端开发基础上，结合新的技术和工具，拓展前端开发能力，进一步提升用户体验和页面交互性。大前端开发涉及到多种技术领域，包括前端技术、移动端开发、桌面端开发等，旨在实现跨平台、跨终端的统一开发和用户体验。
首先说明一下，这个已经是老框架了，不建议使用，只是当做了解一下过去的知识，或者学习一下源代码，知道过去的模块化开发是什么样的，模块化开发的好处，API 快速参考
源码地址：http://github.crmeb.net/u/tao
type="module" 表示使用模块化, ./module/1.js 中的 ./ 不能省略
ES6初学者，通过阅读本文可对ES6知识点有个大体的概念，强烈建议阅读阮一峰大大的ES6入门。
说起模块化开发大家想必都不陌生，特别是随着前端应用复杂化，代码呈倍数增长，我们不得不耗费大量的时间去进行管理，模块化也就逐渐的被大家所接受。
模块化开发就是封装细节，提供使用接口，彼此之间互不影响，每个模块都是实现某一特定的功能。
一提到模块化，也许我们首先想到的是做项目的时候进行模块设计，按照功能划分不同的模块，最后通过模块的选择和组合组成最终的产品；那把模块化的思想放到前端页面，js上来是不是也适用？当然，而且也能很好的提高我们项目的开发效率。
前端基本内容概述 HTML HTML(超文本标记语言)是一种用于创建网页的标准标记语言. CSS CSS(层叠样式表)是一种用来为结构化文档添加样式的计算机语言. JavaScript JS(JavaScript): 一种高级的，解释执行的编程语言. 解释型语言: 将代码一句一句直接运行, 不需要像编译语言经过编译器先行编译为机器码之后再运行 ES6 ES6(ECMAScript6)是新版本JavaScript语言的标准. AJAX AJAX: 用 JavaScript 执行异步网络请求. AJAX的优点:
一个功能就是一个模块，多个模块可以组成完整应用，抽离一个模块不会影响其他功能的运行。
模块化是一个语言发展的必经之路，其能够帮助开发者拆分和组织代码，随着前端技术的发展，前端编写的代码量也越来越大，就需要对代码有很好的管理，而模块化能够帮助开发者解决命名冲突、管理依赖、提高代码的可读性、代码解耦以及提高代码的复用性。
而且我也提到了目前使用前端模块化的一些方案：AMD、CMD、CommonJS、ES6。
关于作者 张云龙，全民TV 研发负责人，曾任阿里巴巴移动事业群主任工程师，百度高级研发工程师。 0写在前面 喂喂喂，那个切图的，把页面写好就发给研发工程师套模板吧。 你好，切图仔。 不知道你的团队如何定义前端开发，据我所知，时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位，虽然身份之争多少有些无谓，但我对这种偏见还是心存芥蒂，酝酿了许久，决定写一个系列的文章，试着从工程的角度系统的介绍一下我对前端，尤其是Web前端的理解。 只要我们还把自己的工作看作为一项软件开发活动，那么我相信读过下面的内容你也一
在现在的前端开发中，前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始逐渐渗透到“大前端”的开发中。前端开发过程越来越繁琐，当今越来越多的网站已经从网页模式进化到了 Webapp 模式。它们运行在现代的高级浏览器里，使用 HTML5、 CSS3、 ES6 等更新的技术来开发丰富的功能，网页已经不仅仅是完成浏览的基本需求，并且Webapp通常是一个单页面应用(SPA)，每一个视图通过异步的方式加载，这导致页面初始化和使用过程中会加载越来越多的 JavaScript 代码，这给前端开发的流程和资源组织带来了巨大的挑战。
浏览器（软件）能够运行JavaScript代码，浏览器就是JavaScript代码的运行环境
https://github.com/fouber/blog/issues/10#issuecomment-271133674
AMD（常用在浏览器端，异步的，如requirejs）（Asynchronous Module Definition）
前端发展到今天，已经有不少模块化的方案，比如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。
一个功能就是一个模块， 多个模块可以组成完整应用,抽离一个模块不会影响其他功能的运行。
最近，本来是想写一篇关于Promise的文章，在文章规划的时候，发现牵扯的东西有点多，需要再准备一下。
持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第29天，点击查看活动详情
随着业务的快速发展，现在的互联网App越来越大，为了提高团队开发效率，模块化开发已经成为主流的开发模式。正好最近完成了vivo官网App业务模块化改造的工作，所以本文就对模块化开发模式进行一次全面的介绍，并总结模块化改造经验，帮助兄弟项目避坑。
js模块化规范有：CommonJS、AMD、CMD、ES6的模块系统。本文将依次介绍下每个规范。
CRMEB商城系统是基于ThinkPhp6.0+Vue开发的一套新零售移动电商系统，CRMEB系统就是集客户关系管理+营销电商系统，能够快速积累客户、会员数据分析、智能转化客户、 有效提高销售、会员维护、网络营销的一款企业应用，包含商城、拼团、砍价、秒杀、优惠券、积分、分销等功能，更适合企业二次开发；
在网页开发的早期，js制作作为一种脚本语言，做一些简单的表单验证或动画实现等，那个时候代码还是很少的。
随着项目规模的不断扩大,代码的模块化开发变得越来越重要。优秀的模块化设计,不仅可以提高代码的复用性、可维护性,还可以降低耦合,增强内聚。那么,Java项目要如何进行模块化开发呢?本文将为大家详细介绍。
上面说提到的结构，就是模块；按照这种结构划分开发程序的过程，就是模块化开发的过程；
导读 本人从android开发转前端后，半年的前端开发经历，总结一下前端的学习思路以及后续方向。这个过程虽然也没做什么牛逼的大项目，过程中总结了一些学习的想法，所以分享下前端开发学习相关的东西。当然本文不是教你写代码，只是告诉你大概的一个学习的脚手架。 作者：郑潇乾--腾讯移动端开发工程师 @IMWeb前端社区 1.浏览器内核背景 谈谈前端的学习，就离不开运行所在的环境的发展，下面简单介绍下浏览器的内核的一个结构以及情况，这样可以更好的帮助你了解学前端会遇到哪些问题，如何去解决。 浏览器内核结构： 渲染引擎
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
戳蓝字“IMWeb前端社区”关注我们哦！ 文/uknowzheng 腾讯MIG事业群——前端开发 工程师 1写在前面 本人从android开发转前端后，半年的前端开发经历，总结一下前端的学习思路以及后续方向。这个过程虽然也没做什么牛逼的大项目，过程中总结了一些学习的想法，所以分享下前端开发学习相关的东西。当然本文不是教你写代码，只是告诉你大概的一个学习的脚手架。 （左右滑动查看代码） 2浏览器内核背景 谈谈前端的学习，就离不开运行所在的环境的发展，下面简单介绍下浏览器的内核的一个结构以及情况，这样可以更好
OSGI（Open Service Gateway Initiative） 是一个为 Java 平台设计的动态模块化系统框架。它提供了一种模块化管理应用程序功能的机制，使得开发者可以将应用程序拆分成独立的模块，这些模块可以动态地添加、移除或替换。每个模块都有自己的生命周期和依赖关系，可以独立地进行部署和升级。
模块化开发使用前端路由也是遵照上一篇文章的步骤，只是形式上有些变化。先利用Vue CLI创建一个Vue3.0的脚手架项目，项目名为myroute,直接选择Default(Vue 3 Preview)([Vue 3] babel,eslint),开始项目创建。项目创建成功后启动VSCode打开项目所在文件夹，接下来按照以下步骤开始前端路由的配置。
javascript之所以需要打包合并，是因为模块化开发的存在。开发阶段我们需要将js文件分开写在很多零碎的文件中，方便调试和修改，但如果就这样上线，那首页的http请求数量将直接爆炸。同一个项目，别人2-3个请求就拿到了需要的文件，而你的可能需要20-30个，结果就不用多说了。
其实对前端模块化开发的接触时间并不多，很多见解都是别人的，或者是偏的， 还是乐意记录下来，谁让我一天一个念头 说到前端模块化开发，其实是说 javascript 模块化开发。 目前，大众讲到的 javascript模块化规范 有3种，CommonJS、AMD（异步模块定义）、CMD（通用模块定义）
每个项目的根目录下面，一般都有一个package.json文件，定义了这个项目所需要的各种模块，以及项目的配置信息。
这个话题之前是在微博公司内部做的技术分享，这里拿出来分享给大家。 基于 GitHub 或者其它平台托管的开源项目的引入大家应该都已经非常熟悉了，但是公司内部项目的模块化应该怎么做呢？这或许是不少朋友头疼的问题。 我们先聊聊 PHP 模块化开发演进的过程，在没有 GitHub 之前，我们大家获取与分享代码的方式主要是博客，国内的 CSDN 或者博客园还有很多很多，大家都是从文章内把代码复制到自己项目里面使用，真的是相当原始粗暴，但是那个时代也没有太多可选的方案。导致的现象就是一段代码在 N 个项目里出现，可能
又一次的版本更新上架，心情容不得片刻舒缓，新的迭代任务又明白的摆在桌面上。今年上半年自己琢磨完ReactiveCocoa之后，对手上了项目做了MVVM架构的尝试，当时自我感觉效果还不错，代码之间的关系确实变得清楚了，并且有更加多的机会去进行单元测试，但是在新的一年，回头再去思考自己当时的架构，依旧会发现很多的问题，例如虽然逻辑清晰，但是并没有完全解耦，一些界面任务的处理，依旧通过RAC返回到View层去处理。只是Controller更干净了，心里自己觉得舒服罢了。
伴随着互联网的飞速发展，web中对于前端的要求越来越高，前端的代码的代码量、复杂度与日俱增，带来了诸如前端代码复用率低，难维护等问题。针对这些现有问题，达观科技采用了requirejs框架，用模块化的思想去解决这些问题。(达观数据 施列宇) 一、什么是模块化 模块化是一种将复杂系统拆分成一个个小的可管理的模块的方式。它可以把系统拆分为职责更单一，更独立的模块，也就是我们软件设计中常常提到的高内聚低耦合的模块。一般来说，前端模块化包含javascript，css以及template三个部分。 二、为什么要将前
Browserify 是什么 Browserify 是一个浏览器端代码模块化的工具 为什么要使用 Browserify 浏览器端的代码模块化有2个明显的好处： 1）前端JS可以使用npm包 我们知道 npm 中有非常丰富的功能包，但没法在浏览器中直接用，因为他们是按照 nodejs 模块化标准写的，使用 require 和 module.exports 引用和构造模块，浏览器不支持此类语法，所以需要浏览器端模块化工具的支持，这样就相当于给浏览器端增加了 npm 库 2）模块化开发 现在前端J
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
