美文网首页
技术细节

技术细节

作者: 西元前__YP | 来源:发表于2017-10-20 14:34 被阅读0次

1.传统的js加载

<script src="1.js"></script>
 <script src="2.js"></script>
 <script src="3.js"></script>
 <script src="4.js"></script>

在加载过程中,网页会停止渲染,进入等待,同时相互之间存在严格的依赖,如果1.js中要求的资源在3.js中,会导致1.js加载过程出错。依赖性最大的模块一定要放到最后加载,当依赖关系很复杂的时候,代码的编写和维护都会变得困难。

require.js (CommonJS规范)就是解决这个问题
require.js的作用:
  (1)实现js文件的异步加载,避免网页失去响应;
  (2)管理模块之间的依赖性,便于代码的编写和维护。

在使用时,形如 require(./xxx.js)

文件模块,则是指js文件、json文件或者是.node文件。在引用文件模块的时候后要加上文件的路径:/.../.../xxx.js表示绝对路径、./xxx.js表示相对路径(同一文件夹下的xxx.js),../表示上一级目录。如果既不加/.../、../又不加./的话,则该模块要么是核心模块,要么是从一个node_modules文件夹加载。

参考 github

相关文章

  • HBase知识点

    深度分析HBase架构 HBase技术简介 Hbase 技术细节笔记(上) Hbase 技术细节笔记(下) 回答思...

  • iOS超级签名

    摘抄自:超级签名-原理/机制/技术细节-完全解析蒲公英:超级签名 超级签名-原理/机制/技术细节-完全解析 随着苹...

  • 技术细节

    1.传统的js加载 在加载过程中,网页会停止渲染,进入等待,同时相互之间存在严格的依赖,如果1.js中要求的资源在...

  • 今日份打卡 190/365

    文章分享技术总监需要懂技术细节吗?

  • 第2章第3节Hello World

    内容摘要 本节将展示所有基础的技术细节,在从比较抽象的层面讲解了系统之后,我们必须深入到技术细节,从细节方面来说明...

  • 如何分析一个网站的架构

    简介 从一个浏览者的角度来最大地获取一个网站的架构信息。包括的方面:技术细节、内容组织。 技术细节 分析一个网站的...

  • Pinpoint技术细节

    本文将讲述Pinpoint的技术,如事务追踪和字节码增强。并介绍应用于Pinpoint Agent的优化方法,该方...

  • QigsawBundle技术细节

    最新依赖-jitpack[https://jitpack.io/#com.github.DonaldDu/Qigs...

  • 程序员怒怼阿里P10,一周能撸出一个企业级项目?网友:井底之蛙

    什么是好的程序员?是不是懂得很多技术细节?还是懂底层编程?还是编程速度比较快?我觉得都不是。对于一些技术细节来说和...

  • 程序员怒怼阿里P10,一周能撸出一个企业级项目?网友:井底之蛙

    什么是好的程序员?是不是懂得很多技术细节?还是懂底层编程?还是编程速度比较快?我觉得都不是。对于一些技术细节来说和...

网友评论

      本文标题:技术细节

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