前言 对于像我这样的requireJS刚開始学习的人而言,requireJS最难理解的部分应该是它的路径问题。晚上随便折腾了一下,算是略微理清了这个文件夹问题吧。 requireJS学习网址:requireJS中文网 requireJS英文网 requireJS简单介绍 随着前端代码量的日益庞大和复 ...
分类:
Web程序 时间:
2017-06-29 15:24:05
阅读次数:
164
RequireJS实现了AMD的API. CommonJS是使用exports对象来定义模块的一种方法,它定义了模块的内容。简单地实现一个CommonJS的定义就像以下这样: // someModule.js exports.doSomething = function() { return "fo ...
分类:
Web程序 时间:
2017-06-29 11:20:58
阅读次数:
142
1.Webpack的特性 webpack 模块打包机,分析你的项目结构,找到JavaScript模块以及其他一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),将其打包为合适的格式以供浏览器使用。 webpack具有requireJs和browserify的功能,但仍有很多自己的新 ...
分类:
Web程序 时间:
2017-06-28 11:57:22
阅读次数:
503
知道JS有模块化开发的说法,也偶尔听过requireJs,AMD,CMD等等名字,甚至使用node的时候,还用过require之类的方法,但是对这些一直没有一个明确的认识和概念。想必这就是许多新手刚接触这方面知识时的一个普遍状态。 其实仅仅做一些基础的活儿的时候,并不需要对它们有太多的了解,知道怎么 ...
分类:
Web程序 时间:
2017-06-24 09:52:34
阅读次数:
418
1.用于ADM(基于模块的异步加载JavaScript代码的机制)js模块开发 2.下载requireJS 3.好处: 1)有效防止命名冲突(js多时可能很多全局变量容易重复) 2)声明不同的js文件之间的依赖 3)模块化的开发 4.常用方法: requirejs.config:为模块指定别名 re ...
分类:
Web程序 时间:
2017-06-19 23:30:17
阅读次数:
442
浏览器的兼容情况如下: IE 6+ .......... 兼容 ? Firefox 2+ ..... 兼容 ? Safari 3.2+ .... 兼容 ? Chrome 3+ ...... 兼容 ? Opera 10+ ...... 兼容 ? 最新版本: 2.1.11 参考网站: 1.http:// ...
分类:
Web程序 时间:
2017-06-19 00:32:50
阅读次数:
196
什么是Seajs 兼容性 Chrome 3+ Firefox 2+ Safari 3.2+ Opera 10+ IE 5.5+ 基本应用 导入Seajs库 然后在它下面写模块的配置和入口。 配置和入口 这里解释下配置和入口的意思。 配置 通常在配置上修改seajs的路径和别名。 seajs的 路径是 ...
分类:
Web程序 时间:
2017-06-17 23:22:23
阅读次数:
358
在你们对requireJs初步了解后,快来看看他们是怎么使用的吧。 在你下载完成require.js插件后,在页面里引入,在require.js 加载完之后,会查找页面上script标签的data-main属性的值,然后加载,data-main指定的js文件, define(function (){ ...
分类:
Web程序 时间:
2017-06-16 20:20:45
阅读次数:
155
需要明确以下几点: 1.本地前端调试代码肯定是调用原始的路径以及代码,但是线上运行的肯定是通过打包后的另一个路径,这儿就是生成的dist文件夹了。 2.requirejs的引入,线上跟线下的路径怎么控制?我们是这样控制的,代码如下: 这个${resource}是服务端控制传递到页面中的,在本地调试这 ...
分类:
Web程序 时间:
2017-06-15 14:59:16
阅读次数:
247
用一个例子读懂 RequireJS 例子来自官方,我稍微改造了一下,如下: // project.html <!DOCTYPE html> <html> <head> <title>requirejs</title> <!-- data-main attribute tells require.js ...
分类:
Web程序 时间:
2017-06-14 22:15:27
阅读次数:
277