简单的入门级微信小程序编程基础
在微信小程序上线之时，很多人觉得自己没有编程的经验，开发不了微信小程序，今天小编就来教大家一些简单的微信小程序编程基础，希望能够对大家开发微信小程序有所帮助。
对小程序的定义：
小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不关心是否安装太多应用的问题。应用将无处不在，随时随地可用，但又无需安装卸载。
可以看出下小程序有以下的特点：
小程序适合做功能简单的应用
小程序适合做*能要求不高的应用
一个开发者开发应用是否用小程序开发时候，要结合小程序的自身特点进行分析适不适合。
开发者工具
工欲善其事必先利其器，目前开发微信小程序有自己的ide，下面是ide 的下载地址。
开发者工具
扫小程序二维码登陆，目前打开是这样子的：
具体是使用说明，官方有给出说明
开发者工具的使用
小程序页面设置
整个页面很简单，主要由一张图片，文字，以及一个按钮+文字组成，三者都是垂直居中，可以将他们放到一个容器中，整体居中，垂直向下排列，再对每个节点进行css样式的调整。
目录结构
写欢迎页面首先在ide中先建立相应的小程序目录结构：
目录结构与文件分析：
images目录：位于顶级目录，主要存放图片
pages目录：位于顶级目录，存放小程序应用主要信息
welcome目录：存放欢迎页的信息
welcome.js文件：欢迎页的脚本文件
welcome.json文件：欢迎页的配置文件
welcome.wxml文件：欢迎页的页面结构文件(类似与html代码)
welcome.wxss文件：欢迎页的css样式文件
app.js:顶层文件，app的全局脚本文件
app.json:顶级文件，app的全局配置文件
app.wxss:顶层文件，app的全局样式文件
目录创建完毕后，开始在welcome.wxml编写欢迎页的页面结构：
####页面结构
Hello Zan
第一个小程序
1234567
1234567
直接运行会出错，因为没有指定app加载的页面，通过查找官方api文档找到加载页面的方法：
需要在app.json文件中做相应的修改即可：
{
"pages":[
"pages/welcome/welcome"
]
}12345
12345
CSS样式
在welcome.wxss文件添加相应的样式：
.container{
display: flex;
flex-direction: column;
align-items: center;
}
.myphoto{
width: 200rpx;
height:200rpx;
margin-top: 200rpx;
}
.motto{
margin-top: 100rpx;
font-size: 32rpx;
}
.button{
margin-top: 200rpx;
border: 2rpx solid #405f80;
border-radius:10rpx;
height: 60rpx;
width:200rpx;
text-align: center;
}
.button-text{
font-size: 22rpx;
color: #405f80;
}
page{
height: 100%;
background-color:#b3d4db;
}1234567891011121314151617181920212223242526272829303132
1234567891011121314151617181920212223242526272829303132
在全局app.wxss文件中可以定义字体：
text{
font-family: Microsoft Yahei;
}123
123
最后在，通过改变导航栏的颜色与背景颜色一致实现。api文档：
在app.json文件进行配置去掉黑色的导航栏：
{
"pages":[
"pages/welcome/welcome"
],
"window": {
"navigationBarBackgroundColor": "#b3d4db"
}
}12345678
12345678
最后的效果：
微信小程序作为一个新的事物，存在就必定有其存在的价值，有了这份微信小程序编程基础，相信对大家来说开发微信小程序已经不是什么难事了，更多相关资料请关注微信小程序素材网。
如何编写微信小程序?编写微信小程序的方法
微信小程序开发之新手常见的编译错误有哪些?
编写小程序最好用什么语言?初学者最适合的小程序语言