1 / 18
文档名称:

初探微信小程序:大致流程-实现机制及开发前须知.pdf

格式:pdf   大小:499KB   页数:18页
下载后只包含 1 个 PDF 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

初探微信小程序:大致流程-实现机制及开发前须知.pdf

上传人:无需盛会 2022/5/10 文件大小:499 KB

下载得到文件列表

初探微信小程序:大致流程-实现机制及开发前须知.pdf

相关文档

文档介绍

文档介绍:: .
初探微信小程序:大致流程,实现机制及开发前须知
})

({ // 关闭当前页
url: "",
...
})

六、Tab 页
1. 由 定义;
2. 最多 5 个;
3. 每个页面的 .json 文件可以覆盖定义导航栏。
七、页面结构由同路径下同名的四个不同后缀文件的组成:
 .js 文件是脚本文件
 .json 文件是配置文件
 .wxss 是样式表文件
 .wxml 文件是页面结构文件

必须,微信框架配置文件入口,整个小程序的全局配置。包括页面注册,网络设置,以及小程序的 window 背景
色,配置导航条样式,配置默认标题。
必须,可以什么都不需要写,后期再监听并处理小程序的生命周期函数、声明全局变量。
.wxml 文件
// wxml 语法

<block wx:for="{{shareItems}}" wx:for-index="idx"><view id="{{idx}}" class="flex share-item box box-tb">
<view class="flex box box-lr article-info">
<view class="flex title">{{}}</view>
</view>
<view class="user-info box box-lr">
<image src="{{ ? : }}" class="icon approve-icon"></image>
</view>
</view>
</block>

1. .wxml 文件通过相同的名称,将页面与逻辑 js、样式、配置进行关联匹配
2. .wxml 组件语法
3. .wxml 提供两种文件引用方式 import(有作用域)和 include
4. 事件绑定方式
// <view class="flex title" bindtap="getInfo">{{userName}}</view>

//

page({
data: {},
getInfo: function() {
({
userName: "Tom"
})
}
})

.wxss 文件
/** **/***@import "";

view {
padding:15px;
}

1. 可通过 ***@import (后跟相对路径)样式表;
2. 尺寸单位:有两种单位:(1)、引入 rpx(根据屏幕宽度进行自适应)的概念; (2)、rem;
3. 支持内联
4. 选择器:不再支持媒体查询,支持 .demo, #demo, view, view input, view::after, view::before;
5. 增加了 app 的 flex 布局;
6.