更新時(shí)間:2023年04月19日16時(shí)54分 來源:傳智教育 瀏覽次數(shù):
1. 詳盡的講解了微信小程序的基礎(chǔ)知識(shí)
2. 基于 uni-app 實(shí)現(xiàn)微信小程序項(xiàng)目的開發(fā)
3. 項(xiàng)目中會(huì)涉及到登錄支付等微信小程序特有的能力
1、本課程從小程序賬號(hào)注冊(cè)、開發(fā)環(huán)境搭建、基礎(chǔ)語法、路由導(dǎo)航、數(shù)據(jù)請(qǐng)求、分包、組件化等方面詳細(xì)闡述了小程序開發(fā)必備的基礎(chǔ)知識(shí)。
2、學(xué)完小程序基礎(chǔ)之后,利用 uni-app 技術(shù)實(shí)現(xiàn)微信小程序的開發(fā),可以做到一次開發(fā)多端部署。
3、項(xiàng)目擁有首頁、搜索頁、商品列表頁、商品詳情頁、購物車、登錄支付等主要功能。涵蓋了分包、vuex、組件化開發(fā)等核心技術(shù)點(diǎn)的使用。
1. 對(duì)小程序開發(fā)感興趣的開發(fā)者。
2. 希望學(xué)習(xí)小程序提高行業(yè)競爭力的前端開發(fā)者。
3. 希望通過學(xué)習(xí)小程序完成業(yè)務(wù)開發(fā)的在職人員。
只要大家有需求
我們的視頻教程就絕不會(huì)缺席
黑馬程序員重磅發(fā)布新教程
手把手快速帶你開發(fā)微信小程序(滑動(dòng)查看)
第1節(jié) - 學(xué)習(xí)目標(biāo)
第2節(jié) - 小程序簡介 - 小程序與普通網(wǎng)頁開發(fā)的區(qū)別
第3節(jié) - 小程序簡介 - 體驗(yàn)微信小程序
第4節(jié) - 第一個(gè)小程序 - 了解注冊(cè)小程序開發(fā)賬號(hào)的流程
第5節(jié) - 第一個(gè)小程序 - 獲取小程序的AppID
第6節(jié) - 第一個(gè)小程序 - 安裝微信開發(fā)者工具
第7節(jié) - 第一個(gè)小程序 - 掃碼登錄到微信開發(fā)者工具
第8節(jié) - 第一個(gè)小程序 - 設(shè)置外觀和代理
第9節(jié) - 第一個(gè)小程序 - 演示新建小程序項(xiàng)目的步驟
第10節(jié) - 第一個(gè)小程序 - 查看項(xiàng)目運(yùn)行效果的兩種方式
第11節(jié) - 第一個(gè)小程序 - 了解微信開發(fā)者工具主界面的5個(gè)組成部分
第12節(jié) - 小程序代碼的構(gòu)成 - 了解項(xiàng)目的基本組成結(jié)構(gòu)
第13節(jié) - 小程序代碼的構(gòu)成 - 小程序頁面的組成部分
第14節(jié) - 小程序代碼的構(gòu)成 - 認(rèn)識(shí)小程序中的4種配置文件
第15節(jié) - 小程序代碼的構(gòu)成 - app.json文件
第16節(jié) - 小程序代碼的構(gòu)成 - project.config.json文件
第17節(jié) - 小程序代碼的構(gòu)成 - sitemap.json文件
第18節(jié) - 小程序代碼的構(gòu)成 - 頁面的.json配置文件
第19節(jié) - 小程序代碼的構(gòu)成 - 新建小程序頁面
第20節(jié) - 小程序代碼的構(gòu)成 - 修改項(xiàng)目首頁
第21節(jié) - 小程序代碼的構(gòu)成 - WXML的概念以及和HTML之間的區(qū)別
第22節(jié) - 小程序代碼的構(gòu)成 - WXSS的概念以及和CSS之間的區(qū)別
第23節(jié) - 小程序代碼的構(gòu)成 - 了解小程序中JS文件的三大分類
第24節(jié) - 宿主環(huán)境 - 了解宿主環(huán)境的概念
第25節(jié) - 宿主環(huán)境 - 小程序的宿主環(huán)境
第26節(jié) - 宿主環(huán)境 - 通信的主體
第27節(jié) - 宿主環(huán)境 - 小程序的通信模型
第28節(jié) - 宿主環(huán)境 - 運(yùn)行機(jī)制
第29節(jié) - 宿主環(huán)境 - 組件 - 了解常用的視圖容器組件
第30節(jié) - 宿主環(huán)境 - 組件 - view組件的基本使用
第31節(jié) - 宿主環(huán)境 - 組件 - scroll-view組件的基本使用
第32節(jié) - 宿主環(huán)境 - 組件 - swiper和swiper-item的基本使用
第33節(jié) - 宿主環(huán)境 - 組件 - swiper組件的常用屬性
第34節(jié) - 宿主環(huán)境 - 組件 - text和rich-text組件
第35節(jié) - 宿主環(huán)境 - 組件 - button按鈕組件
第36節(jié) - 宿主環(huán)境 - 組件 - image圖片組件
第37節(jié) - 宿主環(huán)境 - 小程序API的3大分類
第38節(jié) - 協(xié)同工作 - 了解權(quán)限管理需求、組織結(jié)構(gòu)、開發(fā)流程
第39節(jié) - 協(xié)同工作 - 了解小程序成員管理的兩個(gè)方面
第40節(jié) - 協(xié)同工作 - 開發(fā)者的權(quán)限說明
第41節(jié) - 協(xié)同工作 - 了解如何添加項(xiàng)目成員和體驗(yàn)成員
第42節(jié) - 發(fā)布 - 了解小程序的版本階段
第43節(jié) - 發(fā)布 - 了解小程序發(fā)布上線的主要步驟
第44節(jié) - 發(fā)布 - 基于小程序碼進(jìn)行推廣
第45節(jié) - 發(fā)布 - 查看小程序的運(yùn)營數(shù)據(jù)
第46節(jié) - 總結(jié)
第47節(jié) - 學(xué)習(xí)目標(biāo)
第48節(jié) - 數(shù)據(jù)綁定 - 了解數(shù)據(jù)綁定的原則
第49節(jié) - 數(shù)據(jù)綁定 - 動(dòng)態(tài)綁定屬性
第50節(jié) - 數(shù)據(jù)綁定 - 三元運(yùn)算
第51節(jié) - 數(shù)據(jù)綁定 - 算數(shù)運(yùn)算
第52節(jié) - 事件綁定 - 了解什么是事件以及小程序中常用的事件
第53節(jié) - 事件綁定 - 事件對(duì)象的屬性列表
第54節(jié) - 事件綁定 - target和currentTarget的區(qū)別
第55節(jié) - 事件綁定 - bindtap的語法格式
第56節(jié) - 事件綁定 - 在事件處理函數(shù)中為data中的數(shù)據(jù)賦值
第57節(jié) - 事件綁定 - 事件傳參
第58節(jié) - 事件綁定 - bindinput的語法格式
第59節(jié) - 事件綁定 - 實(shí)現(xiàn)文本框和data之間的數(shù)據(jù)同步
第60節(jié) - 條件渲染 - if...elif...else
第61節(jié) - 條件渲染 - 基于block標(biāo)簽使用if條件渲染
第62節(jié) - 條件渲染 - hidden
第63節(jié) - 條件渲染 - if和hidden的區(qū)別
第64節(jié) - 列表渲染 - for循環(huán)的基本用法
第65節(jié) - 列表渲染 - 手動(dòng)指定索引和當(dāng)前項(xiàng)的變量名
第66節(jié) - 列表渲染 - 指定key值提高渲染效率
第67節(jié) - wxss - 了解什么是wxss以及它和css之間的關(guān)系
第68節(jié) - wxss - 了解什么是rpx以及它的實(shí)現(xiàn)原理
第69節(jié) - wxss - rpx與px之間的單位換算
第70節(jié) - wxss - @import樣式導(dǎo)入
第71節(jié) - wxss - 全局樣式
第72節(jié) - wxss - 局部樣式
第73節(jié) - 全局配置 - 常用的全局配置項(xiàng)以及小程序窗口的組成部分
第74節(jié) - 全局配置 - window - 設(shè)置導(dǎo)航欄的標(biāo)題
第75節(jié) - 全局配置 - window - 設(shè)置導(dǎo)航欄的背景色
第76節(jié) - 全局配置 - window - 設(shè)置導(dǎo)航欄的標(biāo)題顏色
第77節(jié) - 全局配置 - window - 全局開啟下拉刷新的功能
第78節(jié) - 全局配置 - window - 關(guān)于模擬器的問題說明
第79節(jié) - 全局配置 - window - 設(shè)置下拉刷新時(shí)的窗口背景色
第80節(jié) - 全局配置 - window - 設(shè)置下拉刷新時(shí)loading的樣式
第81節(jié) - 全局配置 - window - 設(shè)置上拉觸底的距離
第82節(jié) - 全局配置 - tabBar - 什么是tabBar
第83節(jié) - 全局配置 - tabBar - tabBar的6個(gè)組成部分
第84節(jié) - 全局配置 - tabBar - 了解tabBar中的配置項(xiàng)
第85節(jié) - 全局配置 - tabBar - 實(shí)現(xiàn)tabBar案例的效果
第86節(jié) - 頁面配置 - 了解頁面配置和全局配置的關(guān)系
第87節(jié) - 頁面配置 - 頁面配置中常用的配置項(xiàng)
第88節(jié) - 數(shù)據(jù)請(qǐng)求 - 小程序中網(wǎng)絡(luò)數(shù)據(jù)請(qǐng)求的限制
第89節(jié) - 數(shù)據(jù)請(qǐng)求 - 配置request合法域名
第90節(jié) - 數(shù)據(jù)請(qǐng)求 - 發(fā)起GET請(qǐng)求
第91節(jié) - 數(shù)據(jù)請(qǐng)求 - 發(fā)起POST請(qǐng)求
第92節(jié) - 數(shù)據(jù)請(qǐng)求 - 了解如何在頁面剛加載的時(shí)候請(qǐng)求數(shù)據(jù)
第93節(jié) - 數(shù)據(jù)請(qǐng)求 - 跳過request合法域名校驗(yàn)
第94節(jié) - 數(shù)據(jù)請(qǐng)求 - 關(guān)于跨域和Ajax的說明
第95節(jié) - 案例 - 創(chuàng)建項(xiàng)目并梳理項(xiàng)目結(jié)構(gòu)
第96節(jié) - 案例 - 配置導(dǎo)航欄效果
第97節(jié) - 案例 - 配置tabBar效果
第98節(jié) - 案例 - 獲取輪播圖的數(shù)據(jù)
第99節(jié) - 案例 - 渲染輪播圖效果
第100節(jié) - 案例 - 獲取九宮格的數(shù)據(jù)
第101節(jié) - 案例 - 渲染九宮格的布局效果
第102節(jié) - 案例 - 實(shí)現(xiàn)首頁底部圖片的布局效果
第103節(jié) - 總結(jié)
第104節(jié) - 學(xué)習(xí)目標(biāo)
第105節(jié) - 頁面導(dǎo)航 - 了解小程序中實(shí)現(xiàn)頁面導(dǎo)航的兩種方式
第106節(jié) - 頁面導(dǎo)航 - 聲明式導(dǎo)航 - 導(dǎo)航到tabBar頁面
第107節(jié) - 頁面導(dǎo)航 -聲明式導(dǎo)航 - 導(dǎo)航到非tabBar頁面
第108節(jié) - 頁面導(dǎo)航 - 聲明式導(dǎo)航 - 實(shí)現(xiàn)后退導(dǎo)航效果
第109節(jié) - 頁面導(dǎo)航 - 編程式導(dǎo)航 - 導(dǎo)航到tabBar頁面
第110節(jié) - 頁面導(dǎo)航 - 編程式導(dǎo)航 - 導(dǎo)航到非tabBar頁面
第111節(jié) - 頁面導(dǎo)航 - 編程式導(dǎo)航 - 實(shí)現(xiàn)后退導(dǎo)航效果
第112節(jié) - 頁面導(dǎo)航 - 導(dǎo)航傳參 - 聲明式導(dǎo)航傳參
第113節(jié) - 頁面導(dǎo)航 - 導(dǎo)航傳參 - 編程式導(dǎo)航傳參
第114節(jié) - 頁面導(dǎo)航 - 導(dǎo)航傳參 - 在onLoad中接收導(dǎo)航參數(shù)
第115節(jié) - 頁面事件 - 下拉刷新 - 了解什么是下拉刷新
第116節(jié) - 頁面事件 - 下拉刷新 - 啟用下拉刷新
第117節(jié) - 頁面事件 - 下拉刷新 - 配置下拉刷新窗口的樣式
第118節(jié) - 頁面事件 - 下拉刷新 - 監(jiān)聽頁面的下拉刷新事件
第119節(jié) - 頁面事件 - 下拉刷新 - 停止下拉刷新的效果
第120節(jié) - 頁面事件 - 上拉觸底 - 了解什么是上拉觸底
第121節(jié) - 頁面事件 - 上拉觸底 - 監(jiān)聽頁面的上拉觸底事件
第122節(jié) - 頁面事件 - 上拉觸底 - 配置上拉觸底距離
第123節(jié) - 上拉觸底案例 - 案例效果展示
第124節(jié) - 上拉觸底案例 - 定義獲取隨機(jī)顏色的方法
第125節(jié) - 上拉觸底案例 - 渲染UI結(jié)構(gòu)并美化頁面效果
第126節(jié) - 上拉觸底案例 - 上拉觸底時(shí)獲取隨機(jī)顏色
第127節(jié) - 上拉觸底案例 - 添加loading提示效果
第128節(jié) - 上拉觸底案例 - 介紹為什么需要對(duì)上拉觸底進(jìn)行節(jié)流處理
第129節(jié) - 上拉觸底案例 - 對(duì)上拉觸底進(jìn)行節(jié)流處理
第130節(jié) - 擴(kuò)展 - 自定義編譯模式
第131節(jié) - 生命周期 - 什么是生命周期
第132節(jié) - 生命周期 - 小程序中生命周期的兩個(gè)分類
第133節(jié) - 生命周期 - 什么是生命周期函數(shù)
第134節(jié) - 生命周期 - 小程序中生命周期函數(shù)的兩個(gè)分類
第135節(jié) - 生命周期 - 應(yīng)用的生命周期函數(shù)
第136節(jié) - 生命周期 - 頁面的生命周期函數(shù)
第137節(jié) - wxs - 了解什么是wxs以及應(yīng)用場景
第138節(jié) - wxs - 了解wxs和JavaScript的關(guān)系
第139節(jié) - wxs - 內(nèi)嵌wxs腳本
第140節(jié) - wxs - 定義外聯(lián)的wxs腳本
第141節(jié) - wxs - 使用外聯(lián)的wxs腳本
第142節(jié) - wxs - 了解wxs的4個(gè)特點(diǎn)
第143節(jié) - 案例 - 商鋪列表頁面的效果演示
第144節(jié) - 案例 - 把項(xiàng)目代碼加載到微信開發(fā)者工具中
第145節(jié) - 案例 - 實(shí)現(xiàn)導(dǎo)航跳轉(zhuǎn)并傳參
第146節(jié) - 案例 - 動(dòng)態(tài)設(shè)置商鋪列表頁面的標(biāo)題內(nèi)容
第147節(jié) - 案例 - 創(chuàng)建商鋪列表頁面的編譯模式
第148節(jié) - 案例 - 了解API接口并定義需要的數(shù)據(jù)節(jié)點(diǎn)
第149節(jié) - 案例 - 定義getShopList方法獲取商品列表數(shù)據(jù)
第150節(jié) - 案例 - 渲染商鋪列表的UI結(jié)構(gòu)并美化樣式
第151節(jié) - 案例 - 展示loading提示效果
第152節(jié) - 案例 - 上拉觸底時(shí)請(qǐng)求下一頁數(shù)據(jù)
第153節(jié) - 案例 - 對(duì)上拉觸底事件進(jìn)行節(jié)流控制
第154節(jié) - 案例 - 演示并分析數(shù)據(jù)加載的問題
第155節(jié) - 案例 - 介紹判斷是否還有下一頁數(shù)據(jù)的公式
第156節(jié) - 案例 - 根據(jù)公式判斷是否還有下一頁的數(shù)據(jù)
第157節(jié) - 案例 - 為商鋪列表頁面開啟下拉刷新效果
第158節(jié) - 案例 - 實(shí)現(xiàn)下拉刷新的功能
第159節(jié) - 案例 - 解決下拉刷新窗口效果不會(huì)自動(dòng)關(guān)閉的問題
第160節(jié) - 案例 - 使用wxs處理手機(jī)號(hào)
第161節(jié) - 總結(jié)
第162節(jié) - 學(xué)習(xí)目標(biāo)
第163節(jié) - 準(zhǔn)備今天要用到的項(xiàng)目
第164節(jié) - 自定義組件 - 組件的創(chuàng)建與引用 - 創(chuàng)建自定義組件
第165節(jié) - 自定義組件 - 組件的創(chuàng)建與引用 - 局部引用組件
第166節(jié) - 自定義組件 - 組件的創(chuàng)建與引用 - 全局引用組件
第167節(jié) - 自定義組件 - 組件的創(chuàng)建與引用 - 全局引用VS局部引用
第168節(jié) - 自定義組件 - 組件的創(chuàng)建與引用 - 組件和頁面的區(qū)別
第169節(jié) - 自定義組件 - 樣式 - 組件的樣式隔離特性
第170節(jié) - 自定義組件 - 樣式 - 組件樣式隔離的注意點(diǎn)
第171節(jié) - 自定義組件 - 樣式 - 修改組件的樣式隔離選項(xiàng)
第172節(jié) - 自定義組件 - 數(shù)據(jù)、方法、屬性 - 定義data私有數(shù)據(jù)
第173節(jié) - 自定義組件 - 數(shù)據(jù)、方法、屬性 - methods方法
第174節(jié) - 自定義組件 - 數(shù)據(jù)、方法、屬性 - 定義properties屬性
第175節(jié) - 自定義組件 - 數(shù)據(jù)、方法、屬性 - 使用max屬性控制自增的最大值
第176節(jié) - 自定義組件 - 數(shù)據(jù)、方法、屬性 - data和properties的區(qū)別
第177節(jié) - 自定義組件 - 數(shù)據(jù)、方法、屬性 - 使用setData修改properties的值
第178節(jié) - 自定義組件 - 數(shù)據(jù)監(jiān)聽器 - 什么是數(shù)據(jù)監(jiān)聽器及其語法格式
第179節(jié) - 自定義組件 - 數(shù)據(jù)監(jiān)聽器 - 數(shù)據(jù)監(jiān)聽器的基本用法
第180節(jié) - 自定義組件 - 數(shù)據(jù)監(jiān)聽器 - 監(jiān)聽對(duì)象屬性的變化
第181節(jié) - 自定義組件 - 數(shù)據(jù)監(jiān)聽器案例 - 創(chuàng)建組件并定義數(shù)據(jù)
第182節(jié) - 自定義組件 - 數(shù)據(jù)監(jiān)聽器案例 - 渲染組件的UI結(jié)構(gòu)
第183節(jié) - 自定義組件 - 數(shù)據(jù)監(jiān)聽器案例 - 定義button的事件處理函數(shù)
第184節(jié) - 自定義組件 - 數(shù)據(jù)監(jiān)聽器案例 - 監(jiān)聽對(duì)象中指定屬性的變化
第185節(jié) - 自定義組件 - 數(shù)據(jù)監(jiān)聽器案例 - 監(jiān)聽對(duì)象中所有屬性的變化
第186節(jié) - 自定義組件 - 純數(shù)據(jù)字段 - 什么是純數(shù)據(jù)字段
第187節(jié) - 自定義組件 - 純數(shù)據(jù)字段 - 使用規(guī)則
第188節(jié) - 自定義組件 - 純數(shù)據(jù)字段 - 使用純數(shù)據(jù)字段改造數(shù)據(jù)監(jiān)聽器案例
第189節(jié) - 自定義組件 - 組件的生命周期 - 組件全部的生命周期函數(shù)
第190節(jié) - 自定義組件 - 組件的生命周期 - 組件主要的生命周期函數(shù)
第191節(jié) - 自定義組件 - 組件的生命周期 - lifetimes節(jié)點(diǎn)
第192節(jié) - 自定義組件 - 組件所在頁面的生命周期 - 概念
第193節(jié) - 自定義組件 - 組件所在頁面的生命周期 - pageLifetimes節(jié)點(diǎn)
第194節(jié) - 自定義組件 - 組件所在頁面的生命周期 - 生成隨機(jī)的RGB顏色值
第195節(jié) - 自定義組件 - 插槽 - 什么是插槽
第196節(jié) - 自定義組件 - 插槽 - 單個(gè)插槽
第197節(jié) - 自定義組件 - 插槽 - 啟用多個(gè)插槽
第198節(jié) - 自定義組件 - 插槽 - 定義和使用多個(gè)插槽
第199節(jié) - 自定義組件 - 父子組件通信 - 了解父子組件之間通信的3種方式
第200節(jié) - 自定義組件 - 父子組件通信 - 屬性綁定
第201節(jié) - 自定義組件 - 父子組件通信 - 實(shí)現(xiàn)子組件的count屬性自增+1
第202節(jié) - 自定義組件 - 父子組件通信 - 了解事件綁定的4個(gè)核心實(shí)現(xiàn)步驟
第203節(jié) - 自定義組件 - 父子組件通信 - 了解事件綁定的核心實(shí)現(xiàn)代碼
第204節(jié) - 自定義組件 - 父子組件通信 - 通過事件綁定實(shí)現(xiàn)count值的同步
第205節(jié) - 自定義組件 - 父子組件通信 - 使用selectComponent獲取組件實(shí)例
第206節(jié) - 自定義組件 - behaviors - 了解什么是behaviors以及它的工作方式
第207節(jié) - 自定義組件 - behaviors - 創(chuàng)建behavior
第208節(jié) - 自定義組件 - behaviors - 導(dǎo)入并使用behavior
第209節(jié) - 自定義組件 - behaviors - 了解behavior中所有可用的節(jié)點(diǎn)
第210節(jié) - 自定義組件 - behaviors - 同名字段的覆蓋和組合規(guī)則
第211節(jié) - 自定義組件 - 總結(jié)
第212節(jié) - 導(dǎo)入需要用到的小程序項(xiàng)目
第213節(jié) - 使用npm包 - 小程序中對(duì)npm的支持與限制
第214節(jié) - 使用npm包 - vant - 了解什么是Vant Weapp
第215節(jié) - 使用npm包 - vant - 安裝Vant組件庫
第216節(jié) - 使用npm包 - vant - 使用Vant組件
第217節(jié) - 使用npm包 - vant - 定義和使用CSS變量
第218節(jié) - 使用npm包 - vant - 使用CSS變量定制Vant的主題樣式
第219節(jié) - 使用npm包 - API的Promise化 - 什么是小程序API的Promise化
第220節(jié) - 使用npm包 - API的Promise化 - 安裝并構(gòu)建miniprogram-api-promise
第221節(jié) - 使用npm包 - API的Promise化 - 三個(gè)步驟實(shí)現(xiàn)API的Promise化
第222節(jié) - 使用npm包 - API的Promise化 - 調(diào)用Promise化之后的異步API
第223節(jié) - 全局?jǐn)?shù)據(jù)共享 - 什么是全局?jǐn)?shù)據(jù)共享
第224節(jié) - 全局?jǐn)?shù)據(jù)共享 - 小程序中的全局?jǐn)?shù)據(jù)共享方案
第225節(jié) - 全局?jǐn)?shù)據(jù)共享 - 安裝并構(gòu)建MobX相關(guān)的包
第226節(jié) - 全局?jǐn)?shù)據(jù)共享 - 創(chuàng)建Store實(shí)例對(duì)象
第227節(jié) - 全局?jǐn)?shù)據(jù)共享 - 定義計(jì)算屬性
第228節(jié) - 全局?jǐn)?shù)據(jù)共享 - 定義actions方法
第229節(jié) - 全局?jǐn)?shù)據(jù)共享 - 了解將Store中的成員綁定到頁面上的實(shí)現(xiàn)思路
第230節(jié) - 全局?jǐn)?shù)據(jù)共享 - 將Store中的成員綁定到頁面上
第231節(jié) - 全局?jǐn)?shù)據(jù)共享 - 在頁面中使用Store中的成員
第232節(jié) - 全局?jǐn)?shù)據(jù)共享 - 了解將Store中的成員綁定到組件上的實(shí)現(xiàn)思路
第233節(jié) - 全局?jǐn)?shù)據(jù)共享 - 將Store中的成員綁定到組件上
第234節(jié) - 全局?jǐn)?shù)據(jù)共享 - 在組件中使用Store中的成員
第235節(jié) - 分包 - 基礎(chǔ)概念 - 了解分包的概念以及好處
第236節(jié) - 分包 - 基礎(chǔ)概念 - 分包前后項(xiàng)目的構(gòu)成
第237節(jié) - 分包 - 基礎(chǔ)概念 - 分包的加載規(guī)則
第238節(jié) - 分包 - 基礎(chǔ)概念 - 分包的體積限制
第239節(jié) - 分包 - 使用分包 - 了解如何配置分包
第240節(jié) - 分包 - 使用分包 - 演示在項(xiàng)目中如何配置分包
第241節(jié) - 分包 - 使用分包 - 設(shè)置分包的別名并查看分包的體積
第242節(jié) - 分包 - 使用分包 - 打包原則
第243節(jié) - 分包 - 使用分包 - 引用原則
第244節(jié) - 分包 - 獨(dú)立分包 - 了解什么是獨(dú)立分包以及它和普通分包的區(qū)別
第245節(jié) - 分包 - 獨(dú)立分包 - 了解獨(dú)立分包的應(yīng)用場景
第246節(jié) - 分包 - 獨(dú)立分包 - 將普通分包改造為獨(dú)立分包
第247節(jié) - 分包 - 獨(dú)立分包 - 獨(dú)立分包的引用原則
第248節(jié) - 分包 - 分包預(yù)下載 - 介紹分包預(yù)下載的概念以及好處
第249節(jié) - 分包 - 分包預(yù)下載 - 配置分包的預(yù)下載
第250節(jié) - 分包 - 分包預(yù)下載 - 分包預(yù)下載的限制
第251節(jié) - 自定義tabBar - 演示案例效果
第252節(jié) - 自定義tabBar - 了解自定義tabBar的實(shí)現(xiàn)步驟
第253節(jié) - 自定義tabBar - 在app.json中聲明自定義tabBar的配置信息
第254節(jié) - 自定義tabBar - 添加tabBar的代碼文件
第255節(jié) - 自定義tabBar - 基于Vant組件渲染出基本的自定義tabBar效果
第256節(jié) - 自定義tabBar - 自定義tabBar的圖標(biāo)和文本
第257節(jié) - 自定義tabBar - 循環(huán)渲染tabBar的Item項(xiàng)
第258節(jié) - 自定義tabBar - 渲染并美化數(shù)字徽標(biāo)的樣式
第259節(jié) - 自定義tabBar - 按需渲染數(shù)字徽標(biāo)
第260節(jié) - 自定義tabBar - 把Store中sum的值渲染為數(shù)字徽標(biāo)
第261節(jié) - 自定義tabBar - 實(shí)現(xiàn)tabBar頁面的切換
第262節(jié) - 自定義tabBar - 使用全局?jǐn)?shù)據(jù)共享解決tabBar選中項(xiàng)不準(zhǔn)確的問題
第263節(jié) - 自定義tabBar - 修改tabBar選中項(xiàng)文本的顏色值
第264節(jié) - 總結(jié)
第265節(jié) - 起步 - 項(xiàng)目介紹
第266節(jié) - 起步 - 項(xiàng)目文檔
第267節(jié) - 起步 - 了解什么是uni-app
第268節(jié) - 起步 - 下載和安裝HBuilderX
第269節(jié) - 起步 - 安裝scss編譯的插件
第270節(jié) - 起步 - 對(duì)HBuilderX進(jìn)行個(gè)性化的配置
第271節(jié) - 起步 - 創(chuàng)建uni-app項(xiàng)目
第272節(jié) - 起步 - 了解uni-app項(xiàng)目的目錄結(jié)構(gòu)
第273節(jié) - 起步 - 把項(xiàng)目運(yùn)行到微信開發(fā)者工具
第274節(jié) - 起步 - 配置checkSiteMap選項(xiàng)
第275節(jié) - 起步 - 使用Git本地管理uni-app項(xiàng)目
第276節(jié) - 起步 - 把本地項(xiàng)目托管到碼云
第277節(jié) - tabbar - 創(chuàng)建tabBar對(duì)應(yīng)的4個(gè)頁面
第278節(jié) - tabbar - 配置tabBar效果
第279節(jié) - tabbar - 配置導(dǎo)航條的樣式效果
第280節(jié) - tabbar - 分支的合并與提交
第281節(jié) - 首頁 - 輪播圖 - 創(chuàng)建home子分支
第282節(jié) - 首頁 - 輪播圖 - 安裝并配置網(wǎng)絡(luò)請(qǐng)求的第三方包
第283節(jié) - 首頁 - 輪播圖 - 請(qǐng)求輪播圖的數(shù)據(jù)
第284節(jié) - 首頁 - 輪播圖 - 渲染輪播圖的UI結(jié)構(gòu)
第285節(jié) - 首頁 - 輪播圖 - 配置小程序的分包
第286節(jié) - 首頁 - 輪播圖 - 點(diǎn)擊輪播圖跳轉(zhuǎn)到商品詳情頁面
第287節(jié) - 首頁 - 輪播圖 - 封裝uni.$showMsg()方法
第288節(jié) - 首頁 - 分類導(dǎo)航 - 獲取分類導(dǎo)航的數(shù)據(jù)
第289節(jié) - 首頁 - 分類導(dǎo)航 - 渲染分類導(dǎo)航的UI結(jié)構(gòu)
第290節(jié) - 首頁 - 分類導(dǎo)航 - 切換到分類頁面
第291節(jié) - 首頁 - 樓層區(qū)域 - 獲取樓層的數(shù)據(jù)
第292節(jié) - 首頁 - 樓層區(qū)域 - 渲染樓層的標(biāo)題
第293節(jié) - 首頁 - 樓層區(qū)域 - 渲染樓層左側(cè)的大圖片
第294節(jié) - 首頁 - 樓層區(qū)域 - 渲染樓層右側(cè)的小圖片
第295節(jié) - 首頁 - 樓層區(qū)域 - 點(diǎn)擊樓層圖片跳轉(zhuǎn)到商品列表頁面
第296節(jié) - 首頁 - 分支的合并與提交
第297節(jié) - 分類 - 創(chuàng)建cate分支以及分類頁面的編譯模式
第298節(jié) - 分類 - 實(shí)現(xiàn)分類頁面滑動(dòng)區(qū)域的左右布局
第299節(jié) - 分類 - 動(dòng)態(tài)設(shè)置scroll-view組件的高度
第300節(jié) - 分類 - 美化左側(cè)scroll-view中item項(xiàng)的樣式
第301節(jié) - 分類 - 獲取分類列表的數(shù)據(jù)
第302節(jié) - 分類 - 動(dòng)態(tài)渲染左側(cè)的一級(jí)分類列表
第303節(jié) - 分類 - 定義二級(jí)分類的數(shù)據(jù)列表
第304節(jié) - 分類 - 動(dòng)態(tài)渲染右側(cè)的二級(jí)分類列表
第305節(jié) - 分類 - 動(dòng)態(tài)渲染右側(cè)的三級(jí)分類列表
第306節(jié) - 分類 - 切換一級(jí)分類后重置滾動(dòng)條的位置
第307節(jié) - 分類 - 點(diǎn)擊三級(jí)分類跳轉(zhuǎn)到商品列表頁面
第308節(jié) - 分類 - 分支的合并與提交
第309節(jié) - 搜索 - 介紹搜索相關(guān)的功能
第310節(jié) - 搜索 - 創(chuàng)建search分支
第311節(jié) - 搜索 - 自定義組件 - 在uni-app項(xiàng)目中新建自定義的搜索組件
第312節(jié) - 搜索 - 自定義組件 - 渲染my-search組件的基本結(jié)構(gòu)
第313節(jié) - 搜索 - 自定義組件 - 解決cate分類頁面scroll-view高度的問題
第314節(jié) - 搜索 - 自定義組件 - 通過自定義屬性增強(qiáng)組件的通用性
第315節(jié) - 搜索 - 自定義組件 - 為自定義組件封裝click事件
第316節(jié) - 搜索 - 自定義組件 - 點(diǎn)擊cate頁面的搜索組件導(dǎo)航到搜索頁面
第317節(jié) - 搜索 - 自定義組件 - 實(shí)現(xiàn)首頁搜索組件的吸頂效果
第318節(jié) - 搜索 - 搜索建議 - 渲染搜索頁面的基本結(jié)構(gòu)
第319節(jié) - 搜索 - 搜索建議 - 實(shí)現(xiàn)搜索框自動(dòng)獲取焦點(diǎn)
第320節(jié) - 搜索 - 搜索建議 - 實(shí)現(xiàn)搜索框的防抖處理
第321節(jié) - 搜索 - 搜索建議 - 根據(jù)關(guān)鍵詞查詢搜索建議列表
第322節(jié) - 搜索 - 搜索建議 - 循環(huán)渲染搜索建議列表的UI結(jié)構(gòu)
第323節(jié) - 搜索 - 搜索建議 - 美化搜索建議列表的UI結(jié)構(gòu)
第324節(jié) - 搜索 - 搜索建議 - 點(diǎn)擊搜索Item項(xiàng)導(dǎo)航到商品詳情頁
第325節(jié) - 搜索 - 搜索歷史 - 渲染搜索歷史記錄的基本結(jié)構(gòu)
第326節(jié) - 搜索 - 搜索歷史 - 美化搜索歷史區(qū)域的UI結(jié)構(gòu)
第327節(jié) - 搜索 - 搜索歷史 - 實(shí)現(xiàn)搜索建議和搜索歷史的按需展示
第328節(jié) - 搜索 - 搜索歷史 - 將搜索關(guān)鍵詞存入historyList
第329節(jié) - 搜索 - 搜索歷史 - 解決關(guān)鍵詞前后順序的問題
第330節(jié) - 搜索 - 搜索歷史 - 解決關(guān)鍵詞重復(fù)的問題
第331節(jié) - 搜索 - 搜索歷史 - 將搜索歷史記錄持久化存儲(chǔ)到本地
第332節(jié) - 搜索 - 搜索歷史 - 清空搜索歷史記錄
第333節(jié) - 搜索 - 搜索歷史 - 點(diǎn)擊搜索歷史跳轉(zhuǎn)到商品列表頁面
第334節(jié) - 搜索 - 分支的合并與提交
第335節(jié) - 商品列表 - 介紹商品列表頁面的功能并創(chuàng)建編譯模式
第336節(jié) - 商品列表 - 創(chuàng)建goodslist分支
第337節(jié) - 商品列表 - 定義請(qǐng)求參數(shù)對(duì)象
第338節(jié) - 商品列表 - 獲取商品列表數(shù)據(jù)
第339節(jié) - 商品列表 - 定義商品列表頁面的UI結(jié)構(gòu)
第340節(jié) - 商品列表 - 美化商品列表頁面的UI結(jié)構(gòu)
第341節(jié) - 商品列表 - 把商品Item項(xiàng)封裝為自定義組件
第342節(jié) - 商品列表 - 使用過濾器處理商品價(jià)格
第343節(jié) - 商品列表 - 初步實(shí)現(xiàn)上拉加載更多
第344節(jié) - 商品列表 - 使用節(jié)流閥防止發(fā)起額外的數(shù)據(jù)請(qǐng)求
第345節(jié) - 商品列表 - 判斷數(shù)據(jù)是否加載完畢
第346節(jié) - 商品列表 - 實(shí)現(xiàn)下拉刷新的效果
第347節(jié) - 商品列表 - 點(diǎn)擊商品item項(xiàng)導(dǎo)航到商品詳情頁面
第348節(jié) - 商品列表 - 分支的合并與提交
第349節(jié) - 商品詳情 - 創(chuàng)建goodsdetail分支
第350節(jié) - 商品詳情 - 添加商品詳情頁的編譯模式
第351節(jié) - 商品詳情 - 獲取商品詳情的數(shù)據(jù)
第352節(jié) - 商品詳情 - 渲染輪播圖區(qū)域
第353節(jié) - 商品詳情 - 實(shí)現(xiàn)輪播圖的大圖預(yù)覽效果
第354節(jié) - 商品詳情 - 渲染商品信息區(qū)域的UI結(jié)構(gòu)
第355節(jié) - 商品詳情 - 美化商品信息區(qū)域的樣式
第356節(jié) - 商品詳情 - 使用rich-text組件渲染HTML內(nèi)容
第357節(jié) - 商品詳情 - 解決商品圖文詳情中圖片底部空白間隙的問題
第358節(jié) - 商品詳情 - 解決webp格式的圖片在ios設(shè)備上無法正常顯示的問題
第359節(jié) - 商品詳情 - 解決商品價(jià)格閃爍的問題
第360節(jié) - 商品詳情 - 渲染商品導(dǎo)航區(qū)域的UI結(jié)構(gòu)
第361節(jié) - 商品詳情 - 自定義商品導(dǎo)航區(qū)域的按鈕信息
第362節(jié) - 商品詳情 - 點(diǎn)擊購物車按鈕導(dǎo)航到購物車頁面
第363節(jié) - 商品詳情 - 分支的合并與提交
第364節(jié) - 加入購物車 - 創(chuàng)建cart分支
第365節(jié) - 加入購物車 - 配置vuex
第366節(jié) - 加入購物車 - 創(chuàng)建購物車的store模塊
第367節(jié) - 加入購物車 - 在商品詳情頁中使用store中的數(shù)據(jù)
第368節(jié) - 加入購物車 - 在mutations中定義addToCart方法
第369節(jié) - 加入購物車 - 實(shí)現(xiàn)加入購物車的功能
第370節(jié) - 加入購物車 - 動(dòng)態(tài)統(tǒng)計(jì)購物車中商品的總數(shù)量
第371節(jié) - 加入購物車 - 持久化存儲(chǔ)購物車中的商品
第372節(jié) - 加入購物車 - 優(yōu)化商品詳情頁的total偵聽器
第373節(jié) - 加入購物車 - 動(dòng)態(tài)為tabBar設(shè)置數(shù)字徽標(biāo)
第374節(jié) - 加入購物車 - 將設(shè)置tabBar徽標(biāo)的代碼抽離為mixins
第375節(jié) - 購物車頁面 - 演示購物車頁面要實(shí)現(xiàn)的功能
第376節(jié) - 購物車頁面 - 創(chuàng)建購物車頁面的編譯模式
第377節(jié) - 購物車頁面 - 商品列表區(qū)域 - 渲染商品列表的標(biāo)題區(qū)域
第378節(jié) - 購物車頁面 - 商品列表區(qū)域 - 渲染商品列表區(qū)域的基本結(jié)構(gòu)
第379節(jié) - 購物車頁面 - 商品列表區(qū)域 - 為my-goods組件封裝radio勾選狀態(tài)
第380節(jié) - 購物車頁面 - 商品列表區(qū)域 - 通過props屬性控制radio的按需展示
第381節(jié) - 購物車頁面 - 商品列表區(qū)域 - 動(dòng)態(tài)綁定radio組件的值
第382節(jié) - 購物車頁面 - 商品列表區(qū)域 - 介紹為my-goods組件封裝radio-change事件的實(shí)現(xiàn)思路
第383節(jié) - 購物車頁面 - 商品列表區(qū)域 - 為my-goods組件封裝radio-change自定義事件
第384節(jié) - 購物車頁面 - 商品列表區(qū)域 - 修改購物車中商品的勾選狀態(tài)
第385節(jié) - 購物車頁面 - 商品列表區(qū)域 - 為my-goods組件封裝NumberBox
第386節(jié) - 購物車頁面 - 商品列表區(qū)域 - 通過props屬性控制NumberBox的按需展示
第387節(jié) - 購物車頁面 - 商品列表區(qū)域 - 介紹為my-goods組件封裝num-change事件的實(shí)現(xiàn)思路
第388節(jié) - 購物車頁面 - 商品列表區(qū)域 - 為my-goods組件封裝num-change事件
第389節(jié) - 購物車頁面 - 商品列表區(qū)域 - 解決NumberBox組件數(shù)據(jù)不合法的問題
第390節(jié) - 購物車頁面 - 商品列表區(qū)域 - 完善NumberBox的inputValue偵聽器
第391節(jié) - 購物車頁面 - 商品列表區(qū)域 - 修改購物車中商品的數(shù)量
第392節(jié) - 購物車頁面 - 商品列表區(qū)域 - 渲染滑動(dòng)刪除的UI效果
第393節(jié) - 購物車頁面 - 商品列表區(qū)域 - 實(shí)現(xiàn)滑動(dòng)刪除的功能
第394節(jié) - 購物車頁面 - 收貨地址區(qū)域 - 創(chuàng)建my-address收貨地址組件
第395節(jié) - 購物車頁面 - 收貨地址區(qū)域 - 渲染收貨地址組件的UI結(jié)構(gòu) - 上
第396節(jié) - 購物車頁面 - 收貨地址區(qū)域 - 渲染收貨地址組件的UI結(jié)構(gòu) - 下
第397節(jié) - 購物車頁面 - 收貨地址區(qū)域 - 實(shí)現(xiàn)收貨地址區(qū)域的按需展示
第398節(jié) - 購物車頁面 - 收貨地址區(qū)域 - 實(shí)現(xiàn)選擇收貨地址的功能
第399節(jié) - 購物車頁面 - 收貨地址區(qū)域 - 渲染收貨人的信息
第400節(jié) - 購物車頁面 - 收貨地址區(qū)域 - 在vuex中定義用戶相關(guān)的m_user模塊
第401節(jié) - 購物車頁面 - 收貨地址區(qū)域 - 將address信息存儲(chǔ)到vuex中
第402節(jié) - 購物車頁面 - 收貨地址區(qū)域 - 將vuex中的address持久化存儲(chǔ)到本地
第403節(jié) - 購物車頁面 - 收貨地址區(qū)域 - 將addstr抽離為getters
第404節(jié) - 購物車頁面 - 收貨地址區(qū)域 - 重新選擇收貨地址
第405節(jié) - 購物車頁面 - 收貨地址區(qū)域 - 演示取消授權(quán)時(shí)的問題
第406節(jié) - 購物車頁面 - 收貨地址區(qū)域 - 判斷用戶是否授權(quán)
第407節(jié) - 購物車頁面 - 收貨地址區(qū)域 - 提示用戶重新進(jìn)行授權(quán)
第408節(jié) - 購物車頁面 - 收貨地址區(qū)域 - 調(diào)用openSetting方法實(shí)現(xiàn)重新授權(quán)
第409節(jié) - 購物車頁面 - 收貨地址區(qū)域 - 解決iPhone真機(jī)上無法重新授權(quán)的問題
第410節(jié) - 購物車頁面 - 結(jié)算區(qū)域 - 把結(jié)算區(qū)域封裝為獨(dú)立的組件
第411節(jié) - 購物車頁面 - 結(jié)算區(qū)域 - 渲染結(jié)算區(qū)域的結(jié)構(gòu)和樣式
第412節(jié) - 購物車頁面 - 結(jié)算區(qū)域 - 動(dòng)態(tài)渲染已勾選商品的總數(shù)量
第413節(jié) - 購物車頁面 - 結(jié)算區(qū)域 - 動(dòng)態(tài)渲染全選按鈕的選中狀態(tài)
第414節(jié) - 購物車頁面 - 結(jié)算區(qū)域 - 使用數(shù)組的reduce方法改造total的計(jì)算方式
第415節(jié) - 購物車頁面 - 結(jié)算區(qū)域 - 實(shí)現(xiàn)商品的全選與反選功能
第416節(jié) - 購物車頁面 - 結(jié)算區(qū)域 - 動(dòng)態(tài)渲染已勾選商品的總價(jià)格
第417節(jié) - 購物車頁面 - 結(jié)算區(qū)域 - 動(dòng)態(tài)計(jì)算tabBar中購物車徽標(biāo)的值
第418節(jié) - 購物車頁面 - 結(jié)算區(qū)域 - 渲染購物車為空時(shí)候的頁面結(jié)構(gòu)
第419節(jié) - 購物車頁面 - 分支的合并與提交
第420節(jié) - 登錄與支付 - 創(chuàng)建settle分支
第421節(jié) - 登錄與支付 - 點(diǎn)擊結(jié)算按鈕進(jìn)行條件判斷
第422節(jié) - 登錄與支付 - 登錄 - 定義my頁面的編譯模式
第423節(jié) - 登錄與支付 - 登錄 - 實(shí)現(xiàn)登錄組件和用戶信息組件的按需展示
第424節(jié) - 登錄與支付 - 登錄 - 初步渲染登錄組件的基本結(jié)構(gòu)
第425節(jié) - 登錄與支付 - 登錄 - 美化登錄組件的樣式
第426節(jié) - 登錄與支付 - 登錄 - 繪制登錄盒子底部的半橢圓造型
第427節(jié) - 登錄與支付 - 登錄 - 分析登錄功能的實(shí)現(xiàn)思路
第428節(jié) - 登錄與支付 - 登錄 - 點(diǎn)擊登錄按鈕獲取微信用戶的基本信息
第429節(jié) - 登錄與支付 - 登錄 - 處理用戶取消登錄授權(quán)的情況
第430節(jié) - 登錄與支付 - 登錄 - 將用戶的基本信息存儲(chǔ)到vuex
第431節(jié) - 登錄與支付 - 登錄 - 調(diào)用uni.login獲取code對(duì)應(yīng)的值
第432節(jié) - 登錄與支付 - 登錄 - 進(jìn)一步完善uni.login調(diào)用失敗之后的if判斷條件
第433節(jié) - 登錄與支付 - 登錄 - 登錄獲取Token字符串
第434節(jié) - 登錄與支付 - 登錄 - 將Token存儲(chǔ)到vuex中
第435節(jié) - 登錄與支付 - 用戶信息 - 實(shí)現(xiàn)用戶頭像、昵稱區(qū)域的基本布局
第436節(jié) - 登錄與支付 - 用戶信息 - 渲染用戶的頭像和昵稱
第437節(jié) - 登錄與支付 - 用戶信息 - 渲染第1個(gè)面板的UI結(jié)構(gòu)
第438節(jié) - 登錄與支付 - 用戶信息 - 美化第1個(gè)面板的樣式
第439節(jié) - 登錄與支付 - 用戶信息 - 渲染第2個(gè)面板區(qū)域
第440節(jié) - 登錄與支付 - 用戶信息 - 渲染第3個(gè)面板區(qū)域
第441節(jié) - 登錄與支付 - 用戶信息 - 實(shí)現(xiàn)退出登錄的功能
第442節(jié) - 登錄與支付 - 三秒后自動(dòng)跳轉(zhuǎn) - 實(shí)現(xiàn)倒計(jì)時(shí)提示的功能
第443節(jié) - 登錄與支付 - 三秒后自動(dòng)跳轉(zhuǎn) - 控制秒數(shù)的邊界并自動(dòng)跳轉(zhuǎn)到登錄頁面
第444節(jié) - 登錄與支付 - 三秒后自動(dòng)跳轉(zhuǎn) - 解決seconds不會(huì)被重置的問題
第445節(jié) - 登錄與支付 - 三秒后自動(dòng)跳轉(zhuǎn) - 將返回頁的信息對(duì)象記錄到vuex中
第446節(jié) - 登錄與支付 - 三秒后自動(dòng)跳轉(zhuǎn) - 根據(jù)redirectInfo導(dǎo)航到登錄之前的頁面
第447節(jié) - 登錄與支付 - 微信支付 - 在請(qǐng)求頭中添加Token身份認(rèn)證的字段
第448節(jié) - 登錄與支付 - 微信支付 - 了解微信支付的流程
第449節(jié) - 登錄與支付 - 微信支付 - 創(chuàng)建訂單
第450節(jié) - 登錄與支付 - 微信支付 - 訂單預(yù)支付
第451節(jié) - 登錄與支付 - 微信支付 - 實(shí)現(xiàn)微信支付
第452節(jié) - 登錄與支付 - 分支的合并與提交
第453節(jié) - 發(fā)布 - 為什么要進(jìn)行發(fā)布
第454節(jié) - 發(fā)布 - 了解將uni-app項(xiàng)目發(fā)布為小程序的基本流程
第455節(jié) - 發(fā)布 - 演示將uni-app項(xiàng)目發(fā)布為小程序的流程
第456節(jié) - 發(fā)布 - 了解將uni-app項(xiàng)目發(fā)布為Android App的基本流程
第457節(jié) - 發(fā)布 - 演示將uni-app項(xiàng)目發(fā)布為Android App的流程
未完待續(xù),黑馬老師996更新中......
掌握行業(yè)熱門技術(shù)
是每個(gè)程序員都應(yīng)該重視的事情
手把手快速帶你開發(fā)微信小程序如此重要,你還沒學(xué)?
點(diǎn)擊或搜索黑馬程序員B站
觀看全集視頻
- 完整配套資料領(lǐng)取方式 -
(視頻+講義+源碼+筆記+資料)
黑馬程序員視頻庫
北京校區(qū)