[移动开发]关于微信小程序开发技术介绍

微信小程序开发技术介绍

与大多数app相比，小程序还是不愿意把主营业务放在微信平台上，以免受到腾讯的限制。但是随着小程序生态的逐渐形成，小程序逐渐融入到大家的生活中，日用户超过2亿，学习门槛低，学习简单，这意味着小程序是基于H5的轻应用为你搭建的平台。将微信系统的底层功能和微信本身的功能封装成API供小程序使用。

随着应用程序市场饱和，大多数用户已经养成了开发新应用程序以求在市场中生存的习惯。此外，应用程序开发和推广的高成本是一个不争的事实。根据2018年3月的一份报告，移动电子商务应用程序的下载成本可能高达120-200元，这些后期阶段可能不会导致转换。互联网金融，二手车电子商务应用程序新客户成本，往往高达数千元。

小程序的便利性:对于开发者来说，小程序的开发门槛相对较低，难度小于应用。小程序可以满足简单的基础应用，适用于生活服务线下店铺和非紧急低频应用的转换。对于用户来说，可以节省手机的时间成本和内存空间；也可以为开发者节省开发推广成本。

小程序的布局

小程序进行代码可以编写一样通过使用JS来完成。但结构和样式推出了

Wxml: 是微信设计的一套标记语言，类似于 html。它的全称是微信标记语言

WXSS:是一套样式语言，用来定义类似于CSS的样式，被公认为CSS的子集。全名:微信样式表。

由于 applet 中的 ui 组件是原生实现，因此 applet 的优势是可以放弃 html 容器以便进行更好的测量，因为条目是 indexnative。文件放置全局控制器应用程序的实例化到 main。Html.的 javascript，html 实际上是太灵活，从某种角度来看，实践的 applet 是值得称赞的,

小程序实现的基本概念

标签的出现根本不是用来做标签的，而是让JS去捕捉和执行相关的逻辑，最后生成真正的标签。

为了做更好的限制，小程序不提供服务入口index.html文件，所以我们这里的标签时用作JS做解析后生成Native能去进行识别的代码，具体点说就是Native实现了一个重要组件 组件有很多企业规则，可以通过使用JS去调用，正如中国这里的Header组件需要调用业务逻辑，JS会设置Native的Header组件技术展示。小程序的组件

Swiper组件：大图滚动组件：一般时候 在banner那里，要加上大图滚动的效果，这个组件可以很轻易的帮助我们完成这个任务。

Indicator-dots：后面接布尔值，是否显示面板指示点

Indicator-color：色素值，指引点的颜色填充

Indicator-active-color：色素值，当前的指引点填充颜色

Autopaly:布尔值，是否自动切换

Current Number：当前所出模块index，从0开始

Interval：自动切换时间间隔

Duration：切换动画的时长

Circular：是否采用链接滑动

Vertical：是否为薯竖直方向的大图滚动

Pervious-margin：露出前一块的多少PX/rpx，接数值

Next-margin:露出后一块的多少Px/rpx，接数值

Display-multiple-items ：显示多少个滑块

Bindchange：滑块滑动的时候出发事件

Bindanimationfinish：滑块的动画结束的时候出发时间