更新时间:2023年04月19日16时54分 来源:传智教育 浏览次数:
1. 详尽的讲解了微信小程序的基础知识
2. 基于 uni-app 实现微信小程序项目的开发
3. 项目中会涉及到登录支付等微信小程序特有的能力
1、本课程从小程序账号注册、开发环境搭建、基础语法、路由导航、数据请求、分包、组件化等方面详细阐述了小程序开发必备的基础知识。
2、学完小程序基础之后,利用 uni-app 技术实现微信小程序的开发,可以做到一次开发多端部署。
3、项目拥有首页、搜索页、商品列表页、商品详情页、购物车、登录支付等主要功能。涵盖了分包、vuex、组件化开发等核心技术点的使用。
1. 对小程序开发感兴趣的开发者。
2. 希望学习小程序提高行业竞争力的前端开发者。
3. 希望通过学习小程序完成业务开发的在职人员。
只要大家有需求
我们的视频教程就绝不会缺席
黑马程序员重磅发布新教程
手把手快速带你开发微信小程序(滑动查看)
第1节 - 学习目标
第2节 - 小程序简介 - 小程序与普通网页开发的区别
第3节 - 小程序简介 - 体验微信小程序
第4节 - 第一个小程序 - 了解注册小程序开发账号的流程
第5节 - 第一个小程序 - 获取小程序的AppID
第6节 - 第一个小程序 - 安装微信开发者工具
第7节 - 第一个小程序 - 扫码登录到微信开发者工具
第8节 - 第一个小程序 - 设置外观和代理
第9节 - 第一个小程序 - 演示新建小程序项目的步骤
第10节 - 第一个小程序 - 查看项目运行效果的两种方式
第11节 - 第一个小程序 - 了解微信开发者工具主界面的5个组成部分
第12节 - 小程序代码的构成 - 了解项目的基本组成结构
第13节 - 小程序代码的构成 - 小程序页面的组成部分
第14节 - 小程序代码的构成 - 认识小程序中的4种配置文件
第15节 - 小程序代码的构成 - app.json文件
第16节 - 小程序代码的构成 - project.config.json文件
第17节 - 小程序代码的构成 - sitemap.json文件
第18节 - 小程序代码的构成 - 页面的.json配置文件
第19节 - 小程序代码的构成 - 新建小程序页面
第20节 - 小程序代码的构成 - 修改项目首页
第21节 - 小程序代码的构成 - WXML的概念以及和HTML之间的区别
第22节 - 小程序代码的构成 - WXSS的概念以及和CSS之间的区别
第23节 - 小程序代码的构成 - 了解小程序中JS文件的三大分类
第24节 - 宿主环境 - 了解宿主环境的概念
第25节 - 宿主环境 - 小程序的宿主环境
第26节 - 宿主环境 - 通信的主体
第27节 - 宿主环境 - 小程序的通信模型
第28节 - 宿主环境 - 运行机制
第29节 - 宿主环境 - 组件 - 了解常用的视图容器组件
第30节 - 宿主环境 - 组件 - view组件的基本使用
第31节 - 宿主环境 - 组件 - scroll-view组件的基本使用
第32节 - 宿主环境 - 组件 - swiper和swiper-item的基本使用
第33节 - 宿主环境 - 组件 - swiper组件的常用属性
第34节 - 宿主环境 - 组件 - text和rich-text组件
第35节 - 宿主环境 - 组件 - button按钮组件
第36节 - 宿主环境 - 组件 - image图片组件
第37节 - 宿主环境 - 小程序API的3大分类
第38节 - 协同工作 - 了解权限管理需求、组织结构、开发流程
第39节 - 协同工作 - 了解小程序成员管理的两个方面
第40节 - 协同工作 - 开发者的权限说明
第41节 - 协同工作 - 了解如何添加项目成员和体验成员
第42节 - 发布 - 了解小程序的版本阶段
第43节 - 发布 - 了解小程序发布上线的主要步骤
第44节 - 发布 - 基于小程序码进行推广
第45节 - 发布 - 查看小程序的运营数据
第46节 - 总结
第47节 - 学习目标
第48节 - 数据绑定 - 了解数据绑定的原则
第49节 - 数据绑定 - 动态绑定属性
第50节 - 数据绑定 - 三元运算
第51节 - 数据绑定 - 算数运算
第52节 - 事件绑定 - 了解什么是事件以及小程序中常用的事件
第53节 - 事件绑定 - 事件对象的属性列表
第54节 - 事件绑定 - target和currentTarget的区别
第55节 - 事件绑定 - bindtap的语法格式
第56节 - 事件绑定 - 在事件处理函数中为data中的数据赋值
第57节 - 事件绑定 - 事件传参
第58节 - 事件绑定 - bindinput的语法格式
第59节 - 事件绑定 - 实现文本框和data之间的数据同步
第60节 - 条件渲染 - if...elif...else
第61节 - 条件渲染 - 基于block标签使用if条件渲染
第62节 - 条件渲染 - hidden
第63节 - 条件渲染 - if和hidden的区别
第64节 - 列表渲染 - for循环的基本用法
第65节 - 列表渲染 - 手动指定索引和当前项的变量名
第66节 - 列表渲染 - 指定key值提高渲染效率
第67节 - wxss - 了解什么是wxss以及它和css之间的关系
第68节 - wxss - 了解什么是rpx以及它的实现原理
第69节 - wxss - rpx与px之间的单位换算
第70节 - wxss - @import样式导入
第71节 - wxss - 全局样式
第72节 - wxss - 局部样式
第73节 - 全局配置 - 常用的全局配置项以及小程序窗口的组成部分
第74节 - 全局配置 - window - 设置导航栏的标题
第75节 - 全局配置 - window - 设置导航栏的背景色
第76节 - 全局配置 - window - 设置导航栏的标题颜色
第77节 - 全局配置 - window - 全局开启下拉刷新的功能
第78节 - 全局配置 - window - 关于模拟器的问题说明
第79节 - 全局配置 - window - 设置下拉刷新时的窗口背景色
第80节 - 全局配置 - window - 设置下拉刷新时loading的样式
第81节 - 全局配置 - window - 设置上拉触底的距离
第82节 - 全局配置 - tabBar - 什么是tabBar
第83节 - 全局配置 - tabBar - tabBar的6个组成部分
第84节 - 全局配置 - tabBar - 了解tabBar中的配置项
第85节 - 全局配置 - tabBar - 实现tabBar案例的效果
第86节 - 页面配置 - 了解页面配置和全局配置的关系
第87节 - 页面配置 - 页面配置中常用的配置项
第88节 - 数据请求 - 小程序中网络数据请求的限制
第89节 - 数据请求 - 配置request合法域名
第90节 - 数据请求 - 发起GET请求
第91节 - 数据请求 - 发起POST请求
第92节 - 数据请求 - 了解如何在页面刚加载的时候请求数据
第93节 - 数据请求 - 跳过request合法域名校验
第94节 - 数据请求 - 关于跨域和Ajax的说明
第95节 - 案例 - 创建项目并梳理项目结构
第96节 - 案例 - 配置导航栏效果
第97节 - 案例 - 配置tabBar效果
第98节 - 案例 - 获取轮播图的数据
第99节 - 案例 - 渲染轮播图效果
第100节 - 案例 - 获取九宫格的数据
第101节 - 案例 - 渲染九宫格的布局效果
第102节 - 案例 - 实现首页底部图片的布局效果
第103节 - 总结
第104节 - 学习目标
第105节 - 页面导航 - 了解小程序中实现页面导航的两种方式
第106节 - 页面导航 - 声明式导航 - 导航到tabBar页面
第107节 - 页面导航 -声明式导航 - 导航到非tabBar页面
第108节 - 页面导航 - 声明式导航 - 实现后退导航效果
第109节 - 页面导航 - 编程式导航 - 导航到tabBar页面
第110节 - 页面导航 - 编程式导航 - 导航到非tabBar页面
第111节 - 页面导航 - 编程式导航 - 实现后退导航效果
第112节 - 页面导航 - 导航传参 - 声明式导航传参
第113节 - 页面导航 - 导航传参 - 编程式导航传参
第114节 - 页面导航 - 导航传参 - 在onLoad中接收导航参数
第115节 - 页面事件 - 下拉刷新 - 了解什么是下拉刷新
第116节 - 页面事件 - 下拉刷新 - 启用下拉刷新
第117节 - 页面事件 - 下拉刷新 - 配置下拉刷新窗口的样式
第118节 - 页面事件 - 下拉刷新 - 监听页面的下拉刷新事件
第119节 - 页面事件 - 下拉刷新 - 停止下拉刷新的效果
第120节 - 页面事件 - 上拉触底 - 了解什么是上拉触底
第121节 - 页面事件 - 上拉触底 - 监听页面的上拉触底事件
第122节 - 页面事件 - 上拉触底 - 配置上拉触底距离
第123节 - 上拉触底案例 - 案例效果展示
第124节 - 上拉触底案例 - 定义获取随机颜色的方法
第125节 - 上拉触底案例 - 渲染UI结构并美化页面效果
第126节 - 上拉触底案例 - 上拉触底时获取随机颜色
第127节 - 上拉触底案例 - 添加loading提示效果
第128节 - 上拉触底案例 - 介绍为什么需要对上拉触底进行节流处理
第129节 - 上拉触底案例 - 对上拉触底进行节流处理
第130节 - 扩展 - 自定义编译模式
第131节 - 生命周期 - 什么是生命周期
第132节 - 生命周期 - 小程序中生命周期的两个分类
第133节 - 生命周期 - 什么是生命周期函数
第134节 - 生命周期 - 小程序中生命周期函数的两个分类
第135节 - 生命周期 - 应用的生命周期函数
第136节 - 生命周期 - 页面的生命周期函数
第137节 - wxs - 了解什么是wxs以及应用场景
第138节 - wxs - 了解wxs和JavaScript的关系
第139节 - wxs - 内嵌wxs脚本
第140节 - wxs - 定义外联的wxs脚本
第141节 - wxs - 使用外联的wxs脚本
第142节 - wxs - 了解wxs的4个特点
第143节 - 案例 - 商铺列表页面的效果演示
第144节 - 案例 - 把项目代码加载到微信开发者工具中
第145节 - 案例 - 实现导航跳转并传参
第146节 - 案例 - 动态设置商铺列表页面的标题内容
第147节 - 案例 - 创建商铺列表页面的编译模式
第148节 - 案例 - 了解API接口并定义需要的数据节点
第149节 - 案例 - 定义getShopList方法获取商品列表数据
第150节 - 案例 - 渲染商铺列表的UI结构并美化样式
第151节 - 案例 - 展示loading提示效果
第152节 - 案例 - 上拉触底时请求下一页数据
第153节 - 案例 - 对上拉触底事件进行节流控制
第154节 - 案例 - 演示并分析数据加载的问题
第155节 - 案例 - 介绍判断是否还有下一页数据的公式
第156节 - 案例 - 根据公式判断是否还有下一页的数据
第157节 - 案例 - 为商铺列表页面开启下拉刷新效果
第158节 - 案例 - 实现下拉刷新的功能
第159节 - 案例 - 解决下拉刷新窗口效果不会自动关闭的问题
第160节 - 案例 - 使用wxs处理手机号
第161节 - 总结
第162节 - 学习目标
第163节 - 准备今天要用到的项目
第164节 - 自定义组件 - 组件的创建与引用 - 创建自定义组件
第165节 - 自定义组件 - 组件的创建与引用 - 局部引用组件
第166节 - 自定义组件 - 组件的创建与引用 - 全局引用组件
第167节 - 自定义组件 - 组件的创建与引用 - 全局引用VS局部引用
第168节 - 自定义组件 - 组件的创建与引用 - 组件和页面的区别
第169节 - 自定义组件 - 样式 - 组件的样式隔离特性
第170节 - 自定义组件 - 样式 - 组件样式隔离的注意点
第171节 - 自定义组件 - 样式 - 修改组件的样式隔离选项
第172节 - 自定义组件 - 数据、方法、属性 - 定义data私有数据
第173节 - 自定义组件 - 数据、方法、属性 - methods方法
第174节 - 自定义组件 - 数据、方法、属性 - 定义properties属性
第175节 - 自定义组件 - 数据、方法、属性 - 使用max属性控制自增的最大值
第176节 - 自定义组件 - 数据、方法、属性 - data和properties的区别
第177节 - 自定义组件 - 数据、方法、属性 - 使用setData修改properties的值
第178节 - 自定义组件 - 数据监听器 - 什么是数据监听器及其语法格式
第179节 - 自定义组件 - 数据监听器 - 数据监听器的基本用法
第180节 - 自定义组件 - 数据监听器 - 监听对象属性的变化
第181节 - 自定义组件 - 数据监听器案例 - 创建组件并定义数据
第182节 - 自定义组件 - 数据监听器案例 - 渲染组件的UI结构
第183节 - 自定义组件 - 数据监听器案例 - 定义button的事件处理函数
第184节 - 自定义组件 - 数据监听器案例 - 监听对象中指定属性的变化
第185节 - 自定义组件 - 数据监听器案例 - 监听对象中所有属性的变化
第186节 - 自定义组件 - 纯数据字段 - 什么是纯数据字段
第187节 - 自定义组件 - 纯数据字段 - 使用规则
第188节 - 自定义组件 - 纯数据字段 - 使用纯数据字段改造数据监听器案例
第189节 - 自定义组件 - 组件的生命周期 - 组件全部的生命周期函数
第190节 - 自定义组件 - 组件的生命周期 - 组件主要的生命周期函数
第191节 - 自定义组件 - 组件的生命周期 - lifetimes节点
第192节 - 自定义组件 - 组件所在页面的生命周期 - 概念
第193节 - 自定义组件 - 组件所在页面的生命周期 - pageLifetimes节点
第194节 - 自定义组件 - 组件所在页面的生命周期 - 生成随机的RGB颜色值
第195节 - 自定义组件 - 插槽 - 什么是插槽
第196节 - 自定义组件 - 插槽 - 单个插槽
第197节 - 自定义组件 - 插槽 - 启用多个插槽
第198节 - 自定义组件 - 插槽 - 定义和使用多个插槽
第199节 - 自定义组件 - 父子组件通信 - 了解父子组件之间通信的3种方式
第200节 - 自定义组件 - 父子组件通信 - 属性绑定
第201节 - 自定义组件 - 父子组件通信 - 实现子组件的count属性自增+1
第202节 - 自定义组件 - 父子组件通信 - 了解事件绑定的4个核心实现步骤
第203节 - 自定义组件 - 父子组件通信 - 了解事件绑定的核心实现代码
第204节 - 自定义组件 - 父子组件通信 - 通过事件绑定实现count值的同步
第205节 - 自定义组件 - 父子组件通信 - 使用selectComponent获取组件实例
第206节 - 自定义组件 - behaviors - 了解什么是behaviors以及它的工作方式
第207节 - 自定义组件 - behaviors - 创建behavior
第208节 - 自定义组件 - behaviors - 导入并使用behavior
第209节 - 自定义组件 - behaviors - 了解behavior中所有可用的节点
第210节 - 自定义组件 - behaviors - 同名字段的覆盖和组合规则
第211节 - 自定义组件 - 总结
第212节 - 导入需要用到的小程序项目
第213节 - 使用npm包 - 小程序中对npm的支持与限制
第214节 - 使用npm包 - vant - 了解什么是Vant Weapp
第215节 - 使用npm包 - vant - 安装Vant组件库
第216节 - 使用npm包 - vant - 使用Vant组件
第217节 - 使用npm包 - vant - 定义和使用CSS变量
第218节 - 使用npm包 - vant - 使用CSS变量定制Vant的主题样式
第219节 - 使用npm包 - API的Promise化 - 什么是小程序API的Promise化
第220节 - 使用npm包 - API的Promise化 - 安装并构建miniprogram-api-promise
第221节 - 使用npm包 - API的Promise化 - 三个步骤实现API的Promise化
第222节 - 使用npm包 - API的Promise化 - 调用Promise化之后的异步API
第223节 - 全局数据共享 - 什么是全局数据共享
第224节 - 全局数据共享 - 小程序中的全局数据共享方案
第225节 - 全局数据共享 - 安装并构建MobX相关的包
第226节 - 全局数据共享 - 创建Store实例对象
第227节 - 全局数据共享 - 定义计算属性
第228节 - 全局数据共享 - 定义actions方法
第229节 - 全局数据共享 - 了解将Store中的成员绑定到页面上的实现思路
第230节 - 全局数据共享 - 将Store中的成员绑定到页面上
第231节 - 全局数据共享 - 在页面中使用Store中的成员
第232节 - 全局数据共享 - 了解将Store中的成员绑定到组件上的实现思路
第233节 - 全局数据共享 - 将Store中的成员绑定到组件上
第234节 - 全局数据共享 - 在组件中使用Store中的成员
第235节 - 分包 - 基础概念 - 了解分包的概念以及好处
第236节 - 分包 - 基础概念 - 分包前后项目的构成
第237节 - 分包 - 基础概念 - 分包的加载规则
第238节 - 分包 - 基础概念 - 分包的体积限制
第239节 - 分包 - 使用分包 - 了解如何配置分包
第240节 - 分包 - 使用分包 - 演示在项目中如何配置分包
第241节 - 分包 - 使用分包 - 设置分包的别名并查看分包的体积
第242节 - 分包 - 使用分包 - 打包原则
第243节 - 分包 - 使用分包 - 引用原则
第244节 - 分包 - 独立分包 - 了解什么是独立分包以及它和普通分包的区别
第245节 - 分包 - 独立分包 - 了解独立分包的应用场景
第246节 - 分包 - 独立分包 - 将普通分包改造为独立分包
第247节 - 分包 - 独立分包 - 独立分包的引用原则
第248节 - 分包 - 分包预下载 - 介绍分包预下载的概念以及好处
第249节 - 分包 - 分包预下载 - 配置分包的预下载
第250节 - 分包 - 分包预下载 - 分包预下载的限制
第251节 - 自定义tabBar - 演示案例效果
第252节 - 自定义tabBar - 了解自定义tabBar的实现步骤
第253节 - 自定义tabBar - 在app.json中声明自定义tabBar的配置信息
第254节 - 自定义tabBar - 添加tabBar的代码文件
第255节 - 自定义tabBar - 基于Vant组件渲染出基本的自定义tabBar效果
第256节 - 自定义tabBar - 自定义tabBar的图标和文本
第257节 - 自定义tabBar - 循环渲染tabBar的Item项
第258节 - 自定义tabBar - 渲染并美化数字徽标的样式
第259节 - 自定义tabBar - 按需渲染数字徽标
第260节 - 自定义tabBar - 把Store中sum的值渲染为数字徽标
第261节 - 自定义tabBar - 实现tabBar页面的切换
第262节 - 自定义tabBar - 使用全局数据共享解决tabBar选中项不准确的问题
第263节 - 自定义tabBar - 修改tabBar选中项文本的颜色值
第264节 - 总结
第265节 - 起步 - 项目介绍
第266节 - 起步 - 项目文档
第267节 - 起步 - 了解什么是uni-app
第268节 - 起步 - 下载和安装HBuilderX
第269节 - 起步 - 安装scss编译的插件
第270节 - 起步 - 对HBuilderX进行个性化的配置
第271节 - 起步 - 创建uni-app项目
第272节 - 起步 - 了解uni-app项目的目录结构
第273节 - 起步 - 把项目运行到微信开发者工具
第274节 - 起步 - 配置checkSiteMap选项
第275节 - 起步 - 使用Git本地管理uni-app项目
第276节 - 起步 - 把本地项目托管到码云
第277节 - tabbar - 创建tabBar对应的4个页面
第278节 - tabbar - 配置tabBar效果
第279节 - tabbar - 配置导航条的样式效果
第280节 - tabbar - 分支的合并与提交
第281节 - 首页 - 轮播图 - 创建home子分支
第282节 - 首页 - 轮播图 - 安装并配置网络请求的第三方包
第283节 - 首页 - 轮播图 - 请求轮播图的数据
第284节 - 首页 - 轮播图 - 渲染轮播图的UI结构
第285节 - 首页 - 轮播图 - 配置小程序的分包
第286节 - 首页 - 轮播图 - 点击轮播图跳转到商品详情页面
第287节 - 首页 - 轮播图 - 封装uni.$showMsg()方法
第288节 - 首页 - 分类导航 - 获取分类导航的数据
第289节 - 首页 - 分类导航 - 渲染分类导航的UI结构
第290节 - 首页 - 分类导航 - 切换到分类页面
第291节 - 首页 - 楼层区域 - 获取楼层的数据
第292节 - 首页 - 楼层区域 - 渲染楼层的标题
第293节 - 首页 - 楼层区域 - 渲染楼层左侧的大图片
第294节 - 首页 - 楼层区域 - 渲染楼层右侧的小图片
第295节 - 首页 - 楼层区域 - 点击楼层图片跳转到商品列表页面
第296节 - 首页 - 分支的合并与提交
第297节 - 分类 - 创建cate分支以及分类页面的编译模式
第298节 - 分类 - 实现分类页面滑动区域的左右布局
第299节 - 分类 - 动态设置scroll-view组件的高度
第300节 - 分类 - 美化左侧scroll-view中item项的样式
第301节 - 分类 - 获取分类列表的数据
第302节 - 分类 - 动态渲染左侧的一级分类列表
第303节 - 分类 - 定义二级分类的数据列表
第304节 - 分类 - 动态渲染右侧的二级分类列表
第305节 - 分类 - 动态渲染右侧的三级分类列表
第306节 - 分类 - 切换一级分类后重置滚动条的位置
第307节 - 分类 - 点击三级分类跳转到商品列表页面
第308节 - 分类 - 分支的合并与提交
第309节 - 搜索 - 介绍搜索相关的功能
第310节 - 搜索 - 创建search分支
第311节 - 搜索 - 自定义组件 - 在uni-app项目中新建自定义的搜索组件
第312节 - 搜索 - 自定义组件 - 渲染my-search组件的基本结构
第313节 - 搜索 - 自定义组件 - 解决cate分类页面scroll-view高度的问题
第314节 - 搜索 - 自定义组件 - 通过自定义属性增强组件的通用性
第315节 - 搜索 - 自定义组件 - 为自定义组件封装click事件
第316节 - 搜索 - 自定义组件 - 点击cate页面的搜索组件导航到搜索页面
第317节 - 搜索 - 自定义组件 - 实现首页搜索组件的吸顶效果
第318节 - 搜索 - 搜索建议 - 渲染搜索页面的基本结构
第319节 - 搜索 - 搜索建议 - 实现搜索框自动获取焦点
第320节 - 搜索 - 搜索建议 - 实现搜索框的防抖处理
第321节 - 搜索 - 搜索建议 - 根据关键词查询搜索建议列表
第322节 - 搜索 - 搜索建议 - 循环渲染搜索建议列表的UI结构
第323节 - 搜索 - 搜索建议 - 美化搜索建议列表的UI结构
第324节 - 搜索 - 搜索建议 - 点击搜索Item项导航到商品详情页
第325节 - 搜索 - 搜索历史 - 渲染搜索历史记录的基本结构
第326节 - 搜索 - 搜索历史 - 美化搜索历史区域的UI结构
第327节 - 搜索 - 搜索历史 - 实现搜索建议和搜索历史的按需展示
第328节 - 搜索 - 搜索历史 - 将搜索关键词存入historyList
第329节 - 搜索 - 搜索历史 - 解决关键词前后顺序的问题
第330节 - 搜索 - 搜索历史 - 解决关键词重复的问题
第331节 - 搜索 - 搜索历史 - 将搜索历史记录持久化存储到本地
第332节 - 搜索 - 搜索历史 - 清空搜索历史记录
第333节 - 搜索 - 搜索历史 - 点击搜索历史跳转到商品列表页面
第334节 - 搜索 - 分支的合并与提交
第335节 - 商品列表 - 介绍商品列表页面的功能并创建编译模式
第336节 - 商品列表 - 创建goodslist分支
第337节 - 商品列表 - 定义请求参数对象
第338节 - 商品列表 - 获取商品列表数据
第339节 - 商品列表 - 定义商品列表页面的UI结构
第340节 - 商品列表 - 美化商品列表页面的UI结构
第341节 - 商品列表 - 把商品Item项封装为自定义组件
第342节 - 商品列表 - 使用过滤器处理商品价格
第343节 - 商品列表 - 初步实现上拉加载更多
第344节 - 商品列表 - 使用节流阀防止发起额外的数据请求
第345节 - 商品列表 - 判断数据是否加载完毕
第346节 - 商品列表 - 实现下拉刷新的效果
第347节 - 商品列表 - 点击商品item项导航到商品详情页面
第348节 - 商品列表 - 分支的合并与提交
第349节 - 商品详情 - 创建goodsdetail分支
第350节 - 商品详情 - 添加商品详情页的编译模式
第351节 - 商品详情 - 获取商品详情的数据
第352节 - 商品详情 - 渲染轮播图区域
第353节 - 商品详情 - 实现轮播图的大图预览效果
第354节 - 商品详情 - 渲染商品信息区域的UI结构
第355节 - 商品详情 - 美化商品信息区域的样式
第356节 - 商品详情 - 使用rich-text组件渲染HTML内容
第357节 - 商品详情 - 解决商品图文详情中图片底部空白间隙的问题
第358节 - 商品详情 - 解决webp格式的图片在ios设备上无法正常显示的问题
第359节 - 商品详情 - 解决商品价格闪烁的问题
第360节 - 商品详情 - 渲染商品导航区域的UI结构
第361节 - 商品详情 - 自定义商品导航区域的按钮信息
第362节 - 商品详情 - 点击购物车按钮导航到购物车页面
第363节 - 商品详情 - 分支的合并与提交
第364节 - 加入购物车 - 创建cart分支
第365节 - 加入购物车 - 配置vuex
第366节 - 加入购物车 - 创建购物车的store模块
第367节 - 加入购物车 - 在商品详情页中使用store中的数据
第368节 - 加入购物车 - 在mutations中定义addToCart方法
第369节 - 加入购物车 - 实现加入购物车的功能
第370节 - 加入购物车 - 动态统计购物车中商品的总数量
第371节 - 加入购物车 - 持久化存储购物车中的商品
第372节 - 加入购物车 - 优化商品详情页的total侦听器
第373节 - 加入购物车 - 动态为tabBar设置数字徽标
第374节 - 加入购物车 - 将设置tabBar徽标的代码抽离为mixins
第375节 - 购物车页面 - 演示购物车页面要实现的功能
第376节 - 购物车页面 - 创建购物车页面的编译模式
第377节 - 购物车页面 - 商品列表区域 - 渲染商品列表的标题区域
第378节 - 购物车页面 - 商品列表区域 - 渲染商品列表区域的基本结构
第379节 - 购物车页面 - 商品列表区域 - 为my-goods组件封装radio勾选状态
第380节 - 购物车页面 - 商品列表区域 - 通过props属性控制radio的按需展示
第381节 - 购物车页面 - 商品列表区域 - 动态绑定radio组件的值
第382节 - 购物车页面 - 商品列表区域 - 介绍为my-goods组件封装radio-change事件的实现思路
第383节 - 购物车页面 - 商品列表区域 - 为my-goods组件封装radio-change自定义事件
第384节 - 购物车页面 - 商品列表区域 - 修改购物车中商品的勾选状态
第385节 - 购物车页面 - 商品列表区域 - 为my-goods组件封装NumberBox
第386节 - 购物车页面 - 商品列表区域 - 通过props属性控制NumberBox的按需展示
第387节 - 购物车页面 - 商品列表区域 - 介绍为my-goods组件封装num-change事件的实现思路
第388节 - 购物车页面 - 商品列表区域 - 为my-goods组件封装num-change事件
第389节 - 购物车页面 - 商品列表区域 - 解决NumberBox组件数据不合法的问题
第390节 - 购物车页面 - 商品列表区域 - 完善NumberBox的inputValue侦听器
第391节 - 购物车页面 - 商品列表区域 - 修改购物车中商品的数量
第392节 - 购物车页面 - 商品列表区域 - 渲染滑动删除的UI效果
第393节 - 购物车页面 - 商品列表区域 - 实现滑动删除的功能
第394节 - 购物车页面 - 收货地址区域 - 创建my-address收货地址组件
第395节 - 购物车页面 - 收货地址区域 - 渲染收货地址组件的UI结构 - 上
第396节 - 购物车页面 - 收货地址区域 - 渲染收货地址组件的UI结构 - 下
第397节 - 购物车页面 - 收货地址区域 - 实现收货地址区域的按需展示
第398节 - 购物车页面 - 收货地址区域 - 实现选择收货地址的功能
第399节 - 购物车页面 - 收货地址区域 - 渲染收货人的信息
第400节 - 购物车页面 - 收货地址区域 - 在vuex中定义用户相关的m_user模块
第401节 - 购物车页面 - 收货地址区域 - 将address信息存储到vuex中
第402节 - 购物车页面 - 收货地址区域 - 将vuex中的address持久化存储到本地
第403节 - 购物车页面 - 收货地址区域 - 将addstr抽离为getters
第404节 - 购物车页面 - 收货地址区域 - 重新选择收货地址
第405节 - 购物车页面 - 收货地址区域 - 演示取消授权时的问题
第406节 - 购物车页面 - 收货地址区域 - 判断用户是否授权
第407节 - 购物车页面 - 收货地址区域 - 提示用户重新进行授权
第408节 - 购物车页面 - 收货地址区域 - 调用openSetting方法实现重新授权
第409节 - 购物车页面 - 收货地址区域 - 解决iPhone真机上无法重新授权的问题
第410节 - 购物车页面 - 结算区域 - 把结算区域封装为独立的组件
第411节 - 购物车页面 - 结算区域 - 渲染结算区域的结构和样式
第412节 - 购物车页面 - 结算区域 - 动态渲染已勾选商品的总数量
第413节 - 购物车页面 - 结算区域 - 动态渲染全选按钮的选中状态
第414节 - 购物车页面 - 结算区域 - 使用数组的reduce方法改造total的计算方式
第415节 - 购物车页面 - 结算区域 - 实现商品的全选与反选功能
第416节 - 购物车页面 - 结算区域 - 动态渲染已勾选商品的总价格
第417节 - 购物车页面 - 结算区域 - 动态计算tabBar中购物车徽标的值
第418节 - 购物车页面 - 结算区域 - 渲染购物车为空时候的页面结构
第419节 - 购物车页面 - 分支的合并与提交
第420节 - 登录与支付 - 创建settle分支
第421节 - 登录与支付 - 点击结算按钮进行条件判断
第422节 - 登录与支付 - 登录 - 定义my页面的编译模式
第423节 - 登录与支付 - 登录 - 实现登录组件和用户信息组件的按需展示
第424节 - 登录与支付 - 登录 - 初步渲染登录组件的基本结构
第425节 - 登录与支付 - 登录 - 美化登录组件的样式
第426节 - 登录与支付 - 登录 - 绘制登录盒子底部的半椭圆造型
第427节 - 登录与支付 - 登录 - 分析登录功能的实现思路
第428节 - 登录与支付 - 登录 - 点击登录按钮获取微信用户的基本信息
第429节 - 登录与支付 - 登录 - 处理用户取消登录授权的情况
第430节 - 登录与支付 - 登录 - 将用户的基本信息存储到vuex
第431节 - 登录与支付 - 登录 - 调用uni.login获取code对应的值
第432节 - 登录与支付 - 登录 - 进一步完善uni.login调用失败之后的if判断条件
第433节 - 登录与支付 - 登录 - 登录获取Token字符串
第434节 - 登录与支付 - 登录 - 将Token存储到vuex中
第435节 - 登录与支付 - 用户信息 - 实现用户头像、昵称区域的基本布局
第436节 - 登录与支付 - 用户信息 - 渲染用户的头像和昵称
第437节 - 登录与支付 - 用户信息 - 渲染第1个面板的UI结构
第438节 - 登录与支付 - 用户信息 - 美化第1个面板的样式
第439节 - 登录与支付 - 用户信息 - 渲染第2个面板区域
第440节 - 登录与支付 - 用户信息 - 渲染第3个面板区域
第441节 - 登录与支付 - 用户信息 - 实现退出登录的功能
第442节 - 登录与支付 - 三秒后自动跳转 - 实现倒计时提示的功能
第443节 - 登录与支付 - 三秒后自动跳转 - 控制秒数的边界并自动跳转到登录页面
第444节 - 登录与支付 - 三秒后自动跳转 - 解决seconds不会被重置的问题
第445节 - 登录与支付 - 三秒后自动跳转 - 将返回页的信息对象记录到vuex中
第446节 - 登录与支付 - 三秒后自动跳转 - 根据redirectInfo导航到登录之前的页面
第447节 - 登录与支付 - 微信支付 - 在请求头中添加Token身份认证的字段
第448节 - 登录与支付 - 微信支付 - 了解微信支付的流程
第449节 - 登录与支付 - 微信支付 - 创建订单
第450节 - 登录与支付 - 微信支付 - 订单预支付
第451节 - 登录与支付 - 微信支付 - 实现微信支付
第452节 - 登录与支付 - 分支的合并与提交
第453节 - 发布 - 为什么要进行发布
第454节 - 发布 - 了解将uni-app项目发布为小程序的基本流程
第455节 - 发布 - 演示将uni-app项目发布为小程序的流程
第456节 - 发布 - 了解将uni-app项目发布为Android App的基本流程
第457节 - 发布 - 演示将uni-app项目发布为Android App的流程
未完待续,黑马老师996更新中......
掌握行业热门技术
是每个程序员都应该重视的事情
手把手快速带你开发微信小程序如此重要,你还没学?
点击或搜索黑马程序员B站
观看全集视频
- 完整配套资料领取方式 -
(视频+讲义+源码+笔记+资料)
黑马程序员视频库
搜索《手把手快速带你开发微信小程序》