前端模块化第9页

import和require的区别

啪叽·2020-07-05 01:42

一分钟教你发布npm包

npm是javascript著名的包管理工具，是前端模块化下的一个标志性产物简单地地说，就是通过npm下载模块，复用已有的代码，提高工作效率和移动端开发中，iOS使用的Cocoapods，Android

Never Leave·2020-07-05 01:22

对前端模块化的认识

AMD是RequireJS在推广过程中对模块定义的规范化产出。CMD是SeaJS在推广过程中对模块定义的规范化产出。AMD是提前执行，CMD是延迟执行。AMD推荐的风格通过返回一个对象做为模块对象，CommonJS的风格通过对module.exports或exports的属性赋值来达到暴露模块对象的目的。CMD模块方式:define(function(require,exports,module)

WPeach·2020-07-02 12:46

前端模块化理解

转至http://www.cnblogs.com/lvdabao/p/js-modules-develop.html在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀，这时候JavaScrip

南太平洋_99·2020-07-02 02:05

Vue初学24-前端模块化

前端模块化的原因随着前端的功能越来越复杂，代码量越来越多。如果众多的js文件不采用模块化的方式管理，势必会遇到一个问题，那就是全局变量重名。相信很多前端开发者都遇到过这个问题。。。

周达·2020-07-02 01:00

前端模块化的演进过程

在技术日新月异的时代，像我们这些在框架和工具成熟期后进入这个行业的。对前端工程化工具生态的发展过程自然是要陌生一些。但是我认为了解一下这个过程中诞生的工具和思想，不仅会对模块化理解更深刻，可能还会带来新的启示下面内容来源于网上。模块化的几个代表阶段1.文件划分方式最早我们会基于文件划分的方式实现模块化，也就是Web最原始的模块系统。具体做法是将每个功能及其相关状态数据各自单独放到不同的JS文件中，

高先生的猫·2020-06-30 11:36

大公司或专业团队用什么前端工具？以及各个前端自动化工具教程

现代工业化前端的基础；RequireJS：AMD规范，即将过时的JavaScript模块化方案；Bower：前端模块源；npm；前端工具源，另一个潜在的前端模块源；Browserify：即将过时的基于CommonJS的前端模块化方案

小北哥哥和北妈·2020-06-30 03:23

全面了解前端模块化开发

全面了解前端模块化开发前言一、.idea文件与.svn文件二、package.json文件三、webpack.config文件或者.webpackrc文件四、.travis.yml文件五、README文件六

杏子_1024·2020-06-29 12:16

【JS基础】一文看懂前端模块化规范

前言前端的模块化之路经历了漫长的过程，想详细了解的小伙伴可以看浪里行舟大神写的前端模块化详解(完整版)，这里根据几位大佬们写的文章，将模块化规范部分做了汇总和整理，希望读完的小伙伴能有些收获，也希望觉得有用的小伙伴可以点个赞

诺顿·2020-06-29 10:11

什么是前端模块化？

前端模块化传统开发遇到的问题js变量命名冲突文件依赖关系复杂模块化解决方案模块化，就是把单独的功能封装到一个文件当中，模块之间相互隔离，通过公开的接口通讯，成为其他模块的依赖优势：方便代码重用，提升开发效率

郝小胖的独门秘笈·2020-06-29 09:04

前端模块化的发展

模块化是指将一个复杂的系统分解为很多个模块以方便编码命名空间很久以前开发网站要通过命名空间的方式来进行编码命名空间可能会冲突，比如zepto也是放在window.$下无法合理的管理项目的依赖和版本无法控制依赖的加载顺序不适用于大项目commonJS是一种JavaScript模块化规范通过require方法同步加载依赖的其它模块module.exports导出其需要的暴露接口代码可复用与nodeJS

Robin.LEI·2020-06-29 04:24

前端模块化——CommonJS、AMD、CMD、ES6规范

前言随着技术的发展，各种前端库层出不穷，前端代码日益膨胀。如果不对前端代码加以模块化规范去管理，维护将变得异常困难。本文的主要内容是理解什么是模块化、为什么要模块化、模块化的优缺点以及当下最流行的AMD、CMD、CommonJS、ES6规范。本文旨在用通俗易懂的语言介绍抽象的概念，希望对大家有所帮助。什么是模块化？什么是模块？对于一个复杂的程序，将其按照一定的规范封装成几个文件块，每一块向外暴露一

五撸超人·2020-06-29 01:01

前端模块化开发

在JavaScript发展的初期是为了实现简单的页面交互逻辑,就这么一句话.如今,浏览器性能得到极大的提高,很多页面逻辑迁移到了客户端(表单验证等),随着Web2.0时代的到来,ajax技术得到广泛使用,jQuery,angularjs,vuejs等前端库也层出不穷,前端代码越来越庞大.这时JavaScript作为嵌入式的脚本语言的定位动摇了,JavaScript却没有为组织代码提供任何明显的帮助

HelloJames·2020-06-28 19:03

前端模块化系列（一）：网站需要模块化的原因

前端模块化标签（空格分隔）：模块化前端模块化系列（一）：网站需要模块化的原因由于我最近在研究前端各种各样的模块化系统，所以就翻译了一篇来自webpack官网的文章，总的来说作者写的还是相当不错的。

weixin_34318326·2020-06-28 16:30

HTML5前端教程分享：前端模块化开发

1.命名冲突首先从一个简单的习惯开始。由于以前一直做JavaEE开发的缘故，在JavaScript开发中，我已经习惯将项目中的一些通用功能抽象出来，形成一个个的独立函数，以便于实现代码复用，如：functioncss(element,attr){//获取element元素的attr对应的CSS属性值//...}functionoffset(element){//获取element元素在文档中的位置

weixin_34227447·2020-06-28 14:12

细数国内外的前端大牛

国内玉伯简介玉伯（王保平），淘宝前端类库KISSY、前端模块化开发框架SeaJS、前端基础类库Arale的创始人。2003-2006年，中科院物理所研究生，Fort

weixin_34128501·2020-06-28 11:47

浅谈前端模块化

前端模块化是前端工程化的基石。时下，大前端时代中对模块的运用更是无处不在。何谓模块？

weixin_33913377·2020-06-28 08:58

css模块化思想初探

前言前端模块化是个非常大的话题了，我们可以简单的分为html模块化、javascript模块化、css模块化；那么我们先从css模块化开始，css模块化基础却必不可少。

weixin_33834910·2020-06-28 06:02

前端模块化详解(完整版)

前言在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀，此时在JS方面就会考虑使用模块化规范去管理。本文内容主要有理解模块化，为什么要模块化，模块化的优缺点以及模块化规范,并且介绍下开发中最流

weixin_33766805·2020-06-28 05:12

详解前端模块化工具-Webpack

React自发布以来吸引了越来越多的开发者，React开发和模块管理的主流工具webpack也被大家所熟知。那么webpack有哪些优势，可以成为最主流的React开发工具呢？webpack是什么CommonJS和AMD是用于JavaScript模块管理的两大规范，前者定义的是模块的同步加载，主要用于NodeJS；而后者则是异步加载，通过requirejs等工具适用于前端。随着npm成为主流的Ja

weixin_33696106·2020-06-28 03:24

前端模块化的发展史

咱们今天主题说下前端模块化发展的历史，主要就是针对AMDCMD的发展，这两个东西是一种规范，他们实际产物是AMD是RequireJS，CMD的产物是seajs，他们的出现都是在COMMONjs基础上发展而来的

weixin_30647065·2020-06-27 22:51

模块化 require.js 入门教学(前端必看系列)

模块化require.js入门教学(前端必看系列)在工作的时候总是会用到模块化开发,那接下来我就顺着这个问题来说一下什么是模块化前端模块化!!!

weixin_30532837·2020-06-27 21:15

webpack概述

什么是Webpackwebpack是一个前端模块化方案，更侧重模块打包，我们可以把开发中的所有资源（图片、js文件、css文件等）都看成模块，通过loader（加载器）和plugins（插件）对资源进行处理

Mr无愧于心·2020-06-27 12:54

uisys 如何用 js 获取 html的元素

airootuisys是web前端模块化工具，它可以在不使用虚拟DOM的情况下，方便的实现模块化和数据绑定。其在开发体验上和运行效率上接近原生体验，是一款不错的web开发辅助工具。

超级太空人·2020-06-27 10:58

20位活跃在Github上的国内技术大牛

1.lifesinger（玉伯）Github主页：https://github.com/lifesinger微博：@玉伯也叫射雕玉伯（王保平），淘宝前端类库KISSY、前端模块化开发框架SeaJS、前端基础类库

killer-leon·2020-06-27 01:40

前端模块化开发发展历史（一）

读史使人明智------培根列一下前端模块开发的历史。1，极简风格——函数式编程将一系列功能性代码封装成一系列函数，只允许输入参数输出结果。（这里即可以看出模块化开发的核心思想）2，极简风格——对象封装虽说封装函数使代码看起来干净了点，但函数之间的关系并不明显，而且一个模块过大时，很多的函数容易出现命名冲突的问题。//模块functionfuncA(){...}functionfuncB(){..

一百分是骗人的·2020-06-26 20:21

前端模块化-1、介绍

本文主要从模块化的产生背景及对前端模块的简单介绍，作为CommonJS，AMD,CMD等规范的引言。更重要的是，作为本人学习的一份笔记。什么是模块化本人简单的理解，模块化就是指把一个个功能独立开来，需要使用的时候，分别“组装”这些功能，以达到我们需要的效果。还是拿熟悉的汽车作比较，汽车早已经将生产模块化，就是建立几个平台，同一平台下的零件有很多可以通用。比如下图就是丰田的新平台TNGA(更多信息，

Aleph_Zheng·2020-06-26 14:23

【js 基础系列】模块化

前端模块化的发展历程十分曲折，大致的历程如下无模块化规范=>CommonJS规范=>AMD/CMD规范=>ES6Module无模块化规范初期我们没有统一的模块化规范，但是我们本地的代码还是需要逻辑清晰便于维

青岑lw·2020-06-25 02:15

Vue.js初学笔记

Vue.js首先学习vue.js，应该要了解前段开发基础：html、css、js等，熟悉前端模块化基础，对ES6有初步的了解。

AbelSu·2020-06-24 06:33

大公司或专业团队目前流行的前端工具有什么？

现代工业化前端的基础；RequireJS：AMD规范，即将过时的JavaScript模块化方案；Bower：前端模块源；npm；前端工具源，另一个潜在的前端模块源；Browserify：即将过时的基于CommonJS的前端模块化方案

li419357679·2020-06-24 04:36

面试题之gulp与webpack区别

例如你有没有用webpack做过脚手架啊gulp跟webpack关系等现在就gulp跟webpack关系扯一扯相同点：都是前端自动化的构建工具不同点：gulp强调工作流程（对于模块化并没有进行强调）webpack前端模块化开发的解决方案强调模块化

文鼎鼎·2020-06-24 01:12

前端模块化，AMD与CMD的区别

最近在研究cmd和amd，在网上看到一篇不错的文章，整理下看看。在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀这时候JavaScript作为嵌入式的脚本语言的定位动摇了，JavaScrip

luckyDraven·2020-06-23 20:29

vue2.0+webpack+elementUI+supermap+echarts爬坑之旅

前言前端模块化及工程化是目前一大趋势，传统的开发模式固然有其优势，但繁杂的配置项以及高耦合的前后台关系使得当需求变更或者负责人职务变动所遗留下的代码难以维护和阅读，vue生态系统的出现弱化了这一类问题，

j7090364·2020-06-23 20:35

fis_learn_补充_4

1.前端工程之模块化一体化的前端模块化实践方案http://fex.baidu.com/blog/2014/03/fis-module/2.如何高效地管理网站静态资源http://fex.baidu.com

Layne101·2020-06-23 10:48

Angular2项目搭建经历（1）

Webpack前端模块化ng2的默认模块化工具是SystemJS，也是个很酷炫的模块化工具。但它也只

Yitimo·2020-06-22 23:09

webpack安装配置与常见使用过程详解（结合vue）

webpack介绍和安装webpack：前端模块化打包工具安装webpack需要安装Node.js，Node.js自带软件包管理工具npm查看自己的node版本：node-v全局安装webpackcnpminstallwebpack-g

·2020-06-22 08:18

【webpack】1

解析样式1.打包.css文件到js模块里2.打包.less文件到js模块里解析图片1.解析css里引的图片2.解析js里引的图片解析html的插件webpack-dev-server开发服务.vue文件前端模块化基于

Eva3288·2020-06-21 20:30

前端模块化发展简史

所谓温故而知新，本篇回顾总结下前端模块化的发展历程及辅助工具。在回顾中可以更清晰的看到当前我们用的方案所处的位置，为什么会

csdn的移动开发朋友们·2020-06-21 00:31

Vue 知识点汇总（下）--附案例代码及项目地址

前端模块化**和grunt/gulp的对比**webpack安装Webpack起步Webpack配置css-loader的使用less文件处理图片文件处理ES6语法处理Webpack配置Vueel和tem

wuyxinu·2020-06-20 21:41

前端模块化的四种规范

前言：前端模块化出现的缘由和实现的一些弊端出现的缘由为什么会出现前端模块化呢，要想实现功能的复用，就需要把代码引入重复利用，如果不使用模块化，我们之前会使用的方法有哪些呢？

zzglovecoding·2020-06-19 01:34

前端模块化，AMD，CMD 面试总结

commonJS,CMD/AMD对应类似的实现是noedJs（webpack）/RequireJs/SeaJsAMD/CMD主要针对浏览器端。模块化一个模块化实现特定功能，组织JS中的业务逻辑，都可以称为模块化。这种模块化类似于java中的包直接引入，即插即用，不会产生变量冲突，就是如此便捷。commonJScommonJS运行于服务器端，node.js的模块系统，就是参照CommonJS规范实现

ygunoil·2020-06-09 16:00

webpack和gulp的理解与区别

webpack是一个模块打包器（modulebundler），gulp是前端自动化构建工具webpack是JavaScript应用程序的模块打包器，强调的是一个前端模块化方案，更侧重模块打包，我们可以把开发中的所有资源

活在当下zql·2020-06-02 13:00

webpack安装配置+常见使用过程（结合vue）

webpack介绍和安装webpack：前端模块化打包工具安装webpack需要安装Node.js，Node.js自带软件包管理工具npm查看自己的node版本：node-v全局安装webpackcnpminstallwebpack-g

陈莺莺呀·2020-05-31 22:00

搞懂前端模块化的演进

前端的模块化根据环境的不同有不同的规范，所以写一下各个方面的前端的模块化，以加深自己的理解。主要分四块：es5环境下的模块化、commonJs下的模块化、es6环境下的模块化、AMD和CMD。一、es5环境下的模块化早期的Javascript并没有模块化的思想，他被创造出来作为脚本的存在，用来解决HTML中的一些基本的动画和展示。后来随着前后端分离，前端业务量的增加，以及命名冲突、代码无法复用等问

优迪·2020-05-24 21:58

Vue 学习笔记 [Part 4]

作者:故事我忘了￠个人微信公众号:程序猿的月光宝盒目录一.组件化开发1.1.父子组件的访问1.2.slot的使用二.前端模块化2.1.为什么要使用模块化2.2.ES6中模块化的使用三.webpack3.1

故事我忘了°·2020-05-16 19:00

面试官让我解释什么是前端模块化

前两篇文章中，有小伙伴给我留言说怎么没有模块化相关的知识点，模块化在面试中被问到的概率非常大，但因为前几篇文章篇幅实在太长了些，所以模块化知识点单独这篇文章给大家聊聊。先说说什么是模块化，就是将独立的功能代码封装成一个独立的文件，其他模块需要使用，在进行引用。模块化有利于代码的拆分和架构上的解耦，模块化在服务端领域已经早已成熟，nodejs也已经支持模块化。而在浏览器上，js脚本是异步载入的，脚本

Web_hls33·2020-05-02 21:02

前端模块化-3、AMD

AMD是"AsynchronousModuleDefinition"的缩写，意思就是"异步模块定义"。它采用异步方式加载模块，模块的加载不影响它后面语句的运行。所有依赖这个模块的语句，都定义在一个回调函数中，等到加载完成之后，这个回调函数才会运行。AMD也采用require()语句加载模块，但是不同于CommonJS，它要求两个参数：require([module],callback);其中，mo

Aleph_Zheng·2020-04-13 02:08

前端模块化详解（ESM & CommonJs）

首发地址：https://mp.weixin.qq.com/s/Be...“用最精简的方式，抓住最核心的知识点，帮助你快读ES6。”关键词：ESModule、CommonJs系列文章：ES6精读【划重点系列】（二）前文涉及：class实例化和继承正文从此开始~前言开始正文前，先补充几个基本知识：Q1：js是解释执行，每一个代码块的执行过程：语法分析，预编译阶段，解释执行，其中预编译阶段会对变量和函

夜暮sky·2020-04-10 02:51

前端工程与模块化框架

前端模块化框架肩负着模块管理、资源加载两项重要的功能，这两项功能与工具、性能、业务、部署等工程环节都有着非常紧密的联系。因此，模块化框架的设计应该最高优先级考虑工程需要。

Www刘·2020-04-08 05:53

前端构建工具coolie学习与配合使用的工具

bower库管理工具coolie入门5-前端开发工程的最佳实践coolie入门6-coolie实例演示跟我学coolie之1为什么要前端模块化跟我学coolie之2模块化helloworld跟我学coolie

d992060a2c01·2020-04-07 19:34

推荐频道

前端模块化