当一个网页引入很多js文件,网页加载会变得很慢,并且js文件存在依赖性,有时候颠倒顺序就不能运行了,这很影响用户体验。 require.js解决了异步加载,提高网页的加载,同时依赖顺序的js可以用数组排序。 第一部加载require.js放到目录的js子目录下: <script src="js/re ...
分类:
Web程序 时间:
2017-06-19 22:00:00
阅读次数:
279
在你们对requireJs初步了解后,快来看看他们是怎么使用的吧。 在你下载完成require.js插件后,在页面里引入,在require.js 加载完之后,会查找页面上script标签的data-main属性的值,然后加载,data-main指定的js文件, define(function (){ ...
分类:
Web程序 时间:
2017-06-16 20:20:45
阅读次数:
155
代码优化能够提高站点的性能 优化规则: 1.尽量降低HTTP请求 1).合并css 背景图片。 background-position 属性设置背景图像的起始位置。 2).合并样式表和脚本。 优化方式:require.js 3).压缩图片 4).避免重定向 2.脚本运行优化 1).css写在头部 2 ...
分类:
移动开发 时间:
2017-06-15 10:39:53
阅读次数:
158
用一个例子读懂 RequireJS 例子来自官方,我稍微改造了一下,如下: // project.html <!DOCTYPE html> <html> <head> <title>requirejs</title> <!-- data-main attribute tells require.js ...
分类:
Web程序 时间:
2017-06-14 22:15:27
阅读次数:
277
define( function () { if (typeof window == "undefined")return { load: function (n, r, load) { load() } }; var head = document.getElementsByTagName("he... ...
分类:
Web程序 时间:
2017-06-06 13:14:26
阅读次数:
235
一、为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见过。 <script src="1.js"></script> <script s ...
分类:
Web程序 时间:
2017-05-29 17:28:16
阅读次数:
185
推荐文章:http://www.ruanyifeng.com/blog/2012/11/require_js.html 1、以下例子主要实现功能, 1)引用jq库获取dom中元素文本, 2)实现并引用去空格工具类trim, 3)最后获取文本并去掉空格后输出, 4)打包js(将所有js文件打包成mai ...
分类:
Web程序 时间:
2017-05-27 17:57:59
阅读次数:
245
早期的JS中,是没有模块化的概念的,这一情况直到09年的Node.js横空出世时有了好转,Node.js将JS作为服务端的编程语言,使得JS不得不寻求模块化的解决方案。 模块化概念 在JS中的模块是针对单个文件的,即一个文件是一个模块,要使用这个模块就加载该文件即可。 CommonJS node.j ...
分类:
Web程序 时间:
2017-05-24 18:32:22
阅读次数:
194
wvue-loader 没玩过require.js也没玩过sea.js,那该怎么理解vue-loader是什么呢? 现在推崇的模块化开发,那么requirejs和seajs以及现在非常流行的webpack都是模块化开发的工具,在以前,例如在requirejs中,可以依赖加载某些js文件,例如:req ...
分类:
其他好文 时间:
2017-05-10 13:05:52
阅读次数:
153
webpack是目前一个很热门的前端打包工具,官网说得很清楚,webpack的出现就是要把requirejs干掉。同时它还提供了十分便利的本地开发的环境。网上并不容易找到一个讲解得比较详细完整的教程,本文结合实践经验,总结一套可用的开发和上线的配置和流程。 首先,Require JS有什么问题 Re ...
分类:
Web程序 时间:
2017-04-21 22:56:55
阅读次数:
387