小程序具体开发

window 导航栏

属性名 类型 默认值 作用
navigationBarTitle Text string 字字符串 导航栏标题内容
navigationBarBackgroundColor Hexcolor #000000 设置导航栏背景颜色(比如荧黄色 #ffa)
navigationBarTextStyle string white 设置导航栏标题的颜色(仅含有黑色和白色)
backgroundColor Hexcolor #ffffff 窗口的背景颜色
backgroundTextStyle string dark 设置下拉 loading 的样式 仅支持 dark/light
enablePullDownRefresh Boolean false 是否全局开启下拉刷新
onReachBottomDistance Number 50 页面上拉触底事件触发阈值(距页面底部距离 单位为 px

我们习惯性动作就是向下拉动屏幕,这样我们的页面就会重新加载

app.json

json 复制代码
  "window": {
    "navigationBarTextStyle": "black",
    "navigationStyle": "custom"
  },

tabbar

页面常见配置

网络请求

不存在跨域问题

如何方便开发跳过https,使用本地的http,

在调试工具中,勾选不校验合法域名

申明式导航和编程式导航

/**

  • 生命周期函数--监听页面加载
  • 可以接受导航参数
    */
    onLoad(options) {
    console.log(options)

},

上拉触底请求截流

需要一个locked锁和loading加载图标的显示;

编译模式

自定义编译模式可以实现,默认刷新小程序跳转到指定页面

小程序生命周期

小程序生命周期:启动 运行 销毁

页面的生命周期:加载 渲染 销毁

js 复制代码
/**
   * 生命周期函数--监听页面加载
   * 小程序初始化运行
   * 加载1次
   */
  onLoad() {},
  /**
   * 生命周期函数--监听页面初次渲染完成
   * 渲染完成1次,可以设置标题做一些dom操作,onload没有页面不能
   */
  onReady() {},
  /**
   * 生命周期函数--监听页面显示
   * 小程序后台进入前台运行
   */
  onShow() {},
  /**
   * 生命周期函数--监听页面隐藏
   * 小程序前台进入后台运行
   */
  onHide() {},
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {  },
 

wxs

自定义组件以及组件引入局部和全局组件

组件的生命周期



组件插槽

组件通信

behavior

引入外部npm

promise化

数据共享

分包

主包,分包,普通包,独立包

相关推荐
说私域2 小时前
信息时代的消费者行为变迁与应对策略:基于链动2+1模式、AI智能名片及S2B2C商城小程序的分析
大数据·人工智能·小程序
毕业设计-017 小时前
0051.ssm+小程序校园餐厅订餐小程序+论文
后端·小程序·毕业设计·ssm·源代码管理
XDU小迷弟11 小时前
第5天:APP应用&微信小程序&原生态开发&H5+Vue技术&封装打包&反编译抓包点
vue.js·web安全·微信小程序·小程序·架构
院人冲冲冲12 小时前
需求:h5和小程序预览图片需要有当前第几张标识
前端·小程序
紫麦熊1 天前
微信小程序订阅消息提醒-云函数
微信小程序·小程序
V+zmm101341 天前
基于java的餐厅点餐系统微信小程序ssm+论文源码调试讲解
java·数据库·微信小程序·小程序·毕业设计
说私域1 天前
基于开源AI智能名片2+1链动模式S2B2C商城小程序的企业数字化转型深度策略与实践
人工智能·小程序·开源
V+zmm101341 天前
新冠肺炎服务预约微信小程序的设计与实现ssm+论文源码调试讲解
java·数据库·微信小程序·小程序·毕业设计
code袁2 天前
校园跑腿小程序---轮播图,导航栏开发
git·小程序·校园跑腿·notepad++·小程序开发
计算机徐师兄2 天前
Java基于SSM框架的在线视频教育系统小程序【附源码、文档】
java·小程序·在线视频教育系统小程序·在线视频教育·在线视频教育微信小程序·视频教育