美文网首页
浏览器端的模块化

浏览器端的模块化

作者: web前端_潘哥哥 | 来源:发表于2021-04-03 09:28 被阅读0次

问题:

  • 效率问题:模块化造成了很多js文件的引用,使得在访问页面时,请求了很多js(可能有成百上千个)文件,从而极大地降低了访问效率

  • 兼容性问题:浏览器端仅支持ES6模块化标准,而很多第三方库使用得是commonjs得模块化标准,这使得很多第三方库无法在浏览器端使用

根本原因:
开发时态和运行时态想要的代码效果不一样

开发时,我们希望:

  • 代码分的越细越好
  • 代码越清晰越好
  • 支持多种模块化标准

而运行在浏览器端时,我们希望:

  • 代码文件越少越好
  • 代码越乱越好
  • 所有得浏览器都要兼容
  • 代码体积越小越好

相关文章

  • node.js学习记录二:模块化规范

    一、 服务器端模块化规范 二、浏览器端模块化规范 AMDRequireJS CMDSeaJScommonjs no...

  • vue工程化webpack

    1. 模块化的分类 浏览器端的模块化AMD(Asynchronous Module Definition,异步模块...

  • Vue前端工程化

    1.模块化的分类 A.浏览器端的模块化 B.服务器端的模块化 C.ES6模块化 小结:推荐使用ES6模块化,因为A...

  • 前端工程化

    1.模块化的分类 A.浏览器端的模块化 B.服务器端的模块化 C.ES6模块化 小结:推荐使用ES6模块化,因为A...

  • 06Vue的前端工程化

    Vue的前端工程化 一 模块化规范 1.1模块化规范举例 浏览器端JS模块化规范:AMD,CMD 服务器端JS模块...

  • 前端面试(5)

    1.模块化开发怎么做 理解模块化开发模式:浏览器端requirejs,seajs;服务器端nodejs;ES6模块...

  • 模块化相关知识

    CMJ:node环境中的模块化规范。AMD:在浏览器端运行的JS模块化规范。UMD:CMJ和AMD的集成,会依次判...

  • 模块化的区别

    一、AMD,异步模块定义(Asynchronous Module Definition) 它是一个在浏览器端模块化...

  • 模块化

    ES6模块化和CommonJS的区别 CommonJS主要用于服务器端node环境,不适用于浏览器端。 因为req...

  • ES6语法

    ES6 Module 在 ES6 Module出现之前,有3种模块化方案 AMD 浏览器端 CMD 服务器端 Co...

网友评论

      本文标题:浏览器端的模块化

      本文链接:https://www.haomeiwen.com/subject/tjgckltx.html