前端模块化发展历程

最新推荐文章于 2024-05-28 23:42:07 发布
最新推荐文章于 2024-05-28 23:42:07 发布
阅读量435 收藏
点赞数
分类专栏： 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：把死的叶子给摇下来，清除实际上并没有在给定项目中使用的代码的过程
在这里插入图片描述

jQuery公司发展历程时间轴代码
06-24
4. **模块化**：2011年，jQuery 1.5引入了模块化设计，允许开发者按需加载库的特定部分，减少了文件大小，提升了页面加载速度。 5. **向现代Web迈进**：随着HTML5和CSS3的普及，jQuery 2.0在2013年发布，不再支持旧...
前端模块化发展之路
最新发布
baburwang的博客
05-28 650
很多前端开发一开始学习前端就接触 Vue、React 等框架，以及 Webpack、Vite 等构建工具，对于模块化的理解不够深刻导致面对框架及构建工具的模块化处理，显得不知所措，希望本篇博客可以帮你
介绍前端模块化发展历程
狼之鸿的博客
09-02 467
模块化主要是用来抽离公共代码，隔离作用域，避免变量冲突等。 IIFE： 使用自执行函数来编写模块化，特点：在一个单独的函数作用域中执行代码，避免变量冲突。 (function(){ return { data:[] } })() AMD： 使用requireJS 来编写模块化，特点：依赖必须提前声明好 define('./index.js',function(code){ /...
前端工程化：前端模块化演变历程
邓占勇的博客
05-13 1889
前端模块化是指将一个大型的前端应用程序分解为小的、独立的模块，每个模块都有自己的功能和接口，可以被其他模块使用
一文搞懂前端模块化的演进与发展
xiaofanguan的博客
04-07 992
随着Web技术的不断进步，前端模块化已成为现代Web开发不可或缺的一部分。本文将探讨前端模块化的历史演进，特别是ES Module（ESM）的崛起及其对未来前端开发的影响。
前端模块化的发展历程
MaybyYouLove的博客
12-20 361
模块化的几个代表阶段 1. 文件划分方式 最早我们会基于文件划分的方式实现模块化，也就是 Web 最原始的模块系统。具体做法是将每个功能及其相关状态数据各自单独放到不同的 JS 文件中，约定每个文件是一个独立的模块。使用某个模块将这个模块引入到页面中，一个 script 标签对应一个模块，然后直接调用模块中的成员（变量 / 函数）。 // module-a.js function foo () { console.log('moduleA#foo') } // module-b.js var
详谈前端模块化这十四年的发展史：CommonJS、AMD、CMD、ES6
圆圆的 JavaScript 博客
02-24 1829
十年之前，模块化还只是使用「闭包」简单的实现一个命名空间。转眼间模块化已经发展了有十余年了，不同的工具和轮子层出不穷，下面是最各大工具或框架的诞生时间
浅谈前端模块化的发展历程
qq_44845659的博客
08-31 358
浅谈前端模块化的发展历程 什么是模块 在早期的前端开发中，并没有模块的概念，模块只在服务端存在，用于处理复杂的业务通信等，但是随着互联网与前端的不断发展，网站功能越来越多，逐渐成为了web-app，嵌入网站的js代码越来越大，需要一个团队分工协作，开发者就要使用软件工程的方法来管理复杂的业务逻辑，此时js的模块化编程就成为了迫切的需求。 理想情况下，开发者只需要关心自己的业务实现，对于其他的功能只需要加载对应的业务模块即可，但是js本身不是一种模块化编程语言，不支持类，更别想着使用module了，为此js社
谈谈前端模块化的发展
娃哈哈_的博客
03-08 536
文章目录前言一、前端模块化是什么？二、前端模块化要解决什么问题？1.引入库2.读入数据三、前端模块化的发展总结 前言 前端模块化发展了10余年左右，前前后后出现了commonJS,AMD,CMD等多种模块化标准方案，目前最新的是ES module。下面大概讲述一下这十年左右的发展历程~ 一、前端模块化是什么？ 示例：p
前端框架的发展历程
慢慢
03-09 1503
前端框架的发展史就是一个不断进化的过程，它的发展和进化一定程度上反映了前端技术的发展历程。从最开始简单的 HTML页面，到后来的 CSS布局，再到现在流行的 Vue、 React、 Angular等等，都是通过前端框架的不断更新来实现的。随着 Web开发技术在近几年快速发展，前端框架也经历了很大改变。这些改变都是随着前端技术发展而不断变化的。可以说，前端框架就是 Web开发技术的一个缩影。本文将通过回顾这些年来前端框架发展历程，来了解一些前端框架发展变化。一、静态页面时代。
前端模块化发展（CommonJs、AMD、CMD、UMD、ESM）
weixin_46759393的博客
02-13 1158
前端工程化发展历程 文章目录前端工程化发展历程一、原始时期二、立即执行函数（IIFE）三、CommonJs、AMD、CMD、UMD、ESM1.CommonJs2.AMD3.CMD4.UMD5.ESM 一、原始时期 没有模块化时期存在声明变量易引起污染；使用对象形势保存变量，又容易被重新命名书写等等问题。 二、立即执行函数（IIFE） 能够保护对象的私有属性。 三、CommonJs、AMD、CMD、UMD、ESM 1.CommonJs 相关： npm包文件内cjs文件夹，就是基于CommonJs打包后的代码
了解webpack：前端模块化的起源与发展
随着前端技术的不断发展和应用场景的复杂化，前端模块化也变得越来越重要。 在过去，前端开发主要是以页面为单位进行开发，整个项目都是以一系列页面为基础进行构建。这种开发方式存在着很多问题，比如代码重复、...
Webpack与前端发展历程：模块化、高级特性和框架构建
这带来了新的挑战，如模块化开发、利用ES6+和TypeScript提升代码质量、使用预处理器如Sass和Less编写更易维护的样式，以及实时编译和代码优化的需求。 提到前端框架，Vue、React和Angular三大主流框架的背后，实际...
前端模块化规范及CommonJS的实践
## 1.3 前端模块化的演进历程 随着前端开发的不断发展，人们意识到模块化的重要性，前端模块化也随之演化。从最初的零散代码到CommonJS、AMD、CMD、ES6 Module等规范的制定，前端模块化不断完善和发展。 # 2
政务大数据可视化大屏
Solitarily的博客
11-19 8113
1 前言 这次的可视化大屏是前段时间的一个项目的demo，借此机会总结一下。 2 简介 本项目主要基于百度的Echarts框架实现数据的可视化，主要包括饼状图、柱状图、折线图、信息轮播等，背景为黑色，并且css的样式中做了三个宽度的样式做到对宽度的自适应。下面是大屏的展示图： 3 项目地址 项目已经开源在码云上，地址为：https://gitee.com/shenchuang1997/big_d...
WEB页面加载过程
Solitarily的博客
01-03 2349
页面加载过程 资源加载过程 URL解析->DNS查询->资源请求->浏览器解析 1 URL结构 http://www.happymmall.com:80/get_data.do?productId=1#title 协议 域名+端口 路径 参数 哈希 ２ DNS（Domain...
三大前端框架对比（慕课网学习记录）
Solitarily的博客
12-29 1304
12.29学习记录 一、3-1 前端框架的分析 What 框架中的框就是“约束”，架就是“支撑”，框架会控制我们书写代码时的结构、依赖关系以及交互关系。简单点来说就是我们按照框架的要求来写业务，而与业务无关的一些内容由框架完成，提高开发效率。 Why 原生JS搞不定了（主要不是技术问题，而是成本、效率问题）。 How 通过实战开发学会框架的使用 二、3-2 前端框架要解决的问题 传统的...
CSS3 动画总结
Solitarily的博客
06-22 1296
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、付费专栏及课程。

余额充值