小程序 ### 参考文档 > 整理开发碰到的问题解决方案，用到的文档等等等 #### 资源合集 - [微信小程序开发资源汇总 | 菜鸟教程](https://www.runoob.com/w3cnote/wx-xcx-repo.html) - [微信小程序 - 生产力导航 - awesome](https://awesome.dbyun.net/tag/details?id=6) #### 官方文档路径 - [模板 | 微信开放文档](https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/template.html) - [视图组件 | 微信开放文档](https://developers.weixin.qq.com/miniprogram/dev/component/icon.html) #### 第三方学习文档 - [冒泡与非冒泡 · 微信小程序 · 看云](https://www.kancloud.cn/lixianshengdezhanghao/wxxx/808382) #### 官方样式库 - [weui | 微信开放文档](https://developers.weixin.qq.com/miniprogram/dev/extended/weui/quickstart.html) #### 项目配置 - [VS Code配置自动格式化，统一代码规范 - 知乎](https://zhuanlan.zhihu.com/p/336080098) #### 自定义组件 - [(干货)微信小程序组件封装](https://juejin.cn/post/6844903606953459719) - [Component 自定义组件 | 微信开放文档](https://developers.weixin.qq.com/miniprogram/dev/reference/api/Component.html) - [slot-插槽 | 微信开放文档](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html#%E7%BB%84%E4%BB%B6%20wxml%20%E7%9A%84%20slot) - [19.组件模板和样式(slot) · 微信小程序 · 看云](https://www.kancloud.cn/lixu/wechat_mp/821332) #### 组件样式动态绑定、 - [小程序与Vue对比·数据绑定](https://juejin.cn/post/6844903742803083278) - [小程序与Vue对比·class与style绑定](https://juejin.cn/post/6844903794543689735) ### 问题方案 - [微信小程序WeUI组件，通过 useExtendedLib 扩展库 的方式引入后总提示“未找到”，完整解决方案_橙cplvfx-技术踩坑记-CSDN博客](https://blog.csdn.net/cplvfx/article/details/107008870) - [微信小程序，加入购物车checkbox-group三层循环_元宵节666的博客-CSDN博客](https://blog.csdn.net/weixin_46946102/article/details/106814463) - [微信小程序使用页面栈改变上一页面的数据 - csuwujing - 博客园](https://www.cnblogs.com/csuwujing/p/8648948.html) - [微信小程序设置上一页数据 - SegmentFault 思否](https://segmentfault.com/a/1190000018336011) - [小程序跳转公众号的方法 - 云+社区 - 腾讯云](https://cloud.tencent.com/developer/article/1754765) #### 开发工具问题 - [开发者工具，打开后不显示调试器内容 | 微信开放社区](https://developers.weixin.qq.com/community/develop/doc/000ee2e7f9ca406667eb53ddb50000) ### 微信小程序生命周期 #### 页面 Page 实例的生命周期 > 此图来源于小程序官方  ### 页面 `this` 指向的对象内部属性 ``` animate: (...) applyAnimation: (...) applyDataUpdates: (...) clearAnimation: (...) createIntersectionObserver: (...) createMediaQueryObserver: (...) createSelectorQuery: (...) data: (...) dataset: (...) exitState: (...) getOpenerEventChannel: (...) getPageId: (...) getRelationNodes: (...) getTabBar: (...) groupSetData: (...) hasBehavior: (...) id: (...) is: (...) mergeDataOnPath: (...) pageRouter: (...) properties: (...) replaceDataOnPath: (...) router: (...) selectAllComponents: (...) selectComponent: (...) selectOwnerComponent: (...) setData: (...) setInitialRenderingCache: (...) setUpdatePerformanceListener: (...) triggerEvent: (...) ``` #### 组件生命周期 |钩子函数|描述| |------------|------------| |created |组件实例化，但节点树还未导入，因此这时不能用setData| |attached| 节点树完成，可以用setData渲染节点，但无法操作节点 |ready |组件布局完成，这时可以获取节点信息，也可以操作节点 |moved |组件实例被移动到树的另一个位置 |detached |组件实例从节点树中移除
