E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
前端模块化
JavaScript模块化 --- Commonjs、AMD、CMD、ES6
随着前端js代码复杂度的提高,JavaScript模块化这个概念便被提出来,前端社区也不断地实现
前端模块化
,直到es6对其进行了规范,下面就介绍JavaScript模块化。
alokka
·
2023-04-18 02:36
前端模块化
发展历程
什么是模块化?将一个复杂的程序依据一定的规则(规范)封装成几个块(文件),并进行组合在一起块的内部数据与实现是私有的,只是向外部暴露一些接口(方法)与外部其它模块通信模块化的理解模块化是一种处理复杂系统分解为更好的可管理模块的方式。简单来说就是解耦,简化开发,一个模块就是实现特定功能的文件,可以更方便地使用别人的代码,想要什么功能,就加载什么模块。模块开发需要遵循一定的规范模块化的好处避免命名冲突
前端黄大仙
·
2023-04-18 02:19
前端
初探 Webpack
Webpack作用
前端模块化
有利于代码的重用和维护
养乐多__
·
2023-04-17 03:42
前端模块化
开发
并不包含具体的实现内容概述模块化演变过程模块化规范常用的模块化打包工具基于模块化工具构建现代Web应用打包工具的优化技巧1.模块化演变过程早期的前端技术标准根本没有预料到前端行业会有今天这样的规模中,所以说很多设计上的遗留问题就导致了我们现在去实现
前端模块化
的时候会遇到很多的问题
红尘灬客栈
·
2023-04-15 03:49
「前端考古系列」一个需求引发的
前端模块化
考古
零、故事的开始从前有个流行说法是"全国13亿人,每人给我一块钱我就是亿万富翁"现在老板觉得这个主意很棒,所以让张三来做个网页方便收钱,界面简单点如下所示就好~image-20210131002533398可以看到这里就两个逻辑,点击红色按钮开始打钱,点击蓝色链接触发举报。是不是很简单~这时老板跟张三说:"唔使急,最紧要快~5分钟后我要看到这个网页",这时候的张三的情绪毫无波动,什么软件工程可维护性
Nodreame
·
2023-04-14 10:53
认识Webpack
要了解Webpack,首先要知道
前端模块化
开发的概念
前端模块化
模块化的目的是使代码可以重用,模块化在任何开发中都是必不可少的。
华戈的小书
·
2023-04-13 14:26
从零配置webpack4,全网最简单webpack教程
,整合上传,也借此项目使用webpack4从零搭建一个项目,看此文的朋友我希望你拥有基础的webpack相关知识,包括但不限于如何初始化一个项目、npm是什么、yarn是什么、webpack基本配置、
前端模块化
本大少_
·
2023-04-10 04:27
尚融宝07-
前端模块化
目录一、模块化简介1、背景2、模块化解决的问题3、模块化规范二、ES6模块化规范1、导出模块3、测试三、默认暴露模块1、默认暴露2、导入模块3、测试四、封装代码1、创建app.js2、引入入口文件3、测试一、模块化简介1、背景创建04-module-demo目录,创建“no-module”目录,创建a.jsvarstar='王力宏'创建b.jsvarstar=5创建demo.html从这个例子可以
zoeil
·
2023-04-09 22:35
尚融宝
前端
javascript
知乎高赞:
前端模块化
的十年征程
作者:@外婆的https://zhuanlan.zhihu.com/p/265632724前言夫以铜为镜,可以正衣冠;以史为镜,可以知兴替——《旧唐书·魏徵传》也许在谈论具体的内容之前,我们需要谈论一下关键词的定义。什么是"模块"?在不同的语境下模块有不同的含义。但在本文中,我们从广义的角度出发,将它解释为两个方面外部的模块:指代引入前端工程的某个外部的包(package),可能由多个JS文件组成
小生方勤
·
2023-04-09 14:01
javascript
java
vue
编程语言
js
前端模块化
的十年征程
来源|https://zhuanlan.zhihu.com/p/265632724也许在谈论具体的内容之前,我们需要谈论一下关键词的定义。什么是"模块"?在不同的语境下模块有不同的含义。但在本文中,我们从广义的角度出发,将它解释为两个方面外部的模块:指代引入前端工程的某个外部的包(package),可能由多个JS文件组成,但会通过入口暴露给我们项目调用内部的模块:指代我们自己的工程项目中编码的最小
web前端开发V
·
2023-04-09 14:28
javascript
java
vue
编程语言
xhtml
前端模块化
1.模块化编程1.1ES5时代1.1.1原生代码实现模块化1)对象写法varmodule1=newObject({_count:0,m1:function(){//...},m2:function(){//...}});2)立刻执行函数(Immediately-InvokedFunctionExpression,IIFE)or匿名闭包varmodule1=(function(){var_count
TechFE
·
2023-04-08 23:45
前端
javascript
前端
模块化
前端模块化
(Require.js)
为什么要用
前端模块化
1最开始的js就是为了实现客户端验证以及一些简单的效果2后来,js得到重视,应用越来越广泛,前端开发的复杂度越来越高(早期,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了
Smile_1024
·
2023-04-08 10:57
4.
前端模块化
开发
四.
前端模块化
开发1.为什么要进行模块化开发2.如何进行模块化开发3.模块化开发实站用法未更新四.
前端模块化
开发1.为什么要进行模块化开发①前言分析可知此时star为b的,即b覆盖了a,此时出现问题。
努力生活...
·
2023-04-08 07:57
项目1:金融借钱还钱
java
【Vue学习笔记_13】webpack
前端模块化
打包
【Vue学习笔记_13】webpack
前端模块化
打包webpack初识与grunt/gulp的对比webpack安装webpack基本使用webpack配置webpack.config.jspackage.jsonwebpack-loadercss
BugFrog1024
·
2023-04-07 23:33
Vue
前端
javascript
vue
前端
什么是
前端模块化
?为什么要进行模块化开发?前端技术文章分享
之前文章都分享的Java相关,今天就分享一篇前端技术文章,一起来看看今日前端技术文章吧~希望能够帮助到你!模块化是一种软件开发的设计模式,它将一个大型的软件系统划分成多个独立的模块,每个模块都有自己的功能和接口,并且能够与其他模块独立地工作。一、先来一段八股文模块化开发可以带来以下好处:●提高代码的复用性:模块化可以将代码划分成可重用的部分,降低代码的冗余和重复,提高代码的复用性。●简化代码的维护
好程序员IT教育
·
2023-04-07 10:59
前端
java
javascript
前端模块化
的理解(AMD,CMD,CommonJs,ES6)
前言初期的web端交互还是很简单,不需要太多的js就能实现。随着时代的的发展,用户对Web浏览器的性能也提出了越来越高的要求,浏览器也越来越多的承担了更多的交互,不再是寥寥数语的js就能解决的,那么就造成了前端代码的日益膨胀,js之间的相互依赖也会越来越多,此时就需要使用一定的规范来管理js之间的依赖。本文主要是什么是模块化,为什么需要模块化以及现下流行的模块化规范:AMD,CMD,CommonJ
菠菜女皇
·
2023-04-05 04:06
[部署02] Docker 部署vue项目
柯里化偏函数函数记忆[深入06]隐式转换和运算符[深入07]浏览器缓存机制(http缓存机制)[深入08]前端安全[深入09]深浅拷贝[深入10]DebounceThrottle[深入11]前端路由[深入12]
前端模块化
woow_wu7
·
2023-04-04 21:27
webpack的基本使用
主要功能:它提供了友好的
前端模块化
开发支持,以及代码压缩混淆、处理浏览器端JavaScript的兼容性、性能优化等强大的功能。
小张学编程
·
2023-04-04 05:16
webpack
VUE
前端
开发语言
前端模块化
结构如何拆分
模块化结构将复杂的程序拆分成不同的文件夹或者文件不同的模块即独立又可以相互关联如何拆分具体的拆分规则针对不同的项目也不一样,这里列出一点建议,更主要的还是有自己的一个规范,物以类聚将具有相同特性的可以拆分到一起,比如在一个vue电商网站项目中对文件夹的拆分pages源文件入口|-list列表模块(可能包括普通列表页,闪购列表)都可以认为是列表页属于一类|-list普通列表页|-components
weixin_34150503
·
2023-04-04 01:00
前端
javascript
ViewUI
webpack学习笔记(踩坑笔记)
认识webpackwebpcak是基于JS应用的
前端模块化
打包工具,强调模块化(核心)和打包。
似朝朝我心
·
2023-04-04 00:40
es6模块化
1、模块化思想
前端模块化
是前端工程化的基石,符合按模块开发的流程,代码耦合度低,复用率高。
frist word
·
2023-04-03 09:27
JavaScript
es6
前端
javascript
前端模块化
详解(完整版)
前言在JavaScript发展初期就是为了实现简单的页面交互逻辑,寥寥数语即可;如今CPU、浏览器性能得到了极大的提升,很多页面逻辑迁移到了客户端(表单验证等),随着web2.0时代的到来,Ajax技术得到广泛应用,jQuery等前端库层出不穷,前端代码日益膨胀,此时在JS方面就会考虑使用模块化规范去管理。本文内容主要有理解模块化,为什么要模块化,模块化的优缺点以及模块化规范,并且介绍下开发中最流
Aniugel
·
2023-04-03 05:23
Vue 入门 | webpack 基本使用
webpack的主要功能它提供了友好的
前端模块化
开发的支持,以及代码压缩混淆、处理浏览器端javascript的兼容性、性能优化等强大的功能。
stamSuper
·
2023-04-02 20:16
初级web前端面试题
文章目录一、JS1、js基本类型和引用类型2、如何判断js数据类型3、js拷贝4、事件处理机制5、原型和原型链6、什么是闭包7、事件循环机制(eventloop)8、
前端模块化
9、es6新增特性1.let
小野又在卷了
·
2023-04-02 11:42
面试题
javascript
css
vue.js
html
es6
用vue搭建组件库的流程
目录一、项目介绍二、用脚手架生成vue项目三、修正项目结构四、跑通一个demo五、卡片组件的设计与代码编写六、测试组件的功能七、
前端模块化
八、webpack打包js文件九、Gulp打包css十、将组件库发布到
Kw_Chng
·
2023-04-01 22:52
前端项目
vue.js
前端
javascript
前端模块化
的意义
开发中明显可以感觉到加载一个HTML需要依赖很多的JS文件依赖,比如到一定阶段的HTML页面,尾部就是这样的:随着所需功能越来越多,我们就需引入更多的JS依赖和CSS依赖,有时还会面临着一个文件不够需要拆分成几个文件的情况。因此可能会遇到以下几点问题:管理依赖会成为一个很费时的工作,很可能引入的文件顺序出现错误前端交互就不可以使用了。当页面加载的时候所有依赖会被全部同步加载,这样也很难实现所有依赖
小涛涛haop
·
2023-03-31 17:08
Webpack
目前
前端模块化
最佳实践方式目前在在node环境下使用CommonJS规范,浏览器环境下使用ESModules规范ESModules基本特性通过给script标签设置type="module"属性,就可以以
7fea7b53db82
·
2023-03-24 05:56
[源码] vuex
柯里化偏函数函数记忆[深入06]隐式转换和运算符[深入07]浏览器缓存机制(http缓存机制)[深入08]前端安全[深入09]深浅拷贝[深入10]DebounceThrottle[深入11]前端路由[深入12]
前端模块化
woow_wu7
·
2023-03-23 22:45
容易混淆的commonjs、AMD 和CMD
1,三者都是对
前端模块化
,标准化的实践和取得的成效2,commonJS是应用于后端的js模块化,是同步的,因为后端文件在一起,不存在异步的问题,标准写法require(“path”);而前端因为要向后端发出请求
Roy_skywalker
·
2023-03-19 19:28
前端八股文整理
HTMLCanvas元素有什么用HTML5的canvas元素使用javascript在网页上绘制图形
前端模块化
规范①说说自己对
前端模块化
开发的认识(1)异步模块定义(AMD)规范是require.js推广的对模块定义的规范
开飞机的舒克吖
·
2023-03-09 16:36
前端
学习
[源码-webpack03] 手写webpack - compiler简单编译流程
柯里化偏函数函数记忆[深入06]隐式转换和运算符[深入07]浏览器缓存机制(http缓存机制)[深入08]前端安全[深入09]深浅拷贝[深入10]DebounceThrottle[深入11]前端路由[深入12]
前端模块化
woow_wu7
·
2023-02-17 15:22
JavaScript ES6知识点汇总(上)
一、module、export、importmodule、export、import是ES6用来统一
前端模块化
设计方案的设计思路和实现方案。export、import的出现统一了
前端模块化
的实现方
万物之恋
·
2023-02-17 02:29
javascript
es6
前端
【源码&库】跟着 Vue3 学习
前端模块化
Vue3为了支持不同的用户群体,提供了多种模块化方案,这样使得我们在使用的Vue的使用可以有很多种方式;例如我们可以直接在html中使用script标签引入Vue,也可以前端工程化工具,例如webpack、rollup等打包工具,将Vue打包到我们的项目中,甚至还可以在nodejs中使用服务端渲染的方式来使用Vue;今天就跟着Vue3的源码,一起来看看Vue3是如何支持这些模块化方案的,以及我们在
·
2023-01-09 14:39
ES6 模块化
导入其它模块使用require()方法模块对外共享成员使用module.exports对象模块化的好处:大家都遵守同样的模块化规范写代码,降低了沟通的成本,极大方便了各个模块之间的相互调用,利人利己2、
前端模块化
规范的分类在
悠然予夏
·
2023-01-08 16:07
JavaScript
node
es6
前端
javascript
Python使用Selenium Webdriver爬取网页所有内容
现在网页越来越多地采用Ajax、
前端模块化
smart_cat
·
2022-12-15 07:02
爬虫基础
Python应用
python
selenium
开发语言
测试工具
网络爬虫
细说
前端模块化
开发
一、模块化概述模块化开发是当下最重要的前端开发范式之一。随着前端应用的日益复杂,我们的项目代码已经逐渐膨胀到了不得不花大量时间去管理的程度了。模块化就是一种最主流的代码组织方式,它通过把我们的复杂代码按照功能的不同,划分为不同的模块单独维护的这种方式,去提高我们的开发效率,降低维护成本。模块化只是思想,不包含具体实现。二、模块化演变过程Stage1-文件划分方式具体做法:将每个功能以及它相关的一些
蓝欣执念
·
2022-12-09 13:40
笔记
javascript
webpack
es6
gulp
前端
【前端面试知识题】- 模块化开发
1、说说你对
前端模块化
开发的认识。相关认识如下:(1)异步模块定义(AMD)规范是require.js推广的、对模块定义的规范。(2)通用模块定义(CMD)规范是SeaJS
拉格朗日(Lagrange)
·
2022-12-07 19:00
前端面试
前端
javascript
webpack
webpack详解
2、
前端模块化
前端模块化
的一些方案:AMD、CMD、CommonJS、ES6(浏览器不能识别它们,但是webpack可以做它们的底层支撑,方可进行模块化开发)ES6之前,要想进行模块化开发,就必须借助于其他的工具
qq_43743402
·
2022-12-04 03:26
笔记
javascript
前端
vue.js
webpack
【webpack】详解
从两个点来解释上面这句话:模块和打包
前端模块化
:在ES6之前,我们要想进行模块化开发,就必须借助于其他的工具,让我们可以进行模块化开发。
纵有千堆雪与长街
·
2022-12-04 03:26
webpack
前端
javascript
webpack使用详解
主要功能:提供了
前端模块化
功能支持,模块混淆,代码压缩,处理浏览器JS兼容性,性能优化等强大功能。
ScottePerk
·
2022-12-04 03:43
webpack
前端
前端
webpack
vue3学习笔记
文章目录ES6模块化与异步编程高级用法1.ES6模块化1.1node.js中如何实现模块化1.2
前端模块化
规范的分类1.3什么是ES6模块化规范1.4在node.js中体验ES6模块化1.5ES6模块化的基本语法
龙槑
·
2022-11-25 07:13
前端
vue
详解
前端模块化
工具-Webpack
React自发布以来吸引了越来越多的开发者,React开发和模块管理的主流工具webpack也被大家所熟知。那么webpack有哪些优势,可以成为最主流的React开发工具呢?webpack是什么CommonJS和AMD是用于JavaScript模块管理的两大规范,前者定义的是模块的同步加载,主要用于NodeJS;而后者则是异步加载,通过requirejs等工具适用于前端。随着npm成为主流的Ja
会飞的Pikachu
·
2022-11-07 09:56
Web
javascript
前端
开发工具
webpack
Webpack5.x使用、原理及思考
先从
前端模块化
开始谈起:最早期,前端项目很简单,一个html,引入css和一些js文件即可,随着项目越来越复杂,引入的js就增多,这个时候就出现很多问题:模块直接在全局工作,污染全局作用域;模块增多,容易产生命名冲突
一蓑烟雨任平生_cui
·
2022-11-01 17:59
【前端王一】 - 前端学习路线
一文带你吃透HTML前端思考、前端学习路径图
前端模块化
——彻底搞懂AMD、CMD、ESM和CommonJS小程序第三方框架对比(we
前端王一
·
2022-10-31 12:47
前端
前端
学习
javascript
浅谈前端工程化、模块化、组件化
2、
前端模块化
,前端工程化是一个高层次的思维,而模块化和组件化是在工程化思维下相对较具体的开发方式,可以简单的认为模块化和组件化是工程化的表现形式。
CSAIEIMS
·
2022-10-18 10:04
前端设计
运维
html5
前端模块化
、工程化
先谈谈前端工程化,web前端越来越像“应用程序”,处理的业务繁杂,需要用的html,css,js等文件越来越多;因此不得不用工程化的思想去组织管理这些文件;当然关于前端工程化在细节上见仁见智;以下是个人的理解:首先是业务需求文档的规范化;其次是开发过程中的管理:版本控制(git/svn),js模块化(AMD,CMD,ES6),MVVM框架(react,vue)等再其次是测试阶段:自动化测试js接口
a178796665
·
2022-10-18 10:01
前端
javascript
git
ViewUI
webpack
因为开发的时候使用的是
前端模块化
,但是浏览器对模块化的支持程度低,需要借助webpack打包工具,将模块化代码打包生成浏览器支持的规范。使用:第一步:快速初始化文件夹成为一个项目cnpminit-
头发尚在——
·
2022-10-09 11:15
webpack
前端
node.js
秋招前端面经总结-1
1.
前端模块化
模块化就是将一个复杂系统分解为多个独立模块的代码组织形式。
Olivia0319
·
2022-09-23 13:31
前端
秋招
面经
突破桎梏(八):
前端模块化
开发 - Webpack
】系列中耗时最长的文章,内容繁杂和加班等各种原因吧,鸽了快一个月,中间还跨了年写下了我的2021年度规划…还望各位老铁多多支持~先放下【突破桎梏】系列的传送门,诸君有兴趣收个藏关个注:突破桎梏(七):
前端模块化
开发
醒途
·
2022-09-21 10:50
大前端之突破桎梏
博客
前端
javascript
webpack
前端
大前端
程序人生
前端模块化
CommonJS、AMD、CMD、ES6
一、
前端模块化
什么是模块化?为什么前端需要模块化?js代码量激增,放在同一个文件里面,不容易维护,而且牵一发而动全身。
傲娇味的草莓
·
2022-09-14 02:42
前端工程化
前端
javascript
前端模块化
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他