15天项目

UniApp Vue3 组合式 API 版本 15 天学习计划

第1天:开发环境配置和基础知识

  1. uniapp Vue3 版本知识点概述
  2. 安装并配置 HBuilderX 编辑器
  3. 创建第一个 Vue3 项目
  4. 配置外部浏览器和各种小程序模拟器
  5. 创建页面及了解 Vue 页面的基本组成部分

第2天:常用内置组件

  1. 学习 view 和 text 组件的使用
  2. 掌握 scroll-view 可滚动视图区域组件
  3. 理解 swiper 滑块视图容器的用法
  4. 学习 image 组件属性,并结合 swiper 实现图片轮播
  5. 使用 navigator 组件实现路由与页面跳转
  6. 熟悉 button 和 input 等常用表单组件

第3天:Vue3 组合式 API 基础(上)

  1. 学习 Vue3 模板语法和插值表达式
  2. 使用 ref 定义响应式数据变量
  3. 掌握 v-bind 指令,并用于图片轮播案例
  4. 学习 class 和 style 的动态绑定
  5. 了解事件处理,包括原生事件和组件内置事件
  6. 创建自定义模板,快速生成 uniapp 的 Vue3 页面结构

第4天:Vue3 组合式 API 基础(下)

  1. 学习条件渲染 v-if 和 v-show 的使用和对比
  2. 掌握列表渲染 v-for 的用法
  3. 完成购物车案例,理解 key 的重要性
  4. 实现小鸡案例,学习表单 focus 和 blur 事件
  5. 理解 v-model 双向绑定的实现原理
  6. 完成热梗案例,综合运用前面学习的知识点

第5天:Vue3 高级特性

  1. 学习 computed 计算属性的用法
  2. 完成计价案例,使用计算属性配合循环遍历统计总价
  3. 掌握 watch 和 watchEffect 的使用方法
  4. 了解 computed、watch 和 methods 的异同点和使用场景

第6天:深入 Vue 组件(上)

  1. 学习 uniapp 中创建组件的方法,对比 Vue 官方文档
  2. 掌握通过 Props 进行组件间数据传递
  3. 学习 Prop 校验和默认值设置
  4. 理解插槽(Slots)和具名插槽的使用

第7天:深入 Vue 组件(下)

  1. 学习在组件中使用 emit 声明和触发事件
  2. 了解 Vue3 组合式 API 中的组件生命周期函数
  3. 使用 defineExpose 暴露子组件的属性和方法
  4. 掌握页面生命周期函数 onLoad 和 onReady 的使用
  5. 对比 onShow 和 onHide 钩子,了解它们的执行顺序
  6. 学习 onUnload 和 onPageScroll 的使用场景

第8天:uniapp 全局配置和 API 调用(上)

  1. 了解响应式单位 rpx 和 UI 设计工具的使用
  2. 学习导入 CSS 样式和使用 SCSS 变量
  3. 配置 pages.json 的 globalStyle 属性
  4. 设置页面路径和窗口表现
  5. 配置 tabBar 底部菜单
  6. 学习配置 manifest.json 和注册微信小程序 appid

第9天:uniapp 全局配置和 API 调用(下)

  1. 安装和使用 unplugin-auto-import 插件
  2. 学习交互反馈 API:showToast、showLoading、showModal
  3. 掌握 showActionSheet 的使用
  4. 学习动态设置页面导航条样式
  5. 了解 setTabBar 和下拉刷新 API 的使用
  6. 掌握页面路由 API 和获取页面栈信息
  7. 学习使用 StorageSync 进行数据缓存
  8. 掌握 uni.request 发送网络请求的方法

第10天:萌宠集小实例开发

  1. 完成页面布局设计
  2. 调用萌宠 API 接口并渲染数据
  3. 学习使用 access-key 进行 API 认证
  4. 实现图片预览和懒加载功能
  5. 学习 Promise 的 then-catch-finally 用法
  6. 实现下拉刷新和触底加载更多功能
  7. 了解底部安全区域 CSS 环境变量
  8. 学习使用 uni-ui 扩展组件
  9. 实现使用分段器组件切换萌宠类型

第11天:咸虾米壁纸项目(上)

  1. 项目概述和初始化
  2. 实现 banner 海报轮播功能
  3. 使用 swiper 实现纵向公告区域
  4. 完成每日推荐滑动布局
  5. 学习使用组件具名插槽定义公共标题模块
  6. 实现磨砂背景定位布局的专题组件
  7. 学习同一组件传递不同属性值展示不同效果

第12天:咸虾米壁纸项目(中)

  1. 设置项目底部 tab 页面切换
  2. 完成个人中心页面布局
  3. 学习使用条件编译实现多终端匹配
  4. 设置全局渐变背景色
  5. 学习使用 SCSS 变量和 deep() 修改子组件样式
  6. 创建分类列表并完成页面跳转
  7. 实现全屏页面布局和遮罩层效果
  8. 使用 uni-popup 组件制作弹出层效果

第13天:咸虾米壁纸项目(下)

  1. 实现评分功能,使用 uni-rate 组件
  2. 自定义头部导航栏布局
  3. 学习获取系统信息,适配不同设备
  4. 使用条件编译适配抖音小程序
  5. 完善各个页面的布局和串联

第14天:网络请求封装和接口对接

  1. 封装 Promise 化的 request 网络请求
  2. 在首页调用真实接口并渲染数据
  3. 完成分类页面的数据渲染
  4. 实现触底加载更多功能
  5. 添加骨架屏和加载更多样式
  6. 实现壁纸预览和切换功能
  7. 完成评分接口对接和本地缓存
  8. 实现保存壁纸到相册功能
  9. 添加分享功能

第15天:项目完善和多平台打包上线

  1. 完成个人中心页面数据渲染
  2. 实现下载和评分页面
  3. 使用富文本插件渲染公告详情
  4. 完成搜索功能
  5. 学习跳转到其他小程序的方法
  6. 打包发行微信小程序
  7. 打包抖音小程序
  8. 打包 H5 并发布到 uniCloud
  9. 打包安卓 APP
  10. 项目总结和知识拓展

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

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

相关文章

python使用装饰器来统计函数被调用次数、格式化dict以及Python-smtplib邮件发送的IP name possibly forged问题解决

一、python调试:使用装饰器来统计函数被调用次数及格式化dict 喜欢调试的时候显示数据并显示一些其它的信息,比如区分是哪次调用的调试信息,比如友好的显示dict等相对复杂的数据类型,所以这里涉及到两个方面。一是统计函数被调用次…

【计算机网络】网络相关技术介绍

文章目录 NAT概述NAT的基本概念NAT的工作原理1. **基本NAT(静态NAT)**2. **动态NAT**3. **NAPT(网络地址端口转换,也称为PAT)** 底层实现原理1. **数据包处理**2. **转换表**3. **超时机制** NAT的优点NAT的缺点总结 P…

大模型微调十诫:关于将微调模型部署到生产环境的十条建议

转自NLP工程化 大模型微调十诫:关于将微调模型部署到生产环境的十条建议: (1)不要盲目微调模型,先尝试使用提示的方式满足需求。只有当提示无法达到质量、性能或成本目标时,才考虑微调。 (2&…

RabbitMQ延迟队列

1场景: 1.下单之后,给10分钟时间进行支付,如果10分钟后,没有支付,订单取消。(可以使用队列的ttl,因为所有的消息都是一样的停留时长10分钟) 2.定时发布文章(要求4月1号…

MPA-SVM多变量分类预测|海洋捕食者优化算法-支持向量机|Matalb

目录 一、程序及算法内容介绍: 基本内容: 亮点与优势: 二、实际运行效果: 三、算法介绍: 四、完整程序下载: 一、程序及算法内容介绍: 基本内容: 本代码基于Matlab平台编译&…

JavaScript 数组简单学习

目录 1. 数组 1.1 介绍 1.2 基本使用 1.2.1 声明语法 1.2.2 取值语法 1.2.3 术语 1.3 案例 1. 数组 1.1 介绍 1.2 基本使用 1.2.1 声明语法 1.2.2 取值语法 1.2.3 术语 1.3 案例

基于java+springboot的旅游信息网站、旅游景区门票管理系统设计与实现

该系统是基于javaspringboot开发的旅游景区门票管理系统。是给师弟开发的大四实习作品。学习过程中,遇到问题可以咨询github作者。 演示地址 前台地址: http://travel.gitapp.cn 后台地址: http://travel.gitapp.cn/admin 后台管理帐号&am…

植物大战僵尸修改器-MFC

创建项目 创建mfc应用 基于对话框 打开资源视图下的 IDD_MFCAPPLICTION2_DIALOG 限制对话框大小 将属性中Border的值改为对话框外框 删除对话框中原有的控件 属性-外观-Caption 设置对话框标题 工具箱中拖放一个按钮 修改按钮名称 将按钮ID改为IDC_COURSE 在MFCApplication2…

Fiddler配合wireshark解密ssl

环境: win11(wireshark)--虚拟机win7(Fiddler)---虚拟机win7(HTTPS站点) 软件安装问题: 需要.net环境,NDP461-KB3102436-x86-x64-AllOS-ENU.exe。 安装fiddler后安装下…

Golang通用代码生成器:仙童,电音仙女尝鲜版十二,为售前准备的哑数据模式

Golang通用代码生成器:仙童,电音仙女尝鲜版十二,为售前准备的哑数据模式 哑数据模式是一种使用内存数据的为快速原型准备的模式。专门为售前,产品经理和项目经理准备。Golang通用代码生成器支持此种模式,请见视频:https://www.bi…

【Qt+Python项目构建】- 02 Qt creator 14.0 + PySide6 如何让图像控件的尺寸变化和窗口一致

前言:【这是个AI不会回答的问题】 Qt Creator 新的版本又发出了,Pyside6 有很多新功能。但是,一些传统的方法要被淘汰了。 一个经典的例子是: 我有个一个图像要显示在Form里面的图像控件上,OK, 我现在拖…

HarmonyOs 查看官方文档使用弹窗

1. 学会查看官方文档 HarmonyOS跟上网上的视频学习一段时间后,基本也就入门了,但是有一些操作网上没有找到合适教学的视频,这时,大家就需要养成参考官方文档的习惯了,因为官方的开发文档是我们学习深度任何一门语言或…

AI资深导师指导-ChatGPT深度科研工作应用、论文撰写、数据分析及机器学习与AI绘图

2022年11月30日,可能将成为一个改变人类历史的日子——美国人工智能开发机构OpenAI推出了聊天机器人ChatGPT3.5,将人工智能的发展推向了一个新的高度。2023年4月,更强版本的ChatGPT4.0上线,文本、语音、图像等多模态交互方式使其在…

嵌入式硬件设计中EDA布局与布线实现

大家好,今天主要给大家分享一下,如何使用立创EDA进行布局和布线,具体实现过程如下: 第一:PCB概念介绍 在介绍PCB的时候,先来说明一下,电子管的发明史。 贝尔在1876年发明了电话,爱迪生1879年发明了白炽灯、特斯拉于1888年发明了电动机,所有这些,都为电子学的诞生准…

如何修改银河麒麟高级服务器操作系统修改网卡名称(如从ens33到eth0)

如何修改银河麒麟高级服务器操作系统修改网卡名称(如从ens33到eth0) 💖The Begin💖点点关注,收藏不迷路💖 查找并修改配置文件: 使用ifconfig查看网卡名称(如enp1s0)。找…

计算机网络实验一:组建对等网络

实验一 组建对等网络 实验要求: 1. 组建对等网络,会在命令行使用ipconfig,两网络能够相互ping通,尝试netstat 命令 2. 建立局域网共享文件夹 3. 安装packet tracer,模拟组建对等网并测试对等网 1、组建对等网络 连…

HAL+M4学习记录_4

一、按键 记录学习使用HAL库读取板载按键输入键值 板载三颗按键,引脚配置如下 其中K_UP按键按下为高电平,那么PA0引脚要配置为下拉模式;K0和K1按下为低电平,那么PE4和PE3引脚要配置为上拉模式。 二、通过按键控制LED 这里实现的…

保姆教程篇:手把手教你从零开始本地部署Dify工作流

本教程将指导您在个人电脑上安装和配置 Dify。 为什么需要Dify 在开始具体的教程之前,先搞清楚为什么要选择 Dify。 6 月份,阿里巴巴全球数学竞赛中,首次接受AI参赛。结果令人大跌眼镜:AI选手们的表现完全无法与人类选手相提并…

STM32外设详解——ADC

来源:铁头山羊 基本概念 ①ADC是模数转换器的统称,stm32f103c8t6内部集成了2个12位主次逼近型ADC,外设名称为ADC1、ADC2。 ② 采样深度为12位意味着ADC可以将0~3.3V的模拟电压等比转换为0~4095的数字值(分割为2的12次方份&…

SOMEIP_ETS_178: Subscribe_using_wrong_SOMEIP_MessageID

测试目的: 验证DUT能够拒绝一个SOME/IP头部使用错误消息ID进行服务发现的SubscribeEventgroup消息,并以SubscribeEventgroupNAck作为响应。 描述 本测试用例旨在确保DUT遵循SOME/IP协议,当接收到一个使用错误消息ID的服务发现SubscribeEve…