教程前言
宝贝分享@小程序开发,微信小程序高级开发,大小2.48G,264个文件。本套教程存放在百度网盘,可以转存以后在线播放,或者下载到本地离线学习,同时支持PC端与手机端。
教程目录
(一)小程序-起步
一、微信小程序快速入门
00.学习目标.mp4
01.小程序简介-小程序与普通网页开发的区别.mp4
02.小程序简介-体验微信小程序.mp4
03.第一个小程序-了解注册小程序开发账号的流程.mp4
04.第一个小程序-获取小程序的AppID.mp4
05.第一个小程序-安装微信开发者工具.mp4
06.第一个小程序-扫码登录到微信开发者工具.mp4
07.第一个小程序-设置外观和代理.mp4
08.第一个小程序-演示新建小程序项目的步骤.mp4
09.第一个小程序-查看项目运行效果的两种方式.mp4
10.第一个小程序-了解微信开发者工具主界面的5个组成部分.mp4
11.小程序代码的构成-了解项目的基本组成结构.mp4
12.小程序代码的构成-小程序页面的组成部分.mp4
13.小程序代码的构成-认识小程序中的4种配置文件.mp4
14.小程序代码的构成-app.json文件.mp4
15.小程序代码的构成-project.config.json文件.mp4
16.小程序代码的构成-sitemap.json文件.mp4
17.小程序代码的构成-页面的.json配置文件.mp4
18.小程序代码的构成-新建小程序页面.mp4
19.小程序代码的构成-修改项目首页.mp4
20.小程序代码的构成-WXML的概念以及和HTML之间的区别.mp4
21.小程序代码的构成-WXSS的概念以及和CSS之间的区别.mp4
22.小程序代码的构成-了解小程序中JS文件的三大分类.mp4
二、微信小程序的宿主环境
23.宿主环境-了解宿主环境的概念.mp4
24.宿主环境-小程序的宿主环境.mp4
25.宿主环境-通信的主体.mp4
26.宿主环境-小程序的通信模型.mp4
27.宿主环境-运行机制.mp4
28.宿主环境-组件-了解常用的视图容器组件.mp4
29.宿主环境-组件-view组件的基本使用.mp4
30.宿主环境-组件-scroll-view组件的基本使用.mp4
31.宿主环境-组件-swiper和swiper-item的基本使用.mp4
32.宿主环境-组件-swiper组件的常用属性.mp4
33.宿主环境-组件-text和rich-text组件.mp4
34.宿主环境-组件-button按钮组件.mp4
35.宿主环境-组件-image图片组件.mp4
36.宿主环境-小程序API的3大分类.mp4
三、微信小程序协同工作和发布
37.协同工作-了解权限管理需求、组织结构、开发流程.mp4
38.协同工作-了解小程序成员管理的两个方面.mp4
39.协同工作-开发者的权限说明.mp4
40.协同工作-了解如何添加项目成员和体验成员.mp4
41.发布-了解小程序的版本阶段.mp4
42.发布-了解小程序发布上线的主要步骤.mp4
43.发布-基于小程序码进行推广.mp4
44.发布-查看小程序的运营数据.mp4
45.总结.mp4
(二)、小程序-模板与配置
四、微信小程序基础
00.学习目标.mp4
01.数据绑定-了解数据绑定的原则.mp4
02.数据绑定-动态绑定属性.mp4
03.数据绑定-三元运算.mp4
04.数据绑定-算数运算.mp4
05.事件绑定-了解什么是事件以及小程序中常用的事件.mp4
06.事件绑定-事件对象的属性列表.mp4
07.事件绑定-target和currentTarget的区别.mp4
08.事件绑定-bindtap的语法格式.mp4
09.事件绑定-在事件处理函数中为data中的数据赋值.mp4
10.事件绑定-事件传参.mp4
11.事件绑定-bindinput的语法格式.mp4
12.事件绑定-实现文本框和data之间的数据同步.mp4
13.条件渲染-if…elif…else.mp4
14.条件渲染-基于block标签使用if条件渲染.mp4
15.条件渲染-hidden.mp4
16.条件渲染-if和hidden的区别.mp4
17.列表渲染-for循环的基本用法.mp4
18.列表渲染-手动指定索引和当前项的变量名.mp4
19.列表渲染-指定key值提高渲染效率.mp4
五、微信小程序进阶
20.wxss-了解什么是wxss以及它和css之间的关系.mp4
21.wxss-了解什么是rpx以及它的实现原理.mp4
22.wxss-rpx与px之间的单位换算.mp4
23.wxss-@import样式导入.mp4
24.wxss-全局样式.mp4
25.wxss-局部样式.mp4
26.全局配置-常用的全局配置项以及小程序窗口的组成部分.mp4
27.全局配置-window-设置导航栏的标题.mp4
28.全局配置-window-设置导航栏的背景色.mp4
29.全局配置-window-设置导航栏的标题颜色.mp4
30.全局配置-window-全局开启下拉刷新的功能.mp4
31.全局配置-window-关于模拟器的问题说明.mp4
32.全局配置-window-设置下拉刷新时的窗口背景色.mp4
33.全局配置-window-设置下拉刷新时loading的样式.mp4
34.全局配置-window-设置上拉触底的距离.mp4
35.全局配置-tabBar-什么是tabBar.mp4
36.全局配置-tabBar-tabBar的6个组成部分.mp4
37.全局配置-tabBar-了解tabBar中的配置项.mp4
38.全局配置-tabBar-实现tabBar案例的效果.mp4
39.页面配置-了解页面配置和全局配置的关系.mp4
40.页面配置-页面配置中常用的配置项.mp4
六、微信小程序数据请求和案例
41.数据请求-小程序中网络数据请求的限制.mp4
42.数据请求-配置request合法域名.mp4
43.数据请求-发起GET请求.mp4
44.数据请求-发起POST请求.mp4
45.数据请求-了解如何在页面刚加载的时候请求数据.mp4
46.数据请求-跳过request合法域名校验.mp4
47.数据请求-关于跨域和Ajax的说明.mp4
48.案例-创建项目并梳理项目结构.mp4
49.案例-配置导航栏效果.mp4
50.案例-配置tabBar效果.mp4
51.案例-获取轮播图的数据.mp4
52.案例-渲染轮播图效果.mp4
53.案例-获取九宫格的数据.mp4
54.案例-渲染九宫格的布局效果.mp4
55.案例-实现首页底部图片的布局效果.mp4
56.总结.mp4
(三)、小程序-视图与逻辑
七、微信小程序页面导航
00.学习目标.mp4
01.页面导航-了解小程序中实现页面导航的两种方式.mp4
02.页面导航-声明式导航-导航到tabBar页面.mp4
03.页面导航 -声明式导航-导航到非tabBar页面.mp4
04.页面导航-声明式导航-实现后退导航效果.mp4
05.页面导航-编程式导航-导航到tabBar页面.mp4
06.页面导航-编程式导航-导航到非tabBar页面.mp4
07.页面导航-编程式导航-实现后退导航效果.mp4
08.页面导航-导航传参-声明式导航传参.mp4
09.页面导航-导航传参-编程式导航传参.mp4
10.导航传参.mp4
八、微信小程序页面事件和上拉触底案例
11.页面事件-下拉刷新-了解什么是下拉刷新.mp4
12.页面事件-下拉刷新-启用下拉刷新.mp4
13.页面事件-下拉刷新-配置下拉刷新窗口的样式.mp4
14.页面事件-下拉刷新-监听页面的下拉刷新事件.mp4
15.页面事件-下拉刷新-停止下拉刷新的效果.mp4
16.页面事件-上拉触底-了解什么是上拉触底.mp4
17.页面事件-上拉触底-监听页面的上拉触底事件.mp4
18.页面事件-上拉触底-配置上拉触底距离.mp4
19.上拉触底案例-案例效果展示.mp4
20.上拉触底案例-定义获取随机颜色的方法.mp4
21.上拉触底案例-渲染UI结构并美化页面效果.mp4
22.上拉触底案例-上拉触底时获取随机颜色.mp4
23.上拉触底案例-添加loading提示效果.mp4
24.上拉触底案例-介绍为什么需要对上拉触底进行节流处理.mp4
25.上拉触底案例-对上拉触底进行节流处理.mp4
26.扩展-自定义编译模式.mp4
九、微信小程序生命周期和wxs
27.生命周期-什么是生命周期.mp4
28.生命周期-小程序中生命周期的两个分类.mp4
29.生命周期-什么是生命周期函数.mp4
30.生命周期-小程序中生命周期函数的两个分类.mp4
31.生命周期-应用的生命周期函数.mp4
32.生命周期-页面的生命周期函数.mp4
33.wxs-了解什么是wxs以及应用场景.mp4
34.wxs-了解wxs和JavaScript的关系.mp4
35.wxs-内嵌wxs脚本.mp4
36.wxs-定义外联的wxs脚本.mp4
37.wxs-使用外联的wxs脚本.mp4
38.wxs-了解wxs的4个特点.mp4
十、本地生活综合案例
39.案例-商铺列表页面的效果演示.mp4
40.案例-把项目代码加载到微信开发者工具中.mp4
41.案例-实现导航跳转并传参.mp4
42.案例-动态设置商铺列表页面的标题内容.mp4
43.案例-创建商铺列表页面的编译模式.mp4
44.案例-了解API接口并定义需要的数据节点.mp4
45.案例-定义getShopList方法获取商品列表数据.mp4
46.案例-渲染商铺列表的UI结构并美化样式.mp4
47.案例-展示loading提示效果.mp4
48.案例-上拉触底时请求下一页数据.mp4
49.案例-对上拉触底事件进行节流控制.mp4
50.案例-演示并分析数据加载的问题.mp4
51.案例-介绍判断是否还有下一页数据的公式.mp4
52.案例-根据公式判断是否还有下一页的数据.mp4
53.案例-为商铺列表页面开启下拉刷新效果.mp4
54.案例-实现下拉刷新的功能.mp4
55.案例-解决下拉刷新窗口效果不会自动关闭的问题.mp4
56.案例-使用wxs处理手机号.mp4
57.总结.mp4
(四)、小程序-基础加强1
十一、微信小程序组件和样式
00.学习目标.mp4
01.准备今天要用到的项目.mp4
02.自定义组件-组件的创建与引用-创建自定义组件.mp4
03.自定义组件-组件的创建与引用-局部引用组件.mp4
04.自定义组件-组件的创建与引用-全局引用组件.mp4
05.自定义组件-组件的创建与引用-全局引用VS局部引用.mp4
06.自定义组件-组件的创建与引用-组件和页面的区别.mp4
07.自定义组件-样式-组件的样式隔离特性.mp4
08.自定义组件-样式-组件样式隔离的注意点.mp4
09.自定义组件-样式-修改组件的样式隔离选项.mp4
十二、微信小程序数据、方法、属性和数据监听
10.自定义组件-数据、方法、属性-定义data私有数据.mp4
11.自定义组件-数据、方法、属性-methods方法.mp4
12.自定义组件-数据、方法、属性-定义properties属性.mp4
13.自定义组件-数据、方法、属性-使用max属性控制自增的最大值.mp4
14.自定义组件-数据、方法、属性-data和properties的区别.mp4
15.自定义组件-数据、方法、属性-使用setData修改properties的值.mp4
16.自定义组件-数据监听器-什么是数据监听器及其语法格式.mp4
17.自定义组件-数据监听器-数据监听器的基本用法.mp4
18.自定义组件-数据监听器-监听对象属性的变化.mp4
十三、 微信小程序数据监听案例
19.自定义组件-数据监听器案例-创建组件并定义数据.mp4
20.自定义组件-数据监听器案例-渲染组件的UI结构.mp4
21.自定义组件-数据监听器案例-定义button的事件处理函数.mp4
22.自定义组件-数据监听器案例-监听对象中指定属性的变化.mp4
23.自定义组件-数据监听器案例-监听对象中所有属性的变化.mp4
24.自定义组件-纯数据字段-什么是纯数据字段.mp4
25.自定义组件-纯数据字段-使用规则.mp4
26.自定义组件-纯数据字段-使用纯数据字段改造数据监听器案例.mp4
十四、 组件生命周期和插槽
27.自定义组件-组件的生命周期-组件全部的生命周期函数.mp4
28.自定义组件-组件的生命周期-组件主要的生命周期函数.mp4
29.自定义组件-组件的生命周期-lifetimes节点.mp4
30.自定义组件-组件所在页面的生命周期-概念.mp4
31.自定义组件-组件所在页面的生命周期-pageLifetimes节点.mp4
32.自定义组件-组件所在页面的生命周期-生成随机的RGB颜色值.mp4
33.自定义组件-插槽-什么是插槽.mp4
34.自定义组件-插槽-单个插槽.mp4
35.自定义组件-插槽-启用多个插槽.mp4
36.自定义组件-插槽-定义和使用多个插槽.mp4
十五、父子组件通信和behaviors
37.自定义组件-父子组件通信-了解父子组件之间通信的3种方式.mp4
38.自定义组件-父子组件通信-属性绑定.mp4
39.自定义组件-父子组件通信-实现子组件的count属性自增+1.mp4
40.自定义组件-父子组件通信-了解事件绑定的4个核心实现步骤.mp4
41.自定义组件-父子组件通信-了解事件绑定的核心实现代码.mp4
42.自定义组件-父子组件通信-通过事件绑定实现count值的同步.mp4
43.自定义组件-父子组件通信-使用selectComponent获取组件实例.mp4
44.自定义组件-behaviors-了解什么是behaviors以及它的工作方式.mp4
45.自定义组件-behaviors-创建behavior.mp4
46.自定义组件-behaviors-导入并使用behavior.mp4
47.自定义组件-behaviors-了解behavior中所有可用的节点.mp4
48.自定义组件-behaviors-同名字段的覆盖和组合规则.mp4
49.自定义组件-总结.mp4
(五)、小程序-基础加强2
十六、vant小程序UI组件库和API的Promise化
01.导入需要用到的小程序项目.mp4
02.使用npm包-小程序中对npm的支持与限制.mp4
03.使用npm包-vant-了解什么是Vant Weapp.mp4
04.使用npm包-vant-安装Vant组件库.mp4
05.使用npm包-vant-使用Vant组件.mp4
06.使用npm包-vant-定义和使用CSS变量.mp4
07.使用npm包-vant-使用CSS变量定制Vant的主题样式.mp4
08.使用npm包-API的Promise化-什么是小程序API的Promise化.mp4
09.使用npm包-API的Promise化-安装并构建miniprogram-api-promise.mp4
10.使用npm包-API的Promise化-三个步骤实现API的Promise化.mp4
11.使用npm包-API的Promise化-调用Promise化之后的异步API.mp4
十七、微信小程序全局数据共享
12.全局数据共享-什么是全局数据共享.mp4
13.全局数据共享-小程序中的全局数据共享方案.mp4
14.全局数据共享-安装并构建MobX相关的包.mp4
15.全局数据共享-创建Store实例对象.mp4
16.全局数据共享-定义计算属性.mp4
17.全局数据共享-定义actions方法.mp4
18.全局数据共享- 了解将Store中的成员绑定到页面上的实现思路.mp4
19.全局数据共享-将Store中的成员绑定到页面上.mp4
20.全局数据共享-在页面中使用Store中的成员.mp4
21.全局数据共享-了解将Store中的成员绑定到组件上的实现思路.mp4
22.全局数据共享-将Store中的成员绑定到组件上.mp4
23.全局数据共享-在组件中使用Store中的成员.mp4
十八、分包
24.分包-基础概念-了解分包的概念以及好处.mp4
25.分包-基础概念-分包前后项目的构成.mp4
26.分包-基础概念-分包的加载规则.mp4
27.分包-基础概念-分包的体积限制.mp4
28.分包-使用分包-了解如何配置分包.mp4
29.分包-使用分包-演示在项目中如何配置分包.mp4
30.分包-使用分包-设置分包的别名并查看分包的体积.mp4
31.分包-使用分包-打包原则.mp4
32.分包-使用分包-引用原则.mp4
33.分包-独立分包-了解什么是独立分包以及它和普通分包的区别.mp4
34.分包-独立分包-了解独立分包的应用场景.mp4
35.分包-独立分包-将普通分包改造为独立分包.mp4
36.分包-独立分包-独立分包的引用原则.mp4
37.分包-分包预下载-介绍分包预下载的概念以及好处.mp4
38.分包-分包预下载-配置分包的预下载.mp4
39.分包-分包预下载-分包预下载的限制.mp4
十九、自定义tabBar
40.自定义tabBar-演示案例效果.mp4
41.自定义tabBar-了解自定义tabBar的实现步骤.mp4
42.自定义tabBar-在app.json中声明自定义tabBar的配置信息.mp4
43.自定义tabBar-添加tabBar的代码文件.mp4
44.自定义tabBar-基于Vant组件渲染出基本的自定义tabBar效果.mp4
45.自定义tabBar-自定义tabBar的图标和文本.mp4
46.自定义tabBar-循环渲染tabBar的Item项.mp4
47.自定义tabBar-渲染并美化数字徽标的样式.mp4
48.自定义tabBar-按需渲染数字徽标.mp4
49.自定义tabBar-把Store中sum的值渲染为数字徽标.mp4
50.自定义tabBar-实现tabBar页面的切换.mp4
51.自定义tabBar-使用全局数据共享解决tabBar选中项不准确的问题.mp4
52.自定义tabBar-修改tabBar选中项文本的颜色值.mp4
53.总结.mp4