前端模块化发展历程

最新推荐文章于 2024-06-29 18:34:04 发布
最新推荐文章于 2024-06-29 18:34:04 发布
阅读量408 收藏
点赞数
分类专栏： web前端 文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Solitarily/article/details/127522676
版权

1 全局变量+命名空间

在这里插入图片描述

2 common.js

更适合服务器端
在这里插入图片描述

3 amd

定义两个全局变量define和require，使用模块加载工具运行（如require.js）
image.png

4 umd (Universal Module Definition)

可以直接在浏览器中使用，并兼容common.js和amd
缺点：使用已构建文件，无法按需加载、难以获得底层依赖模块的bug修复支持）
在这里插入图片描述

5 es6 module

更规范并支持静态分析，还能 treeshaking：把死的叶子给摇下来，清除实际上并没有在给定项目中使用的代码的过程
在这里插入图片描述

小光~
关注
专栏目录
前端模块化发展之路
baburwang的博客
05-28 588
很多前端开发一开始学习前端就接触 Vue、React 等框架，以及 Webpack、Vite 等构建工具，对于模块化的理解不够深刻导致面对框架及构建工具的模块化处理，显得不知所措，希望本篇博客可以帮你
介绍前端模块化发展历程
狼之鸿的博客
09-02 440
模块化主要是用来抽离公共代码，隔离作用域，避免变量冲突等。 IIFE： 使用自执行函数来编写模块化，特点：在一个单独的函数作用域中执行代码，避免变量冲突。 (function(){ return { data:[] } })() AMD： 使用requireJS 来编写模块化，特点：依赖必须提前声明好 define('./index.js',function(code){ /...
前端工程化：前端模块化演变历程
邓占勇的博客
05-13 1822
前端模块化是指将一个大型的前端应用程序分解为小的、独立的模块，每个模块都有自己的功能和接口，可以被其他模块使用
浅谈前端模块化的发展历程
最新发布
weixin_45368328的博客
06-29 431
模块化是将复杂的程序按照一定的规则封装成不同文件，最后组合起来，模块化的内部需要私有化，只像外暴露一些方法使用或于其他模块进行交互。前端模块化是一个演化的过程，孕育出多个模块化方案，后续还将推出 CommonJS模块化、UMD模块化、ES模块化等等~
前端模块化的发展历程
MaybyYouLove的博客
12-20 332
模块化的几个代表阶段 1. 文件划分方式 最早我们会基于文件划分的方式实现模块化，也就是 Web 最原始的模块系统。具体做法是将每个功能及其相关状态数据各自单独放到不同的 JS 文件中，约定每个文件是一个独立的模块。使用某个模块将这个模块引入到页面中，一个 script 标签对应一个模块，然后直接调用模块中的成员（变量 / 函数）。 // module-a.js function foo () { console.log('moduleA#foo') } // module-b.js var
前端模块化简史
weixin_40851188的博客
05-05 286
对于模块化这样的话语，同学们都听过，但是你们时候真正了解，什么是 模块化，为什么要模块化，以及如何模块化？相信同学们都有以上的疑问。 对于模块化来说，他并不是一开始就存在的，而是随着 js 的能力浏览器的 能力以及业务的发展，我们也需要对于 js 有一个更好的管理模式，接下来 通过模块化发展来看一下，模块化是如何一步一步的成长到现在的。 模块化的发展历程 当 Brendan Eich 设计 J...
谈谈前端模块化的发展
娃哈哈_的博客
03-08 517
文章目录前言一、前端模块化是什么？二、前端模块化要解决什么问题？1.引入库2.读入数据三、前端模块化的发展总结 前言 前端模块化发展了10余年左右，前前后后出现了commonJS,AMD,CMD等多种模块化标准方案，目前最新的是ES module。下面大概讲述一下这十年左右的发展历程~ 一、前端模块化是什么？ 示例：p
前端框架的发展历程
慢慢
03-09 1378
前端框架的发展史就是一个不断进化的过程，它的发展和进化一定程度上反映了前端技术的发展历程。从最开始简单的 HTML页面，到后来的 CSS布局，再到现在流行的 Vue、 React、 Angular等等，都是通过前端框架的不断更新来实现的。随着 Web开发技术在近几年快速发展，前端框架也经历了很大改变。这些改变都是随着前端技术发展而不断变化的。可以说，前端框架就是 Web开发技术的一个缩影。本文将通过回顾这些年来前端框架发展历程，来了解一些前端框架发展变化。一、静态页面时代。
web前端发展历程
热门推荐
官方推荐
05-30 3万+
前言 目前在IT公司中前端的岗位越来越成为不可或缺的，前端的地位也愈见明显，很多学校已经体系的传授前端课程，众多培训机构也将前端知识作为了主流课程，也有越来越多的同学加入到前端学习的行列中，作为前端工程师或者前端的学习者我们有必要去了解前端的发展史。...
详谈前端模块化这十四年的发展史：CommonJS、AMD、CMD、ES6
圆圆的 JavaScript 博客
02-24 1675
十年之前，模块化还只是使用「闭包」简单的实现一个命名空间。转眼间模块化已经发展了有十余年了，不同的工具和轮子层出不穷，下面是最各大工具或框架的诞生时间
前端模块化发展（CommonJs、AMD、CMD、UMD、ESM）
weixin_46759393的博客
02-13 1092
前端工程化发展历程 文章目录前端工程化发展历程一、原始时期二、立即执行函数（IIFE）三、CommonJs、AMD、CMD、UMD、ESM1.CommonJs2.AMD3.CMD4.UMD5.ESM 一、原始时期 没有模块化时期存在声明变量易引起污染；使用对象形势保存变量，又容易被重新命名书写等等问题。 二、立即执行函数（IIFE） 能够保护对象的私有属性。 三、CommonJs、AMD、CMD、UMD、ESM 1.CommonJs 相关： npm包文件内cjs文件夹，就是基于CommonJs打包后的代码
了解webpack：前端模块化的起源与发展
随着前端技术的不断发展和应用场景的复杂化，前端模块化也变得越来越重要。 在过去，前端开发主要是以页面为单位进行开发，整个项目都是以一系列页面为基础进行构建。这种开发方式存在着很多问题，比如代码重复、...
前端模块化规范及CommonJS的实践
## 1.3 前端模块化的演进历程 随着前端开发的不断发展，人们意识到模块化的重要性，前端模块化也随之演化。从最初的零散代码到CommonJS、AMD、CMD、ES6 Module等规范的制定，前端模块化不断完善和发展。 # 2
前端模块化与代码组织
前端模块化的概念 ## 1.1 什么是前端模块化 前端模块化是指将前端代码按照一定的规范和方式，拆分成各个独立的模块，以便于代码复用、维护和组织。模块化可以让前端代码更加清晰、灵活，并且利于团队协作开发。 `...
政务大数据可视化大屏
Solitarily的博客
11-19 8000
1 前言 这次的可视化大屏是前段时间的一个项目的demo，借此机会总结一下。 2 简介 本项目主要基于百度的Echarts框架实现数据的可视化，主要包括饼状图、柱状图、折线图、信息轮播等，背景为黑色，并且css的样式中做了三个宽度的样式做到对宽度的自适应。下面是大屏的展示图： 3 项目地址 项目已经开源在码云上，地址为：https://gitee.com/shenchuang1997/big_d...
WEB页面加载过程
Solitarily的博客
01-03 2311
页面加载过程 资源加载过程 URL解析->DNS查询->资源请求->浏览器解析 1 URL结构 http://www.happymmall.com:80/get_data.do?productId=1#title 协议 域名+端口 路径 参数 哈希 ２ DNS（Domain...
三大前端框架对比（慕课网学习记录）
Solitarily的博客
12-29 1265
12.29学习记录 一、3-1 前端框架的分析 What 框架中的框就是“约束”，架就是“支撑”，框架会控制我们书写代码时的结构、依赖关系以及交互关系。简单点来说就是我们按照框架的要求来写业务，而与业务无关的一些内容由框架完成，提高开发效率。 Why 原生JS搞不定了（主要不是技术问题，而是成本、效率问题）。 How 通过实战开发学会框架的使用 二、3-2 前端框架要解决的问题 传统的...
CSS3 动画总结
Solitarily的博客
06-22 1220
Animation 属性 animation-name：关键帧的名字 animation-duration：执行的时间，默认为0 animation-delay：动画延迟执行的时间，默认为0 animation-iteration-count：动画播放次数，默认为1 animation-derction：动画执行的方向 normal：向前循环 reverse：反向运行 alternate：交替反向运行 alternate-reverse：反向交替，反向开始交替 animation-timing-fu
淘宝前端技术发展历程与展望
这篇PPT讲述了淘宝前端技术的发展历程，从早期的基础阶段到后来的复杂化和专业化，涵盖了前端技术的演进、技术实践、知识体系以及对未来发展的展望。以下是详细内容： 1. 前端技术的演进： - 2003年至2006年：前端...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值