小程序具体开发

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化

数据共享

分包

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

相关推荐
吴声子夜歌7 天前
小程序——布局示例
小程序
luffy54597 天前
微信小程序页面使用类似filter函数的wxs语法
微信小程序·小程序
Slow菜鸟7 天前
微信小程序开发(二)目录结构完全指南
微信小程序·小程序
小小王app小程序开发7 天前
海外盲盒小程序抽赏玩法分析(附跨境技术落地要点)
小程序
一叶星殇7 天前
微信小程序请求拦截器踩坑:避免重复刷新 token
微信小程序·小程序
hello kitty w7 天前
4. 基本语法
小程序
CHU7290357 天前
探索淘宝扭蛋机小程序:创意互动与趣味体验的融合
小程序
头发还在的女程序员7 天前
【免费下载】企业能源管理系统
小程序·策略模式·能源管理
吴声子夜歌8 天前
小程序——样式与布局
小程序
hello kitty w8 天前
3.小程序方法的封装
javascript·小程序