Welisit的博客

小程序组件化开发从小程序v1.6.3版本开始支持自定义组件，极大地提升了代码的组织性和可复用性。组件化开发的核心思想是将页面拆分为多个小且可复用的组件，便于管理和扩展。自定义组件的创建涉及四个文件：json、wxml、wxss和js，开发者需在json文件中声明组件，并在其他文件中定义模板、样式和逻辑。组件间的通信通过properties传递数据，externalClasses传递样式，以及自定义事件实现。此外，组件样式可以通过styleIsolation属性控制内外样式的隔离与共享。通过组件化开发，小程序

什么时候会产生事件呢？用户进行某种交互视图层到逻辑层的通讯方式将用户的行为反馈到逻辑层绑定在组件执行逻辑层中对应的事件处理函数可以携带额外信息事件时如何处理呢？bindcatch定义对应的事件处理函数。

小程序开发中，WXSS用于编写样式，支持行内样式、页面样式和全局样式，优先级依次递减。WXSS支持多种选择器，并引入了rpx作为自适应尺寸单位。WXML中，Mustache语法用于数据绑定，条件渲染通过wx:if、wx:elif、wx:else和hidden属性实现。列表渲染使用wx:for遍历数组，block标签用于包裹多个组件，key属性用于优化性能。WXS是小程序的脚本语言，用于处理WXML中的数据，支持标签内和独立文件两种写法，运行环境与JavaScript隔离，性能在iOS设备上更优。

本文介绍了小程序开发中常用的几个组件及其属性。Text组件用于显示文本，支持用户选择和文本解码功能。Button组件用于创建按钮，支持多种属性和事件绑定，如open-type用于获取特殊权限。View组件是块级元素，通常用作容器。Image组件用于显示图片，支持本地和网络图片，mode属性控制图片显示方式。ScrollView组件实现局部滚动，需设置scroll-x或scroll-y属性。此外，所有组件共享一些共同属性，如id、class等。这些组件及其属性为小程序开发提供了丰富的功能和灵活性。

小程序采用双线程模型，渲染层和逻辑层分别运行于WebView线程和JsCore线程，通过微信客户端进行交互，以提升性能与安全性。小程序的配置文件如app.json、page.json等，用于定义全局和页面的配置，确保开发效率和风格一致性。注册App实例时，通过App函数绑定生命周期函数，判断进入场景、定义全局数据及执行初始化操作。注册Page实例时，通过Page函数初始化数据、绑定生命周期回调及事件处理函数，支持网络请求、数据展示和事件监听等功能。

小程序是什么呢？不需要下载安装最初我们提到小程序时，往往指的是那么目前常见的小程序有哪些呢？