微信小程序入门概述
微信推出的小程序最近很受欢迎。 我给大家讲讲我所了解的小程序。
文档
官方文档地址目前不支持个人申请,仅支持企业、政府、媒体等组织。
集成开发环境
编写小程序需要使用微信出品的####微信开发者工具####。 使用后感觉做工还是比较粗糙,但是有智能的语法提示。 这很好。 打开后效果如下:
创建项目
打开微信开发者工具。 个人用户没有AppID。 输入项目名称和项目文件夹位置以编写代码。 主要要编辑的文件有wxml、wxss、js、json。
3.1 WXML
WXML是一组类似于HTML的标签语言。 它的全名是WXML。 它结合了基本组件和事件系统来构建页面的结构。 根据官方文档,支持的标签比较齐全。 基本上我们HTML中常用的标签都有。分为以下几类
下面的演示例子
比如数据绑定
支持数据绑定、列表渲染、条件渲染、模板、事件和引用。
3.2 无线XSS
WXSS(Style)是一种类似于CSS的样式语言。 它具有CSS的大部分功能,用于描述WXML组件的样式。 与CSS相比,扩展了以下两个特性:
测量单位
风格导入
您可以使用@语句导入外部样式表。 @后面是需要导入的外部样式表的相对路径,以;结尾
如@“.wxss”;
支持html中的style、class属性等内联样式
静态样式写在类中,动态样式写在样式中,运行时分析。 避免在style中写静态样式,以免影响渲染速度。
3.3 接口
提供丰富的微信原生API,可以轻松激活微信提供的能力。
如获取用户信息、本地存储、支付、视频、相册、音乐、重力感应、指南针、地图、导航、动画等。