移动程序员快速启动小程序开发
小程序开发
浏览：1211 次
要求对JavaScript、CSS和HTML有一定的理解（口语：有编程基础。看看js和CSS语法）；小程序逻辑通过JavaScript编写，页面通过类似于HTML的wxml编写，样式通过wxs编写。
创建新项目（如下所示）
BB481FB6-13E4-4D7E-9BE0-3EEF4DFD4ECD.png
首先，快速了解小程序的目录结构（从小程序官方文档中获取）
小程序包括描述整个程序的app和描述各自页面的多个页面。
小程序的主要部分由三个文件组成，这些文件必须放在项目的根目录中，如下所示：
所需文件
app。Js是小程序逻辑
app。Json是小程序的公共配置
app。Wxss无小程序公共样式表
小程序页面由四个文件组成：
需要文件类型
Js是页面逻辑
Wxml是页面结构
Json无页面配置
Wxss无页面样式表
接下来，让我们从一个简单的小功能来看小程序的开发过程
小程序条目被认为是一个全局配置的app，像Android（AndroidMainifest.xml）或iOS（main.m）都有一个条目文件。
小程序的第一页可以在app中设置。js如下：
onLaunch:函数（）{
wx.reLaunch（重新启动）({
url:“pages/login/login”，
})
},
如果未配置，它将是默认app中的第一页页面。json。
在第一页之后，在其中写一些东西（登录页）
如上所述，页面结构是在wxml和login中设置的。wxml语言
转到。js文件来实现SubmitForm按钮的点击事件
//单击“下一步”按钮
提交表单（）{
wx.重定向到({
url:“../user/user”
})
}
转到。wxss文件，页面布局样式
.cont_顶部按钮{
宽度：92%；//宽度比例
边距：10px自动；//间距
边框半径：20px；//肉片
颜色：#fff！重要；//颜色
背景：#1098ec；//背景色
边框：1px实心#1098ec；//框架
行高：25px；
填充：6px 12px；
字体大小：15px；
}
这与css相同。我知道宽度和高度基本上足以进行布局。如果我不明白，我会看看新手教学的CSS。
//获取app实例
常量应用=获取应用（）；
可以获得的全局app有点像ios的全局AppDelegate
跳转到其他页面（有关其他页面跳转方法，请参阅小程序的路由文档）
数据缓存：（）
网络请求：（）
笔记：
不要在closures_the=this中直接使用this:const
好吧，让我们在这里介绍一下。重要的是要学会阅读文件，然后穿过坑。你几乎可以说，小程序开发真的很简单
最后，吐槽小程序开发工具是一个真正的坑！
