小程序具体开发

window 导航栏

属性名类型默认值作用
navigationBarTitleText string字字符串导航栏标题内容
navigationBarBackgroundColorHexcolor#000000设置导航栏背景颜色(比如荧黄色 #ffa)
navigationBarTextStylestringwhite设置导航栏标题的颜色(仅含有黑色和白色)
backgroundColorHexcolor#ffffff窗口的背景颜色
backgroundTextStylestring dark设置下拉loading 的样式 仅支持 dark/light
enablePullDownRefreshBooleanfalse是否全局开启下拉刷新
onReachBottomDistanceNumber50页面上拉触底事件触发阈值(距页面底部距离 单位为 px

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

app.json

  "window": {"navigationBarTextStyle": "black","navigationStyle": "custom"},

tabbar

页面常见配置

在这里插入图片描述

网络请求

不存在跨域问题
如何方便开发跳过https,使用本地的http,
在调试工具中,勾选不校验合法域名
在这里插入图片描述

申明式导航和编程式导航

/**

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

},

上拉触底请求截流

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

编译模式

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

小程序生命周期

小程序生命周期:启动 运行 销毁
页面的生命周期:加载 渲染 销毁

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

wxs

在这里插入图片描述

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

组件的生命周期

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

组件插槽

组件通信

在这里插入图片描述

behavior在这里插入图片描述

引入外部npm

promise化

在这里插入图片描述

数据共享

在这里插入图片描述

分包

主包,分包,普通包,独立包
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/66544.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

在 Windows 上安装 OpenCV – C++ / Python

在这篇博文中,我们将在 Windows 上安装适用于 C 和 Python 的 OpenCV。 C 安装是在自定义安装 exe 文件的帮助下完成的。而Python的安装是通过Anaconda完成的。 在 Windows 上安装 OpenCV – C / Python(opencv官方Wndows上安装openCV- C/ Pthon 的链接…

STM32 F103C8T6学习笔记7:双机无线串口通信

今日尝试配通俩个C8T6单片机之间的无线串口通信,文章提供原理,源码,测试效果图,测试工程下载: 目录 传输不规范问题: 串口通信资源: 单个串口资源理解: 单片机串口资源&#xf…

NIO 非阻塞式IO

NIO Java NIO 基本介绍 Java NIO 全称 Java non-blocking IO,是指 JDK 提供的新 API。从 JDK1.4 开始,Java 提供了一系列改进的输入/输出的新特性,被统称为 NIO(即 NewIO),是同步非阻塞的。NIO 相关类都被…

① vue复习。从安装到使用

vue官网:cn.vuejs.org vue安装 cnpm install -g vue/cli 查看是否安装成功 vue --version 创建一个项目 vue create vue-demo(项目名称) 这个取消掉。空格可选中或者取消。 运行项目: cd 进入到项目下 npm run serve 运行成功后,访问这…

k8s ------存储卷(PV、PVC)

目录 一:为什么需要存储卷? 二:emptyDir存储卷 ​三:hostPath存储卷 四:nfs共享存储卷 五:PVC 和 PV 1、PVC 和 PV介绍 2、PV和PVC之间的相互作用遵循的生命周期 3、PV 的4 种状态 4、一个PV从创…

圆满收官丨“2023年度第一季万博智云云迁移架构师训练营”结营了

“2023年度第一季万博智云云迁移架构师训练营”于今日圆满落幕。百余名来自全国各地30企业的工程师报名参加学习,其中60工程师在忙碌工作中抽空参与考试,近40名工程师通过万博智云云迁移架构师OCCE认证。 为了帮助工程师们掌握云迁移基础知识&#xff0c…

Redux - Redux在React函数式组件中的基本使用

文章目录 一,简介二,安装三,三大核心概念Store、Action、Reducer3.1 Store3.2 Reducer3.3 Action 四,开始函数式组件中使用4.1,引入store4.1,store.getState()方法4.3,store.dispatch()方法4.4&…

Qt自定义对话框

介绍 自定义框主要通过对现有对话框QDialog类的派生,根据需求编写成员函数、重载信号函数、槽函数,进而实现在主QWidget中点击某个按钮后,一个对话框的弹出 流程 简化创建派生类 最后点击完成即可。 自定义ui界面,编写成员函数…

【PDF.js】PDF.js的简单使用与CDN加速遇到的问题

PDF.js的简单使用与CDN加速遇到的问题 一、PDF.js是什么?二、PDF.js三、 选择PDF.js的版本下载1. Prebuilt (现代浏览器) *作者选择2. Prebuilt (历史淘汰浏览器)3. Source 来源4. 通过CDN加速5. 文件树PrebuiltSource 6. 尝试查看器 四、选择文档(不是使…

【卷积神经网络】卷积,池化,全连接

随着计算机硬件的升级与性能的提高,运算量已不再是阻碍深度学习发展的难题。卷积神经网络(Convolution Neural Network,CNN)是深度学习中一项代表性的工作,CNN 是受人脑对图像的理解过程启发而提出的模型,其…

Boost开发指南-4.4assign

assign 许多情况下我们都需要为容器初始化或者赋值,填入大量的数据,比如初始错误代码和错误信息,或者是一些测试用的数据。在C98中标准容器仅提供了容纳这些数据的方法,但填充的步骤却是相当地麻烦,必须重复调用inser…

Redis_主从复制

8. 主从复制 8.1 简介 主从库采用读写分离的方式 读操作:主库、从库都可以处理写操作:首先写到主库执行,然后再将主库同步给从库。 实现读写分离,性能扩展 容灾快速恢复 8.2 主从复制步骤 创建一个目录 ,在root下创建一个m…