小程序学习

一、第一天

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)

相关推荐
代码s贝多芬的音符20 分钟前
ios android 小程序 蓝牙 CRC16_MODBUS
android·ios·小程序
狂团商城小师妹21 分钟前
XYlease租赁商城小程序
微信·微信小程序·小程序
weixin_1772972206922 分钟前
家政小程序系统开发:打造便捷高效的家政服务平台
大数据·小程序·家政
2501_915909062 小时前
“绑定 HTTPS” 的工程全流程 从证书配置到真机验证与故障排查
网络协议·http·ios·小程序·https·uni-app·iphone
2501_915918413 小时前
iOS 混淆实战 多工具组合完成 IPA 混淆、加固与工程化落地(iOS混淆|IPA加固|无源码混淆|Ipa Guard|Swift Shield)
android·ios·小程序·https·uni-app·iphone·webview
游戏开发爱好者85 小时前
如何系统化掌握 iOS 26 App 耗电管理,多工具协作
android·macos·ios·小程序·uni-app·cocoa·iphone
2501_915921437 小时前
运营日志驱动,在 iOS 26 上掌握 App 日志管理实践
android·macos·ios·小程序·uni-app·cocoa·iphone
小小王app小程序开发9 小时前
盲盒小程序核心玩法深度解析:一番赏、无限赏及商业逻辑拆解
小程序
skywalk81639 小时前
用Trae自动生成一个围棋小程序
人工智能·小程序
從南走到北10 小时前
西陆房产系统小程序
微信·微信小程序·小程序