小程序js中如何引入组件

JavaScript020

小程序js中如何引入组件,第1张

小程序js中引入组件如一下步骤:

1、准备好外部想要引入的外部文件,命名为util.js,并且填充固定的文件内容(一般是固定的库)。

2、打开util.js,继续填写重要内容将要使用的方法用module.exports给暴露出来。

3、将外部js放在指定的文件夹utils里(utils规定存放js库和数字格式化文件)。

4、在想要用到这个方法的js里面require这个js,然后调用即可。

各种开发其实都是有插件的,之前我以为小程序没有,没想到后来又有了,昨天动手想集成两个插件试试,没想到一波三折,这里记录一下我踩的坑 1、在微信公众平台后台,登录,设置-第三方服务-添加插件。这里以添加"极点日历"为例 注意最多只能添加5个哦 2、搜索你要的插件,并添加 添加成功后,就可以在插件管理下面看到你添加的插件了 3、在app.json中添加插件 这里的插件名可以自己随意取 这里以tx-map为例,参考它的文档 在app.json中添加相关信息 而provider即AppID,version即版本号 在项目中具体怎么使用,要看开发文档,而开发文档我发现有些插件有,有些插件并没有,反正自己多查查吧 4、在目标页面的json文件里引用该插件 注意这里的tx-map即在app.json取的那个名字,而map-route也可以自己取,这里取啥,到时候wxml里用的组件就是这个名字 5、在目标页面的wxml文件里使用该插件 如果要使用插件的 js 接口的话,在js里,使用requirePlugin(在app.json里命名的插件的名字),就能获得插件对象,比如: 6、查看效果 这个你可以尝试调整你的调试基础库版本,我之前是1.9.1,调整到2.1.1就好了。 这个真心没搞懂,因为这个错误是看心情出现的,一会儿好一会儿不好的,有点不稳定的样子,据说是降低调试基础库版本 这个也是看心情出现的(目前仍然是懵逼脸,不晓得是我错了,还是插件有问题)

上一节为大家介绍了页面间的传值

这一节继续我们的开发流程,这节课我们来实现“新增动态”页面的实现

实现效果:

首先我们在app.json中新增页面路径

编译之后生成目录及4个文件

引用的第三方js文件“qiniuUploader.js”

发表成功之后,onfire.on("reloadDynamicFunction'')

发送订阅消息,让home.js触发刷新数据的事件。

内容浅显易懂,有问题随时提问~

下一节:

传送门:

十四:动态详情页面的实现与分析