微信小程序 必须掌握的基础知识【相关文档、 实战演练、新建项目、样式使用、设置标题、使用 .json 文件来对本页面的窗口表现进...

所看视频地址：哔哩哔哩网站   【2018】学做小程序- 清华大学 【p1-p16】  https://www.bilibili.com/medialist/play/ml846844179  目录 微信小程序 官方网址【注册/登录】：https://mp.weixin.qq.com  微信小程序【定义】： 微信小程序的优点 ：   微信小程序的优势 ：  相关说明 ： 相关文档 ：   实战演练 ： 新建项目 ： 样式的使用 ： 设置标题 ： 使用 .json 文件来对本页面的窗口表现进行配置 ： 在app.json中，不能有注释 ： wxm常见组件 ： xml布局 ：  响应式长度单位rp 微信小程序是一种轻量级的应用开发平台，由腾讯公司推出，旨在提供无需下载安装即可使用的便捷体验。微信小程序的出现，极大地降低了移动应用的门槛，让用户能够快速访问和使用各种服务。下面将详细介绍微信小程序开发的一些核心知识点。 1. **注册与登录**： 开发微信小程序首先要访问微信小程序的官方网站（https://mp.weixin.qq.com）进行注册和登录，完成开发者资质认证，创建并管理小程序项目。 2. **小程序定义**： 微信小程序（Wechat Mini Program）是一种基于微信生态的应用，无需下载安装，用户只需扫描二维码或在微信内搜索即可打开。它的主要优势在于方便快捷，可以实现快速触达用户，且占用资源少。 3. **新建项目**： 新建微信小程序项目包括创建项目文件夹，配置项目的基本信息如app.json，初始化pages目录，以及编写第一个页面的WXML、WXSS、JS和JSON文件。 4. **样式使用**： 样式控制着小程序页面的视觉呈现。WXML用于构建页面结构，而WXSS类似于CSS，负责页面样式。使用WXSS时，可以使用类选择器（class）、ID选择器（id）以及内联样式（style）等进行元素的样式定义。 5. **设置标题**： 在页面的JSON配置文件中，可以设置`navigationBarTitleText`属性来定义页面的标题。例如：`{"navigationBarTitleText": "关于"}`。 6. **.json文件配置**： 页面的JSON文件用来配置页面的窗口表现，如背景色、字体颜色等。配置项会覆盖app.json中的相同设置。注意，在app.json中不能添加注释。 7. **wxm常见组件**： 微信小程序提供了丰富的组件库，如view、button、image、text等，开发者可以通过这些组件构建交互式界面。每个组件都有自己的属性和事件，例如bindtap事件用于监听点击事件。 8. **XML布局**： 小程序使用XML进行页面布局，支持传统的布局方式如流式布局，但更推荐使用弹性盒子布局（Flex布局）。弹性盒子布局允许更加灵活地调整元素位置和大小，适应不同屏幕尺寸。 9. **响应式长度单位rpx**： rpx（responsive pixel）是微信小程序中用于表示长度的单位，可以根据屏幕宽度自动调整比例，使得元素在不同屏幕尺寸下都能保持合适的大小。例如，1rpx等于屏幕宽度的1/750。 10. **新建页面**： 新建页面有两种方式：一种是在app.json中直接修改pages数组，添加新页面路径；另一种是通过开发工具的页面模板功能快速生成新页面的完整文件结构。 11. **配置文件与脚本文件**： 配置文件如json用于定义页面或全局的配置，而js脚本文件则用于处理业务逻辑和数据绑定。页面的js文件通常会包含一个通过page()函数注册的对象，用于管理页面的生命周期和数据。 以上是微信小程序开发所需掌握的基础知识，通过学习和实践，开发者可以快速构建出具有丰富功能和良好用户体验的小程序。参考清华大学的课程或官方文档，能更深入地理解并掌握这些概念和技术。