简单的入门级微信小程序编程基础

微信小程序上线的时候，很多人觉得自己没有编程经验，无法开发微信小程序。小编教你一些微信小程序的简单编程基础，希望能帮你开发微信小程序。

小程序的定义：

applet是一个不需要安装就可以使用的应用程序。它实现了“触手可及”的梦想，用户可以通过扫描或搜索打开应用。也体现了“用后即走”的理念，用户不在乎是否安装太多应用。应用程序将随时随地可用，无需安装或卸载。

可以看出，小程序具有以下特点：

小程序适合简单的应用

小程序适合性能要求低的应用程序

开发人员在用小程序开发应用程序时，需要根据小程序自身的特点来分析小程序的适用性。

开发人员工具

如果工人想尽比较大努力，他们必须首先磨利他们的工具。目前微信小程序的开发有自己的ide。这是ide的地址。

开发人员工具

扫描小程序二维码登录。目前的开局是这样的：

具体来说，使用说明由官员给出

开发工具的使用

小程序的页面设置

整个页面很简单，主要由一张图片、文字、按钮文字组成，全部垂直居中。您可以将它们放在一个容器中，作为一个整体居中，垂直向下排列，然后调整每个节点的css样式。

目录结构

要编写欢迎页面，首先在ide中建立相应的applet目录结构：

目录结构和文件分析；

图片目录：位于顶层目录，主要存储图片

页面目录：位于顶层目录，存储小程序应用的主要信息

欢迎目录：存储欢迎页面的信息

welcome.js文件：欢迎页面的脚本文件

welcome.json文件：欢迎页面的配置文件

welcome.wxml文件：欢迎页面的页面结构文件(类似html代码)

welcome.wxss文件：欢迎页面的css样式文件

app.js:顶层文件，app的全局脚本文件

app.json:顶层文件，app的全局配置文件

app.wxss:顶层文件，app的全局样式文件

创建目录后，开始在welcome.wxml中编写欢迎页面的页面结构：

# # # #页面结构

你好赞

第一个小程序

1234567

1234567

直接运行会出错，因为没有为应用程序加载指定页面。通过查找api文档找到加载页面的方法：

您需要在app.json文件中进行相应的修改：

{

第' :页[

页面/欢迎/欢迎

]

}12345

一二三四五

css样式

在welcome.wxss文件中添加相应的样式：容器{

display: flex

flex-direction:柱；

align-items : center；

}。myphoto{

width: 200rpx

height:200rpx

margin-top : 200 rpx；

}。座右铭{

margin-top : 100 rpx；

font-size : 32 rpx；

}。按钮{

margin-top : 200 rpx；

border : 2r px solid # 405 f 80；

border-radius :10 rpx；

height: 60rpx

width:200rpx

text-align:中心；

}。按钮-文本{

font-size : 22 rpx；

color: # 405f80

}

第{

高度：；

background-color : # b3 d4 db；

}1234567891011121314151617181920212223242526272829303132

1234567891011121314151617181920212223242526272829303132

您可以在全局app.wxss文件中定义字体：

文本{

font-family : microsoft yahei；

}123

123

比较后，通过改变导航栏的颜色使其与背景颜色一致。api文档：

在app.json文件中配置删除黑色导航栏：

{

第' :页[

页面/欢迎/欢迎

],

window': {

navigation barbakgroundcolor ' : ' # b3 d4 db '

}

}12345678

12345678

比较终效果：

微信小程序作为一个新生事物，如果存在的话，一定有它的价值。有了这个微信小程序编程基础，大家开发微信小程序并不难。更多相关信息，请关注源代理网的小程序渠道。

下面是题目的开头。小程序标题的字体大小是多少？标题到此结束

小程序标题的字体大小是多少？微信小程序的字体保持多大？下面的小系列将向你解释小程序标题的字体大小。保持微信小程序的字体大小。

小程序类似网页。前台用wxml整理内容，再用css调整样式。所以，就像网络一样，我们必须能够精确地控制每个元素的大小。在web中，css基本实现了像素级控制。但在小程序中，情况就不一样了。以下是微信提供的事件分析，总结了过去7天访问的终端的解析情况：

有些看起来很小，但不是旧机器，但手机和电脑分辨率不同。除了px，还有dp、vw、rem等一系列尺寸标准。

虽然有一系列的单位，但是通过实验，不可能达到和微信一样的效果，就是不管怎么调整系统字体大小，自己的字体不变。目前策略只能用rpx，根据测试手机超大字体效果设置。