小程序模块化—小程序入门与实战(十一)

本文介绍了小程序的模块化方法,通过创建独立JS文件实现公共代码复用。讲解了如何使用`module.exports`和`export`暴露接口,以及`import`引入模块。还演示了如何封装`wx.request`,并提供了正确引入模块的示例。此外,文章讨论了`wx.showModal`在界面交互中的应用。
摘要由CSDN通过智能技术生成

上一章节我们讲了分页数据的处理, setData数据限制的解决办法,模板字符串以及触底分页获取数据。

那么这一章节我们学习小程序的模块化。

模块化

可以将一些公共的代码抽离成为一个单独的js文件,作为一个模块。

模块只有通过 module.exports 或者 exports 才能对外暴露接口。通过 require方式引入

  • exportsmodule.exports 的一个引用,因此在模块里边随意更改 exports 的指向会造成未知的错误。所以更推荐开发者采用 module.exports 来暴露模块接口,除非你已经清晰知道这两者的关系。
  • 小程序目前不支持直接引入 node_modules , 开发者需要使用到 node_modules 时候建议拷贝出相关的代码到小程序的目录中,或者使用小程序支持的 npm 功能。

同时小程序是支持 ES6 的 export 来暴露接口的,模块引入通过 import。

封装 wx.request

src/es6目录下新建一个 sandBox.js 文件

export const sandBox = {
    get({api, data, header}){
        return new Promise((resolve, reject) => {

            wx.request({
                url:"http
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值