微信应用小程序开发语言 第1篇
小程序的视图是在WebView里渲染的，所以小程序的视图搭建离不开HTML标记语言。如果在小程序中直接使用HTML的话，其安全性就会大大降低，并且无法使用微信小程序的双线程模型实现数据绑定和页面的动态渲染。为了解决这一问题，小程序设计了一套名为Exparser的组件框架，基于这个框架，在小程序内设计了一套涵盖大部分功能的组件，方便开发者快速搭建出满足需求的界面。
基于Exparser框架设计的小程序内置组件，涵盖了视图容器类、表单类、导航类、媒体类、开放类等几十种组件。所有的内置组件都可以使用WXSS修饰，这样就解决了大部分的项目需求。
在实际的项目开发中，小程序的内置组件不一定能满足所有的需求，为了实现更高效的代码复用，小程序还允许开发者自行扩充组件，这些由开发者自行设计的组件被称为自定义组件。
在小程序中，每个组件都具有独立的逻辑空间，分别拥有自己的独立数据和setData方法调用。在使用自定义组件的小程序页面中，Exparser框架将接管所有的自定义组件注册和实例化。小程序的基础库中提供了Page和Component两个构造器，自定义组件使用的是Component构造器。
小程序从基础库版本 开始支持使用 npm 安装第三方包，因此也支持开发和使用第三方自定义组件包。我们在开发微信小程序时，选择一款好用的UI组件库，可以达到事半功倍的效果。目前，市面上常用的小程序UI组件库有以下几款：
微信应用小程序开发语言 第2篇
WXSS（WeiXin Style Sheets），是一种样式表语言，用于设置微信小程序的页面样式。它类似于CSS，但增加了一些微信特有的样式指令和尺寸单位，如rpx（responsive pixel）。通过WXSS，开发者可以定义小程序中的字体、颜色、边距、布局方式等页面样式。WXSS还支持使用变量和引入外部样式文件，使得样式定义更加灵活和模块化。
微信应用小程序开发语言 第3篇
微信小程序拥有独特的生态系统，提供了大量的API支持，包括但不限于支付、位置、媒体、文件、设备等功能。熟悉和理解这些API的使用，对于开发高质量的微信小程序至关重要。通过API，小程序可以实现更加丰富和复杂的功能，提升用户体验。
小程序开发既是技术的挑战，也是创意的体现。掌握JavaScript、WXML和WXSS，利用好微信提供的开发者工具和API资源，可以帮助开发者更好地入门和提升小程序开发的水平。
1. 做小程序需要什么编程语言?微信小程序主要使用JavaScript语言进行开发。开发者可以通过使用JavaScript框架，如、React等，来快速构建小程序的前端界面和交互逻辑。除了JavaScript，微信小程序还支持使用WXML（类似HTML的标记语言）和WXSS（类似CSS的样式语言）来分别描述小程序的结构和样式。
2. 我需要学习哪些技能才能做微信小程序的编程?除了熟悉JavaScript编程语言，还需要具备一些前端开发的基础知识，如HTML、CSS等。此外，了解微信小程序的开发规范和API文档也是很重要的，这样才能充分利用微信小程序提供的各种功能和能力。对于复杂的业务逻辑，还可能需要后端开发的支持，需要学习一些后端开发的知识，如、数据库等。
以上内容简单介绍了微信小程序的编程相关问题，希望能对您有所帮助。
微信应用小程序开发语言 第4篇
小程序是基于双线程模型的，包括渲染层和逻辑层。在这个模型中，小程序的渲染层和逻辑层是分开在不同的线程中运行的，这与传统的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】发起网络请求