四时宝库

程序员的知识宝库

RequireJS提升页面性能(js reload)

RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一。最新版本的RequireJS压缩后只有14K,堪称非常轻量。它还同时可以和其他的框架协同工作,使用RequireJS必将使您的前端代码质量得以提升。

1、Requirejs可以解决什么问题

(1)防止js加载阻塞页面渲染,下列a.js在执行时,其以后的代码将会等待a.js执行完毕后再执行

(2)使用程序调用的方式加载js,可以便于阅读

为了解决这些问题,可以使用requirejs

2、requirejs 基本内容

可以到其官网下载:

基本API

require会定义三个变量:define,require,requirejs,其中require === requirejs,一般使用require更简短

define 从名字就可以看出这个api是用来定义一个模块

require 加载依赖模块,并执行加载完后的回调函数

(1)通过define函数定义了一个模块

然后再页面中使用

require.config是用来配置模块加载位置,简单点说就是给模块起一个更短更好记的名字,比如将百度的jquery库地址标记为jquery

paths还有一个重要的功能,就是可以配置多个路径,如果远程cdn库没有加载成功,可以加载本地的库,如:

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接