微信小程序开发简介
小程序开发
浏览：577 次
1： 小程序云开发的基本页面结构
1.Cloudfunctions是腾讯云开发指定的项目目录
2.小程序是指小程序中的代码
2.1小程序的默认图像文件放置在图像中
2.2页面文件夹包含与小程序界面相关的文件。打开后，以下任何文件夹中都有四个文件，即
小程序代码的基本结构文件
（1） .js文件：脚本逻辑文件、页面和用户交互逻辑
（2） .json文件：配置文件，以json格式存储一些配置
（3） .wxml文件：模板文件，描述页面结构，相当于html
（4） .wxss文件：样式文件，调整页面样式，相当于css
2.3样式通常写为通用样式文件
3.自述是写一些项目描述
4.项目配置。json用于配置小程序项目
5.在小程序中，json文件有以下情况：
5.1项目配置。json:项目配置
（1） miniprogramRoot：小程序源代码的文件夹。其名称应与左侧目录的minniprogram文件夹名称一致
（2） Cloudfunctions：小程序云开发的文件目录。该名称与左目录中的cloudfunctions文件名相同
它包括：1.设置：项目配置的内容
UrlCheck：是否启用安全检查的内容
你支持Es6到es5的转换吗
postcss：是否完成代码的css样式部分
Minified：是否压缩代码
新功能
2.appid：应用的ID，与创建时的ID相同
3.项目名称：项目名称
4.libVersion：项目对应的技术库版本
5.2应用。json：全局配置（文件位于目录miniprogram下）
（1） 页面：模拟器默认打开的主页是页面数组中第一句话所表示的页面（路由）
（2） 窗口：背景颜色：窗口的颜色；
BackgroundTextStyle：窗口文本样式（目前只有两种类型：深色和浅色）；
NavigationBarBackgroundColor：导航栏中的颜色；
NavigationBarTitileText：导航栏中文本的一部分；
NavigationBarTextStyle：它是导航栏的文本部分的颜色（但当前仅支持黑白）
（3） 选项卡栏：在客户端窗口底部或顶部具有选项卡栏的页面
tabBar中有一个List数组，它指的是选项卡列表。列表数组至少有2个选项卡，最多有6个选项卡
列表数组包含几个对象：pagePath是配置的路径，应该与页面配置的路径一致；
文本是指选项卡中显示的文本；
IconPath指未选中选项卡时的图像路径；（暂时不支持在线图片）
SelectedIconPath指选中选项卡时的图像路径（不支持联机图像）
tabBar下有一个color和selectColor属性，它们与列表数组处于同一级别，分别指示未选中tabBar时的文本颜色和选中tabBar的文本颜色
5.3页。json:页面配置
6.页面结构WXML：
1.WXML是为小程序框架设计的一套标记语言，可以通过结合小程序的基本组件和事件系统来构建页面结构。它的作用类似于HTML
2.小程序数据绑定：（1）通常，小程序中的数据需要从服务器动态获取，然后渲染并输出到视图中显示
（2） WXML中的动态数据来自相应页面的数据
（3） 数据绑定使用Mustache语法（双大括号）包装变量
3.常用组件：<；/视图>视图是一个块级元素，分为多行
<；/图像>
<按钮><；/按钮>
列表呈现：wx：对于｛｛index｝｝｛item｝：对于循环，index是数组中的索引值，item是与索引值对应的值
（建议在wx:for之后添加wx:key。wx:key的值应该是唯一的，类似于vue）
条件渲染：使用wx:if=“｛｛condition｝｝”来确定是否渲染此代码块，或者使用wx:elif和wx:else
添加else块
Wx：if和hidden的区别：如果你需要频繁切换，hidden更好。如果条件在运行时不太可能改变
在这种情况下，最好使用wx:if（这也类似于vue）
的代码
代码将存在于源代码Wxml中）
7.重量：
1.WXSS是小程序的样式语言，用于描述WXML的组件样式，即视觉效果
2.尺寸单位：rpx：可以根据屏幕宽度自适应，适应不同宽度的屏幕。指定的屏幕宽度为750rpx，1rpx=0.5px=1物理像素
