小程序由什么开发 第1篇
开发小程序涉及到的技术架构不仅限于前端开发。在现代的小程序开发流程中，后端服务（如API接口）、数据库、云服务等也发挥着至关重要的作用。因此，小程序的开发者除了掌握JavaScript、WXML、WXSS和JSON这些核心语言，还需具备一定的后端开发和云服务知识，以便全面地构建和管理小程序。
通过对小程序开发所涉及语言的透彻理解，以及对技术架构的全面把握，开发者可以更加有效地创建和优化小程序，为用户提供优质的服务和体验。这需要开发者不断学习最新的开发技术和工具，以适应不断变化的小程序开发环境。
1. 什么是小程序编程语言？
小程序编程语言是一种用于开发微信小程序的语言，它可以让开发者使用各种技术和工具来创建和实现小程序的功能。目前，微信小程序支持两种主要的编程语言，分别是JavaScript和WXML（微信小程序标签语言）。
2. 为什么选择JavaScript作为小程序编程语言？
JavaScript是一种广泛应用于Web开发的脚本语言，它具有以下优点：
因此，选择JavaScript作为小程序编程语言是一种明智的选择。
3. 小程序中有什么用途的编程语言？
除了JavaScript，小程序中还使用到了WXML（微信小程序标签语言）和WXSS（微信小程序样式表语言）。
通过JavaScript、WXML和WXSS的组合，开发者可以实现小程序的各种功能和交互效果，为用户提供丰富多彩的小程序体验。
小程序由什么开发 第2篇
小程序是基于双线程模型的，包括渲染层和逻辑层。在这个模型中，小程序的渲染层和逻辑层是分开在不同的线程中运行的，这与传统的Web单线程模型有很大的区别。小程序渲染层的界面使用了WebView 进行渲染；逻辑层采用JsCore线程运行JS脚本。一个小程序存在多个界面，所以渲染层存在多个WebView线程，这两个线程的通信会经由微信客户端做中转，逻辑层发送网络请求也经由Native转发，小程序的通信模型如图4所示。
图4 渲染层和逻辑层通信模型
我们了解过模型背后的原理，下面再来看一下小程序是如何把脚本中的数据渲染到界面上的。小程序的WXML模板使用view标签，其子节点用“{{}}”的语法绑定一个msg的变量，如例2所示。
【例2】渲染WXML代码
在JS脚本中使用 () 方法把msg字段设置为“Hello World”，如例3所示。
【例3】用于渲染的JS脚本
上面的例子中，WXML页面通过模板语法的方式绑定了JS脚本的msg变量，当msg变量被修改后，页面展示的内容也会自动发生改变。在UI界面开发过程中，程序需要维护很多变量状态，同时还需要操作变量所对应的UI元素。但是随着界面的结构越来越复杂，程序需要维护的变量也随之增加，同时还要处理更多界面上的交互事件，整个程序就变得特别地复杂。如果使用某种方法将变量的状态和UI视图绑定在一起，当状态变更时，视图也会自动变更，那么开发者就可以省去编写修改视图的代码，提高开发效率。这种方法就是“数据驱动”。
小程序数据驱动的原理就是通过JS对象来表达DOM树的结构，而这棵DOM树实际上就是WXML的结构。WXML可以先转换成JS对象，然后再渲染出真正的DOM树，例2与例3的转换效果如图5所示。 图5 WXML结构转换示例图
假如我们把msg变量的值从“Hello World”改为“Hi”，这个过程必须通过调用 () 方法来完成，其产生的JS对象所对应的节点发生了变化，此时DOM树也会随之更改，从而达到更新UI界面的目的，这就是小程序“数据驱动”的原理。
通过上述讲解，我们理解了小程序的渲染层和逻辑层为什么是分开的，而且在渲染层中，小程序的宿主环境会把WXML转换成JS对象，而JS脚本是运行在逻辑层的。当逻辑层的数据发生变化时，通过 () 方法把数据从逻辑层再传递到渲染层，经过对比前后的差异，把更改后的数据应用在原来的DOM树上，以此实现UI界面的渲染，这就是小程序的渲染机制。
小程序的运行环境被分为了渲染层和逻辑层，渲染层主要是用于渲染页面视图，而逻辑层主要负责处理业务逻辑，这就要求我们必须要分清楚小程序中的程序与页面。站在逻辑组成的角度来说，一个小程序是由多个页面组成的程序，那么我们又要分清楚“小程序”和“程序”的概念。
我们常说的“小程序”其实指的是一个应用，这个应用是从产品的层面上来理解的，一个小程序就是一个软件应用的产品。而我们在本小节中所讲的“程序”是指在小程序应用内部的代码层面的程序实例。小程序的宿主环境提供了 App() 函数作为程序的构造方法，以此来注册一个程序的 App 对象，所以在本小节中，我们就以 App 作为代码层面的“程序”。
构造方法 App() 需要声明在小程序项目的根目录下的 文件中，App 实例也是一个单例对象，其构造方法接收一个 Object 对象参数，参数对象中可以声明小程序全局生命周期函数，代码如例4所示。
【例4】全局生命周期方法
在其他的 JS 脚本中需要使用 getApp() 方法来获取 App 的实例，具体方法如例5所示。
【例5】获取 App 实例
我们都知道，一个小程序有很多页面组成，每个页面都是有界面、配置、逻辑三部分构成，这些页面的业务逻辑都需要编写到当前页面文件夹下的 文件中。宿主环境也提供了一个构造方法 Page() 来实现注册小程序页面，Page() 在页面脚本 中调用。与 App() 相同，Page() 方法也是要接收一个 Object 对象参数，参数对象的属性中除了要声明页面的生命周期方法之外，还可以声明事件方法和页面的初始化数据data 属性，代码如例6所示。
【例6】页面构造方法 Page()
开发者不需要主动调用 Page() 构造器中定义的生命周期方法，而是由微信客户端根据监听用户的操作而主动触发的，这就避免了程序调用上的混乱。学习过了小程序界面渲染的基本原理后，我们知道小程序的页面结构是由 WXML 进行描述的，WXML 可以通过数据绑定的语法来绑定逻辑层定义的数据对象，这个数据对象就是在 Page() 构造方法的参数中定义的 data 属性字段，data 字段的值也是在页面第一次被渲染时从逻辑层传递到渲染层的。
组件化是前端最常见的一种开发方式，组件就是对应用视图层的拆分，一个小程序的页面也可以被拆分成多个组件，组件是小程序页面的基本组成单元。为了方便开发者可以快速进行开发，小程序的宿主环境提供了一系列的基础组件。除了小程序宿主环境提供的组件，还有开发者自行封装的视图组件和引入的外部第三方组件，所以为了区分这些组件，我们就把小程序宿主环境提供的基础组件称为小程序的内置组件。
组件是在 WXML 模板文件中声明使用的，其语法和 HTML 语法非常相似，但又有一些区别。小程序的 WXML 模板文件遵循 JSX（JavaScript XML） 语法规范，规定了每个组件标签都必须有开始标记和结束标记，所有组件名称和属性名称都必须是小写，多个单词之间使用“-”进行连接。WXML组件标签代码如例6所示。
【例7】WXML组件标签
组件标签的属性主要包含样式和事件绑定，除了一些公共属性之外，还可以拥有各自自定义的属性，组件可以使用这些属性对自身就行样式修饰和功能封装，以image组件为例，可以为图片标签上面定义图片的模式和加载方式，具体代码如8所示。
【例8】image图片组件
在 image 图片组件上可以使用 src 属性加载图片资源，还可以使用 mode 属性来定义图片的裁剪、缩放模式，组件上的 lazy-load 属性决定了图片是否开启懒加载。我们还可以定义图片的事件属性，例如 binderror、bindload 等。
为了方便开发者调用微信提供的能力和手机硬件能力，小程序宿主环境提供了丰富的 API（Application Programming Interface，应用程序接口）。小程序提供的 API 按照功能主要分为几大类：网络、媒体、文件、数据缓存、位置、设备、界面、微信开放能力等，而且对于 API 的调用小程序也做了约定，例如：
以小程序发起网络请求为例，API接口调用的代码如例9所示。
【例9】发起网络请求
小程序由什么开发 第3篇
WXML（WeiXin Markup Language）和WXSS（WeiXin Style Sheets）分别负责小程序的结构定义和样式表现。WXML使用类似于HTML的标签语法，帮助开发者构建页面的骨架。而WXSS则是在CSS的基础上进行了扩展，引入了新的尺寸单位和样式变量等特性，为小程序提供了丰富的视觉效果。这两种语言的结合，使得小程序的界面设计既具备高度的自由度，又能保持一致的用户体验。