微信小程序从零开始开发步骤(七)引入外部js 文件
2018-03-20 09:51
295 查看
上一章讲到小程序页面的四种常见的跳转的方法,这一章写如何引入一个外部的js文件,既utils文件夹的用处,其实步骤很简单:
1:准备好外部想要引入的外部文件,命名为util.js,并且填充固定的文件内容(一般是固定的库)
图片.png2:打开util.js ,继续填写重要内容将要使用的方法用module.exports给暴露出来,如图所示(
我暴露了一个方法: imageUtil,若有很多方法,则用json形式)
图片.png3:将外部js放在指定的文件夹utils里(utils 规定存放js库和数字格式化文件)
图片.png4:在想要用到这个方法的js里面 require这个js,然后调用即可
(我在index.js文件里面想要调用外部文件util.js,则先要获取应用实例 :
图片.png
福利三:微信小程序入门与实战全套详细视频教程:https://www.jianshu.com/p/e8197d4d988
原文作者:祈澈姑娘
原文链接:https://www.jianshu.com/u/05f416aefbe1
创作不易,转载请告知
90后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。
1:准备好外部想要引入的外部文件,命名为util.js,并且填充固定的文件内容(一般是固定的库)
图片.png2:打开util.js ,继续填写重要内容将要使用的方法用module.exports给暴露出来,如图所示(
我暴露了一个方法: imageUtil,若有很多方法,则用json形式)
module.exports = { imageUtil: imageUtil }
图片.png3:将外部js放在指定的文件夹utils里(utils 规定存放js库和数字格式化文件)
图片.png4:在想要用到这个方法的js里面 require这个js,然后调用即可
(我在index.js文件里面想要调用外部文件util.js,则先要获取应用实例 :
var imageUtil = require('../../utils/util.js');调用即可。)
图片.png
文末福利:
福利一:前端,Java,产品经理,微信小程序,Python等资源合集大放送:https://www.jianshu.com/p/e8197d4d9880福利三:微信小程序入门与实战全套详细视频教程:https://www.jianshu.com/p/e8197d4d988
原文作者:祈澈姑娘
原文链接:https://www.jianshu.com/u/05f416aefbe1
创作不易,转载请告知
90后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。
相关文章推荐
- 微信小程序从零开始开发步骤(七)引入外部js 文件
- 微信小程序从零开始开发步骤(八)引入框架WeUI
- 微信小程序从零开始开发步骤(八)引入框架WeUI
- 微信小程序从零开始开发步骤(一)
- Vue-cli项目中引入外部/第三方css/js/less文件具体步骤
- 微信小程序从零开始开发步骤(六)4种页面跳转的方法
- 微信小程序从零开始开发步骤(四)
- 微信小程序从零开始开发步骤(一)
- 微信小程序从零开始开发步骤(三)
- 引入外部js文件时遇到的问题
- jsp无法引入外部.JS或者.CSS文件的有关问题 (转)
- asp.net中引入外部js文件的中文乱码问题
- 在html中引入外部js文件,并调用带参函数
- 外部引入js文件不生效解决方法
- javascript/js 原生动态引入外部css文件及动态插入css代码片段
- jsp中引入外部js文件时需要注意的关键点
- JavaScript 的性能优化:加载和执行(以及动态引入的外部 JS 文件在各浏览器中的加载顺序不一致)
- 外部js文件引入后无效的原因
- JQMobile引入外部CSS,JS文件
- document.write 方式引入外部 JS 文件导