• Welcome to Journal web site.
首页 关于 博客 留言 联系
首页 关于 博客 留言 联系

我是 PHP 程序员

- 开发无止境 -

Next
Prev

百度小程序-其他知识

Data: 2021-10-24 15:43:47Form: JournalClick: 1

# 其他知识

# 一、创建目录和文件

  • 除了小程序自带的文件和文件夹，还可以自己创建。
  • 见过很多同学，思想被小程序自带的文件固定了，以为只能使用小程序文件。
  • 可以在根目录创建img（存放图片目录）。
  • 可以在utils目录，创建新的公用js文件。

# 二、module.exports 和 exports 模块化

  • 除了小程序自带的文件外，还可以创建公用js文件。
  • 一个模块要想对外暴露其内部的私有变量与函数，只能通过 module.exports 实现。

js示例：创建js公用文件 utils/common.js

function ouyangke(){
    return '欧阳克';
}
function huangrong(){
    return '黄蓉';
}
module.exports.ouyangke = ouyangke;
exports.huangrong = huangrong;

# 三、载入公用js文件

  • 除了小程序自带的文件外，还可以创建公用js文件。
  • 一个模块要想对外暴露其内部的私有变量与函数，只能通过 module.exports 实现。

js示例：

const common = require('../../utils/common.js');
Page({
    data: {

    },
    onLoad: function (options) {
        console.log( common.ouyangke() );
        console.log( common.huangrong() );
    }
})

# 四、代码复用

  • SWAN 可以通过import和include来引用模板文件
  • 一个模块要想对外暴露其内部的私有变量与函数，只能通过 module.exports 实现。

import

<import src="./public.swan" />
<template is="person" data="{{array}}" />

<template name="person">
    <view>
        <text>ID: {{id}}</text>
        <text>姓名: {{name}}</text>
    </view>
</template>

Page({
    data: {
        array : {
            id: 1,
            name: '欧阳克'
        }
    }
})

include

  • 可以直接使用 data 里的数据
<include src="header.swan"/>
<view> body </view>
<include src="footer.swan"/>
journal I'm Developers.
Copyright © 2014-2024 Guojunjie.com.
All screenshots © 郭俊杰(Journal).
I have been in Xiamen,China.
Website Establishment by Journal.
闽ICP备12018326号-2
Name:
<提交>