文章

小程序 mobx

本文介绍如何在微信小程序中使用MobX进行跨页面数据管理。通过安装mobx-miniprogram和mobx-miniprogram-bindings包，配置project.config.json，定义可观察的store（含计算属性和action），并在页面和组件中通过createStoreBindings或storeBindingsBehavior实现数据绑定与action调用，实现多页面共享状态。

小程序 样式隔离

小程序组件样式隔离的三种模式：isolated（默认，内外互不影响）、apply-shared（接收外部样式，不影响外部）、shared（双向共享）。样式优先级：组件样式 > 页面样式 > 全局样式。在组件json或js文件中配置styleIsolation实现全局样式生效。

小程序 behaviors

父子组件传值 以及通过 selectComponent 获取实例执行 方法

本文介绍微信小程序中父子组件传值的两种方式：通过自定义事件绑定将父组件方法传给子组件，子组件使用triggerEvent触发事件返回数据；以及使用selectComponent获取子组件实例，直接设置子组件数据或调用其方法。包含父组件定义、事件绑定、子组件触发事件及实例调用的完整代码示例。

小程序slot

本文介绍微信小程序中slot插槽的使用方法，包括单slot和多个具名slot。先在app.json中注册组件，页面组件标签内插入内容，组件内部用<slot>标签显示插入内容。支持多个slot时，需在组件js中设置multipleSlots: true，并通过name属性区分，页面中用slot属性指定对应插槽。

小程序纯数据字段

本文介绍微信小程序组件中通过 options.pureDataPattern 定义纯数据字段的方法，使用正则表达式 /^_/ 匹配以 _ 开头的属性，使其不参与渲染，提升性能。

小程序组件生命周期

介绍微信小程序组件生命周期，包括pageLifetimes（show、hide、resize）和lifetimes（attached、detached），其中pageLifetimes在每次页面载入时都会执行，可用于初始化数据和响应页面状态变化。

小程序 组件监听

小程序组件

本文介绍微信小程序中自定义组件的注册与使用方法。在app.json的usingComponents中全局注册组件，页面通过标签引用并传递属性。组件JS中使用Component构造器定义properties（含类型和默认值），并通过methods中的setData方法修改数据。

小程序店铺列表页面

本文展示了微信小程序店铺列表页面的实现代码，包括WXML模板中使用wx:for循环渲染店铺图片、名称、电话、地址和营业时间，WXSS样式采用flex布局，以及JS中通过wx.request请求数据并更新页面的getShopList函数。适用于快速搭建商品或店铺列表场景。

小程序2个图片并排

本文介绍在微信小程序中通过flex布局实现两个图片并排显示的方法。父容器使用display:flex、justify-content:space-around，子图片设置width:45%并采用widthFix模式，即可自适应并排展示。

小程序 九宫格

介绍微信小程序中九宫格布局的完整实现代码，包括wxml使用flex布局循环渲染9个数据项，wxss设置3列网格样式，js提供示例数据。代码可直接复用。