weixin_44824839的博客

WeUI 是一套同微信原生视觉体验一致的基础样式库，由于功能需求这里直接使用搜索组件Searchbar1，引入组件可以通过npm方式下载构建，npm包名为weui-miniprogram也可以通过页面按需下载2，将下载的压缩包解压，导入到小程序中（解压的目录为component）在component/searchbar.json中:{ "component": true, "usingComponents": { "mp-cells": "./cells",

当我们需要从当前页面跳转到另一个页面时，需要用到微信路由API总结以下几种路由跳转方式：wx.navigateTo 用于保留当前页面、跳转到应用内的某个页面，对于页面不是特别多的小程序，通常推荐使用 wx.navigateTo进行跳转， 以便返回原页面，以提高加载速度。当页面特别多时，则不推荐使用。注意点：不允许跳转到 tabbar 页面如果从A页面使用wx.navigateTo跳转到B页面时，然后B页面返回到A页面，这时A页面中的生命周期onLoad()方法不会被调用了，onshow()会被调用

数据监听器可以用于监听和响应任何属性和数据字段的变化，通常会在监听到某个值的改变时去操作data中的其它属性值。在自定义组件中使用监听器：Component({ properties:{//监测传过来的属性 num: { type: String, observer: function(newVal, oldVal) { console.log('properties-num', newVal) } }, person:

在微信小程序中动态更新style样式：<button bindtap="onClick" disabled="{{isDisable}}" style="display:{{isDisplay?'flex':'none'}};background-color:{{color}};border-radius:{{radius}};shadow-color:{{shadowColor}};padding:{{padding}};margin:{{margin}};fo

在微信小程序开发中，对于页面中多个网络请求时需要多次调用wx.request这个接口，因此我们可以把该接口统一封装，可以减少重复代码，提高代码复用率。新建一个utils文件夹以及二个子文件service.js，api.jsutils/service.js文件中//接口请求统一封装const API_BASE_URL = "http://test/hhl/api" const request = (url,method,data)=>{ let _url = API_BASE_URL

当多个页面需要重复使用某一功能模块时，可将该功能模块抽象成自定义组件，以便在不同的页面中重复使用。引用自定义组件：创建自定义组件类似于页面，一个自定义组件由 json wxml wxss js 4个文件组成。同时也可以在 wxml 文件中编写组件模板，在 wxss 文件中加入组件样式，它们的写法与页面的写法类似。项目目录结构：子组件的位置：components/cardItem/cardItem.js的代码如下Component({ properties: { // 这里是从父组件

微信小程序简单介绍最近公司打算把已经嵌入到微信公众号里的H5页面(施工流程管理)项目想另外再做一个微信小程序版本的，于是我边看官方文档边做项目…认识微信小程序首先，小程序类似Web，但不同于我们所认识的HTML，它有属于自己的开发语言及工具小程序与普通网页开发的区别小程序的主要开发语言是 JavaScript，同普通的网页开发来做对比两者有很大的相似性。在网页开发中，渲染线程和脚本线程是互斥的，这也是为什么长时间的脚本运行可能会导致页面失去响应，而在小程序中，二者是分开的，分别运行在不同的线程中。