前端模块化

ES6模块化

CommonJS的模块化规范导入其他模块使用require()模块对外共享成员使用module.exports对象模块化的好处大家都遵守同样的模块化规范写代码，降低沟通成本，极大方便了各模块之间的相互调用前端模块化分类在
Hst1120·2022-07-14 07:20

前端模块化规范 ---- CommonJS和ESModule

前言大家好，我是Lesedi，是一名自学前端的小菜鸟，一名准大三的学生，暑期找了个实习，工作量不多，就想着扩充一下知识边界，为了激励自己，所以决定以发博客的形式来检验自己的掌握的情况。由于才疏学浅，难免会有遗漏或是错误的地方，欢迎各位大佬批评指正，如果我的文章能帮助到您，不甚荣幸！概述在早期的JavaScript中是没有模块化的概念的，引用第三方包时都是把变量直接绑定在全局环境下---全局引入这种
·2022-07-12 16:36

5.0 Vue中使用webpack

主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆，处理浏览
像我这样的人112·2022-07-03 18:08

vue入门（一）前端工程化与 webpack

主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端JavaScript的兼容性、性能优化等强大
KloveD·2022-06-13 10:35

前端模块化编程(import,export)

目录基本介绍CommonJS模块化module.exports导出require导入ES6模块化按需导入导出导出方式导入方式默认导出默认导出方式默认导入的方式注意事项基本介绍前端模块化编程就是为了解决命名冲突
秃头披风侠.·2022-06-04 04:30

Vue项目中CSS Modules和Scoped CSS的介绍与区别

Vue3新特性ScopedCSS原理规则深度作用选择器Vue3新特性二者的比较总结背景在前端工程化飞速发展的时候，作为非编程语言的CSS在融入模块化的浪潮时产生了很多问题：无法做到样式模块化组件化开发是前端模块化的核心
·2022-05-07 19:14

【铺垫知识】黑马程序员 Vue 学习笔记

文章目录ES6模块化1.回顾node.js中如何实现模块化2.前端模块化规范的分类3.什么是ES6模块化规范4.ES6模块化的基本语法4.1默认导出4.2默认导入4.3按需导出和按需导入Promise1
少年歌行s·2022-04-23 00:16

前端模块化的演变

模块化可以说是目前前端最重要的开发范式之一，模块化是一种思想，这种思想，在不同的前端开发阶段，其实现的方式也各不相同文件划分方式起初前端通过文件划分的方式来实现模块化，如分别定义a.js文件和b.js文件，每个文件中有相关的逻辑的变量，然后在html中统一引入这种方式有很大的缺陷首先就是全局变量的问题，引入的各个文件都将把各自的变量挂载到全局，各个文件间的变量命名也可能会有冲突，而且各个文件之间可
问也去·2022-04-16 10:59

Webpack

主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端JavaScript的兼容性、性能优化等强大的功能。
努力学习前端的小陈·2022-04-16 10:17

前端工程化 Webpack基础

复用现有的UI结构、样式、行为）规范化（目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理）自动化（自动化构建、自动部署、自动化测试）webpack前端项目工程化的具体解决方案提供友好的前端模块化开发支持
清晨细雨fei·2022-03-29 16:00

学Vue，看这篇就够了-Vue个人学习笔记汇总(含资料代码项目地址)

视频链接视频链接最全最新Vue、Vuejs教程，从入门到精通此视频是Vue2教程，讲师coderwhy，很适合新手小白，知识点包括vue基础指令Webpack组件化开发Vue-clivue-routeres6Promise前端模块化
coderYYY·2022-03-20 17:50

Vue.js 2.0 铺垫知识——模块化开发和异步编程高级使用

Vue.js2.0铺垫知识——模块化开发和异步编程高级使用文章目录Vue.js2.0铺垫知识——模块化开发和异步编程高级使用一、模块化开发1.1前端模块化开发的分类1.2CommonJS1.3ES6模块化规范
Martian_小小·2022-03-19 23:41

前端模块化：AMD、CMD、CommonJS、ES6

什么是模块将一个复杂的程序依据一定的规则(规范)封装成几个块(文件),并进行组合在一起块的内部数据与实现是私有的(闭包/封装),只是向外部暴露一些接口(方法)与外部其它模块通信模块化的进化过程全局function模式:将不同的功能封装成不同的全局函数代码:将不同的功能封装成不同的全局函数问题:污染全局命名空间,容易引起命名冲突或数据不安全，而且模块成员之间看不出直接关系(有点像jquery源码)f
涅槃快乐是金·2022-03-02 00:56

前端模块化&&Less的使用

前端模块化函数封装函数一个功能就是实现特定逻辑的一组语句打包，而且JavaScript的作用域就是基于函数的，所以把函数作为模块化的第一步是很自然的事情，在一个文件里面编写几个相关函数就是最开始的模块示例一
呆毛和二货·2022-02-17 01:27

Vue学习笔记——webpack详解

webpack详解认识webpack什么是Webpackimage-20210707110422055前端模块化和grunt/gulp的对比面试可能会问grunt/gulp的核心是Task如果工程模块依赖非常简单
小910888·2022-02-15 11:36

前端模块化的身份证：package.json

package.json是JavaScript项目的清单，该文件记录了你的项目的名称、版本、依赖等相关信息，同时它也是你将项目发布到npm上的依据，可以说，package.json在前端模块化时代，相当于项目的身份证
·2022-02-14 10:47

NPM and Webpack 前端模块化 -- 手册【2021年3月20日 00:06:32 至 2021年3月24日 23:26:20】

前端文章汇总https://www.jianshu.com/p/82fa0c99e019一、NPM包管理器1、简介，什么是NPMNPM全称NodePackageManager，是Node.js的包管理工具，是全球最大的模块生态系统，里面所有的模块都是开源免费的；也是Node.js的包管理工具，相当于前端的Maven。#在命令提示符输入npm-v可查看当前npm版本npm-v二、使用npm管理项目1
鄙人_阿K·2022-02-03 15:37

前端模块化汇总

模块化含义模块化：模块化就是将单个文件当成一个模块，在日常项目开发里面我们不会将所有逻辑写在一个文件里面，不管是css还是js。原因是这样会导致单个文件过大，无法实现复用和维护，所以我们会将文件进行切割分离，这样分离独立出来的每一个文件都是一个模块。css的模块化在css里面，我们可以将单个公用的css文件进行分离，在需要的css文件里面导入。原生css里面我们可以使用@import(css文件路
Mjser·2021-12-01 16:00

个人记录——前端Module加载实现机制

1.什么是前端模块化模块化开发，一个模块就是一个实现特定功能的文件，有了模块我们就可以更方便地使用别人的代码，要用什么功能就加载什么模块。
·2021-11-26 21:50

CommonJS和ES6module的异同

开头总结1相同点都是前端模块化的一种2不同点前者利用exports和module.exports导出数据，用require导入;后者利用export和exportdefault导出，利用import导入前者是动态化加载
·2021-11-10 10:06

webpack学习记录

p=10&spm_id_from=pageDriverwebpack:前端工程化具体解决方案提供了前端模块化开发支持，以及代码压缩混淆处理浏览器端js兼容性，以及性能优化1.安装webpack命令：npm
Moonlight_c·2021-11-10 09:05

commonJs、AMD、UMD、es6模块化的区别，这篇就够了

前言：相信大家对前端模块化的理解比较模糊，下面我总结了相关知识点，废话不多说，直接进入主题一、模块化的思想模块化就是把逻辑代码拆分成独立的块，各自封装，互相独立，每个块自行决定对外暴露什么，同时自行决定引入执行哪些外部代码
·2021-10-11 14:27

前端模块化CommonJS

前端模块化：CommonJSCommonJS是node.js遵守的模块化规范，commonjs规范应用于nodejs应用中，在nodejs应用中每个文件就是一个模块，拥有自己的作用域，文件中的变量、函数都是私有的
SunFlower914·2021-10-06 19:40

[源码] Redux React-Redux01

柯里化偏函数函数记忆[深入06]隐式转换和运算符[深入07]浏览器缓存机制（http缓存机制）[深入08]前端安全[深入09]深浅拷贝[深入10]DebounceThrottle[深入11]前端路由[深入12]前端模块化
woow_wu7·2021-09-23 08:20

前端各种模块化方案总结

文中七成左右篇幅内容都来自于Module的语法和加载实现—阮一峰、彻底掌握前端模块化—codewhy几
Tenloy·2021-09-14 14:09

前端模块化规范

完整高频题库仓库地址：https://github.com/hzfe/awesome-interview完整高频题库阅读地址：https://hzfe.github.io/awesome-interview/相关问题JavaScript主要有哪几种模块化规范AMD/CMD有什么异同ESM是什么模块化解决了什么问题/痛点回答关键点CommonJSAMDCMDUMDESMCommonJS[1]:主要是
·2021-09-13 22:18

ESM Import与Bundleless

前言随着前端模块化的发展，在nodejs领域的模块化主要分为了common.js，umd，esmodule三大种类。
brandonxiang·2021-09-11 15:52

快速使用WebPack打包工具

webpackwebpack是一个JS静态资源打包工具1前端模块化1.2模块化模块AMDCMDCommonJSES6…webpack支持模块化开发可以帮助处理模块之间的关系不仅js可以被看做模块，在webpack
a Fang·2021-08-28 01:55

[深入12] 前端模块化

导航[[深入01]执行上下文](https://juejin.im/post/684490...[[深入02]原型链](https://juejin.im/post/684490...[[深入03]继承](https://juejin.im/post/684490...[[深入04]事件循环](https://juejin.im/post/684490...[[深入05]柯里化偏函数函数记忆](h
·2021-08-18 23:25

vue3.0第一部分：webpack的学习

规范化/自动化目前主流化的前端工程化解决方案1.webpack(www.webpackjs.com)2.parcel(zh.parceljs.org/)webpack是前端工程化的具体解决方案主要功能:前端模块化开发支持
土豆先生灬·2021-08-16 22:14

前端构建这十年

写在前面前端模块化/构建工具从最开始的基于浏览器运行时加载的RequireJs/Sea.js到将所有资源组装依赖打包webpack/rollup/parcel的bundle类模块化构建工具，再到现在的bundleless
·2021-08-12 12:11

前端构建这十年

写在前面前端模块化/构建工具从最开始的基于浏览器运行时加载的RequireJs/Sea.js到将所有资源组装依赖打包webpack/rollup/parcel的bundle类模块化构建工具，再到现在的bundleless
·2021-08-11 09:03

前端模块化iife、CJS、AMD、UMD、ESM的区别

前端模块化注：以下所有解释完全依照本人的主观思想，如果有不对的地方，请见谅说到模块化，不得不先了解一下模块的起源，时间顺序方面不要太在意初始，只是创建一个js文件，里面定义一些方法、常量等，提供给其他页面使用
·2021-08-06 15:51

浅析 webpack 打包流程(原理) 一 - 准备工作

自从前端模块化出现，我们可以把代码拆成一个个js文件，通过import、require()去关联依赖文件，最后再通过打包工具把这些模块化的js依赖关系打包成一个或多个js文件在html页面去引入。
AizawaSayo·2021-07-29 11:22

Vue学习笔记——组件化开发

目录：邂逅VuejsVue基础语法组件化开发前端模块化webpack详解VueCLI详解vue-routerPromise的使用Vuex详解网络模块封装项目实战组件化开发认识组件化组件化是Vue.js中的重要思想
小910888·2021-07-25 14:23

前端模块化规范,CommonJS,AMD,CMD,ES6 module

下面主要介绍开发中流行的几种前端模块化规范。一、什么是模块化1.1、什么是模块?
agamgn·2021-06-25 01:40

【前端Vue】05 - [插槽 ,前端模块化开发,webpack]

1.插槽1.1插槽的基本使用组件的插槽：组件的插槽也是为了让我们封装的组件更加具有扩展性。让使用者可以决定组件内部的一些内容到底展示什么。定义插槽的步骤在组件中使用一个特殊的元素可以为组件开启一个插槽。该插槽插入什么内容取决于父组件如何使用。插槽的基本使用用户更多收藏返回我是子组件登录/**1.插槽的基本使用*2.插槽的默认值*3.如果有多个值同时放入到插槽中进行替换的时候，一起作为替换元素。**
itlu·2021-06-22 14:48

webpack学习

webpack学习一、初识webpack我们已经知道了模块化开发是非常重要和必要的了，而且也了解了一些前端模块化的方案:AMD、CMD、CommonJS、ES6.在ES6之前，要是想使用上面那些模块化开发的方案
waigo·2021-06-21 13:20

前端模块化（CommonJs,ES6 Module, AMD和CMD）

主要针对CommonJs和ES6Module进行学习commonJS一个单独的文件就是一个模块。每一个模块都是一个单独的作用域，也就是说，在该模块内部定义的变量，无法被其他模块读取，除非定义为global对象的属性。输出模块变量的最好方法是使用module.exports对象。加载模块使用require方法，该方法读取一个文件并执行，返回文件内部的module.exports对象commonJS用
快乐小码仔·2021-06-21 05:59

node.js 模块化 day2（2019.6.1）

一、模块化简介随着前端js代码复杂度的提高，JavaScript模块化这个概念便被提出来，前端社区也不断地实现前端模块化，直到es6对其进行了规范。
满天繁星_28c5·2021-06-20 19:51

前端模块化总结

js模块化的发展：最早js是没有模块化概念的，为了防止命名空间被污染，采用的是命名空间的方式，随着前端的发展，commonJs在后端的实践思想被应用在前端，再往后就出现各种模块化标准例如：AMD/CMD/UMD，到如今出现的新标准es6module，js模块化不断演变，不断由复杂变的更好用。如下简单总结一个各个模块的特点。1.命名空间（nameSpace）在没有模块化思想的时候，都是通过命名空间防
梦想成真213·2021-06-19 23:16

前端模块化 commonjs AMD CMD ES6模块化

模块化1.什么是模块化将一个复杂的程序依据一定的规则(规范)封装成几个块(文件),并进行组合在一起块的内部数据与实现是私有的,只是向外部暴露一些接口(方法)与外部其它模块通信2.模块化的理解模块化是一种处理复杂系统分解为更好的可管理模块的方式。简单来说就是解耦，简化开发，一个模块就是实现特定功能的文件，可以更方便地使用别人的代码，想要什么功能，就加载什么模块。模块开发需要遵循一定的规范3.模块化的
風語者Alex·2021-06-19 07:56

Webpack原理-从前端模块化开始

当前主流JS模块化方案CommonJS规范，nodejs实现的规范AMD规范，requirejs实现的规范CMD规范，seajs实现的规范，seajs与requirejs实现原理有很多相似的地方uESModules，当前js标准模块化方案注意:cjs、amd、cmd、ESModules都是只规范，所以可能对应有多种实现下面就对各个模块化方案做简单说明无模块化时代一把梭无模块化时代的问题污染全局作用
那少妇·2021-06-11 22:58

打包工具运行原理你知道吗？

前端模块化成为了主流的今天，离不开各种打包工具的贡献。社区里面对于webpack，rollup以及后起之秀parcel的介绍层出不穷，对于它们各自的使用配置分析也是汗牛充栋。
grain先森·2021-06-08 14:18

React项目中使用百度编辑器Ueditor

而我对前端模块化那些东西并没有研究过，所以直接参考的EdmundChen的react+ueditor。通过看他的文章和他的源码再加上控制台那些报错一步步就调试改正到最后可以正常使用基本功能。
兔贩子·2021-06-07 11:27

前端模块化之CommonJS,ES6,AMD,CMD

最近在搞跨平台解决方案，讨论关于模块划分的问题以及如何尽量多的复用逻辑代码。于是就有了此文章，之前的博客也写过，不过由于主机商跑路，宝贵的资源也就没了，说多了都是泪~这里按模块化发展的历史回溯的时间序一.ES6Moudle这个是目前前端小伙伴接触的最多的，是浏览器和服务端通用的模块化解决方案，主要命令为：export和import。export用于导出本模块对外的接口，import用于导入某个模块
goingta·2021-06-06 22:56

前端模块化开发—webpack详细介绍

一、模块化开发common.js规范一个文件就是一个模块每个模块都有单独的作用域通过module.exports导出成员通过require函数载入模块commonJS是以同步模式加载模块AMD(异步的模块定义规范)Require.jsESModules基本特性自动采用严格模式每个ESM模块都是单独的私有作用域ESM是通过CORS去请求外部JS模块的ESM的script标签会延迟执行脚本导入和导出i
shorn_jj·2021-06-05 12:20

前端模块化（commonJs、AMD、CMD、ES6）区别

1.commonJS语法:暴露模块：module.exports=value或exports.xxx=value引入模块：require(xxx),如果是第三方模块，xxx为模块名；如果是自定义模块，xxx为模块文件路径每个模块内部，module对象代表当前模块，它的exports属性（即module.exports）是对外的接口(暴露出去)。加载某个模块，其实是加载该模块的module.expo
拾钱运·2021-06-04 21:47

[Vue] 模块化开发

1.1.2CommonJS规范(了解)1.2ES6的module(常用)1.2.1export和import的使用1.2.2exportdefault的使用第二章Webpack2.1Webpack介绍前端模块化打包
秃小陈·2021-05-12 22:12

Yarn 构建工具入门基础

一、yarn的背景和介绍一直以来，我们在安装和管理依赖的时候基本上都会使用npm，npm是一个非常优秀全面且广受欢迎的包管理工具，它奠定了前端模块化开发的基石，为前端的发展做出了不可磨灭的贡献。
伯纳乌的追风少年·2021-05-04 17:16
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他