【微信小程序】学习笔记（持续更新）

微信小程序的框架主要包括以下几个核心部分：

1. WXML（WeiXin Markup Language）

• 作用：用于描述小程序的结构，类似于HTML。
• 特点：支持数据绑定、条件渲染、列表渲染等功能。

2. WXSS（WeiXin Style Sheets）

• 作用：用于描述小程序的样式，类似于CSS。
• 特点：支持大部分CSS特性，并扩展了尺寸单位（如rpx）以适应不同屏幕。

3. JavaScript

• 作用：用于处理小程序的逻辑。
• 特点：支持ES6语法，提供丰富的API，如网络请求、数据存储、设备信息等。

4. WXS（WeiXin Script）

• 作用：一种脚本语言，可以在WXML中直接使用。
• 特点：类似于JavaScript，但运行在视图层，适合处理一些简单的逻辑。

5. JSON

• 作用：用于配置小程序的页面、窗口表现、网络超时时间等。
• 特点：简洁易读，支持注释（但在实际使用中需去除注释）。

6. 小程序框架API

• 作用：提供丰富的API，帮助开发者实现各种功能。
• 分类：
  • 网络API：如wx.request、wx.uploadFile等。
  • 媒体API：如wx.chooseImage、wx.playVoice等。
  • 数据缓存API：如wx.setStorage、wx.getStorage等。
  • 位置API：如wx.getLocation、wx.openLocation等。
  • 设备API：如wx.getSystemInfo、wx.getNetworkType等。
  • 界面API：如wx.showToast、wx.showModal等。

7. 小程序生命周期

• 作用：管理小程序的启动、运行、销毁等过程。
• 主要生命周期函数：
  • onLaunch：小程序初始化时触发。
  • onShow：小程序启动或从后台进入前台时触发。
  • onHide：小程序从前台进入后台时触发。
  • onError：小程序发生脚本错误时触发。

8. 页面生命周期

• 作用：管理页面的加载、显示、隐藏、卸载等过程。
• 主要生命周期函数：
  • onLoad：页面加载时触发。
  • onShow：页面显示时触发。
  • onReady：页面初次渲染完成时触发。
  • onHide：页面隐藏时触发。
  • onUnload：页面卸载时触发。

9. 组件

• 作用：提供丰富的UI组件，帮助开发者快速构建界面。
• 常见组件：
  • 基础组件：如view、text、image、button等。
  • 表单组件：如input、picker、slider等。
  • 导航组件：如navigator。
  • 媒体组件：如video、audio等。
  • 地图组件：如map。
  • 画布组件：如canvas。

10. 自定义组件

• 作用：允许开发者封装可复用的UI组件。
• 特点：支持组件间的通信、生命周期管理、样式隔离等。

11. 事件系统

• 作用：用于处理用户交互事件。
• 常见事件：
  • 触摸事件：如bindtap、bindlongpress等。
  • 表单事件：如bindinput、bindchange等。
  • 滚动事件：如bindscroll等。

12. 路由

• 作用：管理页面之间的跳转。
• 常见API：
  • wx.navigateTo：保留当前页面，跳转到新页面。
  • wx.redirectTo：关闭当前页面，跳转到新页面。
  • wx.navigateBack：返回上一个页面。
  • wx.switchTab：跳转到tabBar页面。

13. 数据绑定

• 作用：将数据与视图进行绑定，实现数据的动态更新。
• 特点：支持单向数据流，数据变化会自动更新视图。

14. 模块化

• 作用：支持将代码拆分为多个模块，便于管理和复用。
• 特点：支持CommonJS模块化规范，使用require引入模块。

15. 云开发

• 作用：提供云端一体化的开发能力，包括数据库、存储、云函数等。
• 特点：无需搭建服务器，开发者可以直接使用云端资源。

16. 插件

• 作用：允许开发者使用第三方插件，扩展小程序的功能。
• 特点：插件可以独立开发、发布，供其他小程序使用。

17. 分包加载

• 作用：将小程序代码拆分为多个包，按需加载，减少首次启动时间。
• 特点：支持主包和多个分包，分包可以独立加载。

18. 性能优化

• 作用：提升小程序的运行效率和用户体验。
• 常见优化手段：
  • 减少setData调用：避免频繁更新视图。
  • 使用自定义组件：提高代码复用性和维护性。
  • 图片优化：压缩图片，使用合适的图片格式。
  • 分包加载：减少首次启动时的代码量。

19. 安全

• 作用：保障小程序的安全运行。
• 常见安全措施：
  • 数据加密：对敏感数据进行加密存储。
  • 权限控制：限制API的调用权限。
  • 代码混淆：防止代码被反编译。

20. 调试工具

• 作用：帮助开发者调试小程序。
• 特点：提供实时预览、代码调试、性能分析等功能。