小程序学习

news2024/10/6 20:38:22

一、第一天 

1、小程序体验 

2、注册账号 

小程序 (qq.com)

3、开发工具下载

下载 / 稳定版更新日志 (qq.com)

4、目录结构

 

  "navigationBarBackgroundColor": "#00b26a" 配置头部背景色

4、wxml模板介绍

5、wxss

6、js文件

7、宿主环境

1、通信主体

2、运行机制

3、组件

3.1、垂直方向滚动条实现

3.2、轮播图

 

 

3.3、常用基础内容组件

 

3.4、其他常用组件

4、API

8、协同工作

9、版本

10、上传

二、第二天

1、数据

 

 2、事件

 

 

触发事件改动data里面的数据 

3、文本框

 文本框和data数据同步:

4、条件渲染 

 

5、列表渲染

 

6、wxss样式

7、样式导入 

 8、全局配置

 navigationBar和background区域都可以通过window来配置;

9、tagBar

10、页面配置

11、发起网络 请求

12、开发环境跳过request合法域名校验与跨域问题

三、第三天:

1、页面导航-声明式导航

注意:url必须以/开头

 2、编程式导航

3、导航传参

4、接收参数

5、页面事件

5.1、下拉刷新

5.2、上拉触底

6、自定义编译模式

7、生命周期

8、wxs脚本

 

9、下拉加载判断数据是否都加载完成

 当数据都加载完成后就不再请求了,返回一个wx.showToast方法:

 

 四、第四天

 

 1、创建和引用组件

注意:这里必须有一个空格,否则不起作用

2、组件的样式隔离 

 

 3、组件的数据和方法使用

 

4、组件数据监听

5、纯数据字段 

6、组件生命周期

7、插槽

8、父子组件通信的三种方式

9、behaviors

 

五、第五天

1、npm包相关

快速上手 - Vant Weapp (gitee.io)

使用 CSS 自定义属性(变量) - CSS:层叠样式表 | MDN (mozilla.org)

2、API promise化

  1. 安装:yarn add miniprogram-api-promise
  2. 删除miniprogram_npm文件
  3. 工具-构建npm
  4. 报错的话就执行下面截图的操作,然后再次构建npm包即可;

 

 3、全局数据共享

 1、页面数据全局共享

 2、组件数据全局共享

4、分包

5、分包预下载

 

6、自定义tabBar

基础能力 / 自定义 tabBar (qq.com)

六、项目

项目地址:uniapp - 黑马优购 (itheima.net)

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

开发知识点-Apache Struts2框架

Apache Struts2 介绍S2-001S2CVE-2023-22530 介绍 Apache Struts2是一个基于MVC(模型-视图-控制器)设计模式的Web应用程序框架,它是Apache旗下的一个开源项目,并且是Struts1的下一代产品。Struts2是在Struts1和WebWork的技术基础…

el-table-column嵌套el-form-item不能进行校验问题解决

项目为vue3elementPlus开发的项目 业务要求:table表格展示数据,其中有一行是ip地址可展示可修改,此处要求增加自定义校验规则 先看一下效果: 此处先描述一下,问题出在了哪里,我将el-table的data,使用一个…

IO调度器详解

一、调度器演进 1.1 什么是IO调度器? 传统的磁盘因为有磁头,磁头移动有开销。最早的调度器会对访问磁盘的IO做基于磁盘访问位置的排序和合并, 让磁头以最少的移动来完成最大的IO量, 以提升系统IO带宽。 现在的SSD, 物理…

201909青少年软件编程(Scratch)等级考试试卷(三级)

青少年软件编程(Scratch)等级考试试卷(三级)2019年9月 第1题:【 单选题】 执行下面的脚本后,变量“分数”的值是多少?() A:5 B:6 C:10 D:25 【正确答案】: C 【试题…

NASA数据集——GOES-16卫星的高级图像和地球观测数据

简介 GHRSST NOAA/STAR GOES-16 ABI L2P America Region SST v2.70 dataset in GDS2 ABI_G16-STAR-L2P-v2.70是美国国家航空航天局(NASA)的一种卫星数据处理产品。这个产品是由GOES-16(也称为GOES-East)卫星的先进基线/全球地球…

无法设置查询条件,应该如何解决?

使用易查分制作查询系统时,无法正常设置查询条件,应如何解决? 📌问题解决方法 01表格第一行是标题 如果上传的表格,第1行内容是标题而非表头,则易查分系统将无法识别查询条件,需要重新上传第1行…

Spring Cloud微服务在Windows本地开发时禁用Nacos注册中心注册

码到三十五 : 个人主页 心中有诗画,指尖舞代码,目光览世界,步履越千山,人间尽值得 ! 本文将介绍如何在Spring Cloud微服务架构中,实现在Windows本地开发环境下禁用服务自动注册到Nacos注册中心&#xff0…

有点NB的免费wordpress主题模板

一个不错的黄色模板,用WP免费主题模板搭建家政服务公司网站。 https://www.wpniu.com/themes/15.html

【npm】前端工程项目配置文件package.json详解

简言 详细介绍了package.json中每个字段的作用。 package.json 本文档将为您介绍 package.json 文件的所有要求。它必须是实际的 JSON,而不仅仅是 JavaScript 对象文字。 如果你要发布你的项目,这是一个特别重要的文件,其中name和version是…

智能音箱技术解析

目录 前言智能音箱执行步骤解析1.1 探测唤醒词或触发词1.2 语音识别1.3 意图识别1.4 执行指令 2 典型的智能音箱2.1 百度小度音响2.2 小米小爱同学2.3 苹果 HomePod 3 功能应用举例3.1 设置计时器3.2 播放音乐 结语 前言 智能音箱已经成为日常生活中不可或缺的一部分&#xff…

(七)数据库的安全性

7.1存取控制 7.1.1自主存取控制DAC 7.1.2强制存取控制MAC 7.2审计 其他安全性保护

【字符串】【分类讨论】【KMP】1163. 按字典序排在最后的子串

作者推荐 视频算法专题 本文涉及知识点 字符串 字典序 分类讨论 本题无法使用KMP,因为t1不段变化。 LeetCode1163. 按字典序排在最后的子串 给你一个字符串 s ,找出它的所有子串并按字典序排列,返回排在最后的那个子串。 示例 1&#xf…

关于华为昇腾(Ascend)AI芯片,CANN计算架构,MindSpore深度学习框架,MindStudio开发工具

1、华为昇腾生态 深度学习之前的配置都是:NVIDIA GPU / CPU CUDA Tensorflow/PyTorch 后来老美禁止 NVIDIA 卖GPU芯片给我们,于是国内企业开始发力CPU和GPU硬件,成果丰硕,虽然与NVIDIA顶级GPU还有一些差距,但是也不…

网络故障基本判断方法

1)电脑上使用winR键,打开运行窗口,输入CMD命令,点击回车键 2)在弹出的CMD运行窗口中输入ipconfig命令 通过该命令可以查看本机的IP地址,子网掩码和网关等信息。确认电脑中所有网卡配置是否正确。 3&…

有点炫酷有点diao的免费wordpress模板主题

这是一款经典的免费wordpress主题,被广泛应用于多个行业的网站。 https://www.wpniu.com/themes/189.html

【linux】04 :linix实用操作

1.常用快捷键 ctrlc表示强制停止。linux某些程序的运行,如果想强制停止,可以使用;命令输入错误,也可以通过ctrlc,退出当前输入,重新输入。 ctrld表示退出登录,比如退出root以回到普通用户,或者…

visual studio 将编译后的dll等文件自动复制到指定目录

编译后的文件dll等总要手动复制到指定目录下,为了解决这一繁琐的操作,可以直接设置在编译完成后,自动复制到目标目录 - 在解决方案资源管理器,选中项目右键-》选中属性-》在弹出的面板选择生成事件 - 在后期生成事件命令行里填写…

IOS降级后从高版本到低版本恢复备份

IOS降级后从高版本到低版本恢复备份 此方法只适用于小版本还原,比如17.4->17.3,未验证大版本恢复可行性手机型号:iphone 13pro 系统版本:17.4 降级版本:17.3.1 步骤 通过itunes或者MacOS系统下对当前版本进行备份…

React-useEffect

1.概念 说明:用于在React组件中创建不是由事件引起而是由渲染本身引起的操作,比如发送 A列AX请求,更改DOM等。 2.案例 // useEffect用于组件不是由事件引起的而是由渲染本身引起的操作,如ajax,更改Dom等。 import { useEffect,…

【MapReduce】03.MapReduce框架原理

目录 1.InputFormat数据输入 1.1.切片与MapTask并行度决定机制 1.2.Job提交流程源码和切片源码 1.3.FileInputFormat切片机制 1.4.TextInputFormat 1.5.CombineTextInputFormat切片机制 1.6.CombineTextInputFormat 1.InputFormat数据输入 1.1.切片与MapTask并行度决定…