摘要: #全局配置 ##1. 全局配置文件及常用的配置项 小程序根目录下的 app.json 文件是小程序的全局配置文件。常用的配置项如下: ① pages ⚫ 记录当前小程序所有页面的存放路径 ② window ⚫ 全局设置小程序窗口的外观 ③ tabBar ⚫ 设置小程序底部的 tabBar 效果 ④ 阅读全文
posted @ 2022-08-11 17:08 清和时光 阅读(187) 评论(0) 推荐(0) 编辑
摘要: ###1. 什么是 WXSS WXSS (WeiXin Style Sheets)是一套样式语言,用于美化 WXML 的组件样式,类似于网页开发中的 CSS。 ###2. WXSS 和 CSS 的关系 WXSS 具有 CSS 大部分特性,同时,WXSS 还对 CSS 进行了扩充以及修改,以适应微信小 阅读全文
posted @ 2022-08-11 15:18 清和时光 阅读(138) 评论(0) 推荐(0) 编辑
摘要: ##列表渲染 ###1. wx:for 通过 wx:for 可以根据指定的数组,循环渲染重复的组件结构,语法示例如下: <view wx:for="{{ array }}"> 索引是:{{ index }} 当前项是:{{ item }} </view> 默认情况下,当前循环项的索引用 index 阅读全文
posted @ 2022-08-11 15:06 清和时光 阅读(55) 评论(0) 推荐(0) 编辑
摘要: ##条件渲染 ###1. wx:if 在小程序中,使用 wx:if="{{condition}}" 来判断是否需要渲染该代码块: <view wx:if="{{ condition }}"> True </view> 也可以用 wx:elif 和 wx:else 来添加 else 判断: <view 阅读全文
posted @ 2022-08-11 14:50 清和时光 阅读(94) 评论(0) 推荐(0) 编辑
摘要: ##事件绑定 ###1. 什么是事件 事件是渲染层到逻辑层的通讯方式。通过事件可以将用户在渲染层产生的行为,反馈到逻辑层进行业务的处理。 ###2. 小程序中常用的事件 ###3. 事件对象的属性列表 当事件回调触发的时候,会收到一个事件对象 event,它的详细属性如下表所示: ###4. tar 阅读全文
posted @ 2022-08-11 14:42 清和时光 阅读(100) 评论(0) 推荐(0) 编辑
摘要: ##数据绑定 ###1. 数据绑定的基本原则 ① 在 data 中定义数据 ② 在 WXML 中使用数据 ###2. 在 data 中定义页面的数据 在页面对应的 .js 文件中,把数据定义到 data 对象中即可: Page({ data:{ //字符串类型的数据 info:'init data' 阅读全文
posted @ 2022-08-11 10:29 清和时光 阅读(145) 评论(0) 推荐(0) 编辑
摘要: ###1. 小程序 API 概述 小程序中的 API 是由宿主环境提供的,通过这些丰富的小程序 API,开发者可以方便的调用微信提供的能力, 例如:获取用户信息、本地存储、支付功能等。 ###2. 小程序 API 的 3 大分类 小程序官方把 API 分为了如下 3 大类: ① 事件监听 API ⚫ 阅读全文
posted @ 2022-08-11 09:52 清和时光 阅读(170) 评论(0) 推荐(0) 编辑
摘要: ###1. 什么是宿主环境 宿主环境(host environment)指的是程序运行所必须的依赖环境。例如: Android 系统和 iOS 系统是两个不同的宿主环境。安卓版的微信 App 是不能在 iOS 环境下运行的, 所以,Android 是安卓软件的宿主环境,脱离了宿主环境的软件是没有任何 阅读全文
posted @ 2022-08-11 09:32 清和时光 阅读(74) 评论(0) 推荐(0) 编辑
摘要: ###1. 小程序中组件的分类 小程序中的组件也是由宿主环境提供的,开发者可以基于组件快速搭建出漂亮的页面结构。官方把小程序的组 件分为了 9 大类,分别是: ① 视图容器 ② 基础内容 ③ 表单组件 ④ 导航组件 ⑤ 媒体组件 ⑥ map 地图组件 ⑦ canvas 画布组件 ⑧ 开放能力 ⑨ 无 阅读全文
posted @ 2022-08-11 09:12 清和时光 阅读(174) 评论(0) 推荐(0) 编辑
摘要: ###一 、WXML 模板 什么是 WXML WXML(WeiXin Markup Language)是小程序框架设计的一套标签语言,用来构建小程序页面的结构,其作用类似于网页开发中的 HTML。 WXML 和 HTML 的区别 ① 标签名称不同 ⚫ HTML (div, span, img, a) 阅读全文
posted @ 2022-08-11 08:50 清和时光 阅读(162) 评论(0) 推荐(0) 编辑