教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

手把手快速带你开发微信小程序

更新时间:2023年04月19日16时54分 来源:传智教育 浏览次数:

好口碑IT培训

  课程简介:

  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站

观看全集视频

- 完整配套资料领取方式 -

(视频+讲义+源码+笔记+资料)

黑马程序员视频库

搜索《手把手快速带你开发微信小程序

0 分享到:
和我们在线交谈!