多语言展示
当前在线:1895今日阅读:2今日分享:38

Require.js小试牛刀

Require.js是一个非常流行,额,至少以前还是非常流行的AMD规范的JS库,用于前端JS代码模块化。Require.js类似于Java中的import。作为一名后端开发者,最近恶补了一下前端知识,做了一个简单测试,点击页面中按钮,调用创建的模块中的函数。分享给大家,希望对大家有所帮助。
工具/原料
1

电脑一台

2

文本编辑器: Notepad++

3

浏览器: Chrome

方法/步骤
1

百度搜索"requirejs", 从结果找到官网,进入官网下载requirejs。指向"Minified"按钮右键另存链接,保存到电脑上,这里我放入桌面的requirejs_test文件夹。

2

在requirejs_test中新建几个空文件,分别名为"requirejs_test.html"和"module1.js"。其中前者为显示的html页面,后者为创建的模块。完成后我的目录文件如图所示。

3

编辑requirejs_test.html文件,很简单在body中加入一个按钮。点击时触发一个函数showMsg,这个函数也是很简单的alert一下。很早以前,我们就只有将函数添加在本页面