教育行業(yè)A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

手把手快速帶你開發(fā)微信小程序

更新時間:2023年04月19日16時54分 來源:傳智教育 瀏覽次數(shù):

好口碑IT培訓(xùn)

  課程簡介:

  1. 詳盡的講解了微信小程序的基礎(chǔ)知識

  2. 基于 uni-app 實(shí)現(xiàn)微信小程序項(xiàng)目的開發(fā)

  3. 項(xiàng)目中會涉及到登錄支付等微信小程序特有的能力

  課程亮點(diǎn):

  1、本課程從小程序賬號注冊、開發(fā)環(huán)境搭建、基礎(chǔ)語法、路由導(dǎo)航、數(shù)據(jù)請求、分包、組件化等方面詳細(xì)闡述了小程序開發(fā)必備的基礎(chǔ)知識。

  2、學(xué)完小程序基礎(chǔ)之后,利用 uni-app 技術(shù)實(shí)現(xiàn)微信小程序的開發(fā),可以做到一次開發(fā)多端部署。

  3、項(xiàng)目擁有首頁、搜索頁、商品列表頁、商品詳情頁、購物車、登錄支付等主要功能。涵蓋了分包、vuex、組件化開發(fā)等核心技術(shù)點(diǎn)的使用。

  適用人群:

  1. 對小程序開發(fā)感興趣的開發(fā)者。

  2. 希望學(xué)習(xí)小程序提高行業(yè)競爭力的前端開發(fā)者。

  3. 希望通過學(xué)習(xí)小程序完成業(yè)務(wù)開發(fā)的在職人員。


只要大家有需求

我們的視頻教程就絕不會缺席

黑馬程序員重磅發(fā)布新教程

  程目錄  

  手把手快速帶你開發(fā)微信小程序(滑動查看)

  第1節(jié) - 學(xué)習(xí)目標(biāo)

  第2節(jié) - 小程序簡介 - 小程序與普通網(wǎng)頁開發(fā)的區(qū)別

  第3節(jié) - 小程序簡介 - 體驗(yàn)微信小程序

  第4節(jié) - 第一個小程序 - 了解注冊小程序開發(fā)賬號的流程

  第5節(jié) - 第一個小程序 - 獲取小程序的AppID

  第6節(jié) - 第一個小程序 - 安裝微信開發(fā)者工具

  第7節(jié) - 第一個小程序 - 掃碼登錄到微信開發(fā)者工具

  第8節(jié) - 第一個小程序 - 設(shè)置外觀和代理

  第9節(jié) - 第一個小程序 - 演示新建小程序項(xiàng)目的步驟

  第10節(jié) - 第一個小程序 - 查看項(xiàng)目運(yùn)行效果的兩種方式

  第11節(jié) - 第一個小程序 - 了解微信開發(fā)者工具主界面的5個組成部分

  第12節(jié) - 小程序代碼的構(gòu)成 - 了解項(xiàng)目的基本組成結(jié)構(gòu)

  第13節(jié) - 小程序代碼的構(gòu)成 - 小程序頁面的組成部分

  第14節(jié) - 小程序代碼的構(gòu)成 - 認(rèn)識小程序中的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é)同工作 - 了解小程序成員管理的兩個方面

  第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ù)綁定 - 動態(tài)綁定屬性

  第50節(jié) - 數(shù)據(jù)綁定 - 三元運(yùn)算

  第51節(jié) - 數(shù)據(jù)綁定 - 算數(shù)運(yùn)算

  第52節(jié) - 事件綁定 - 了解什么是事件以及小程序中常用的事件

  第53節(jié) - 事件綁定 - 事件對象的屬性列表

  第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)前項(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è)置下拉刷新時的窗口背景色

  第80節(jié) - 全局配置 - window - 設(shè)置下拉刷新時loading的樣式

  第81節(jié) - 全局配置 - window - 設(shè)置上拉觸底的距離

  第82節(jié) - 全局配置 - tabBar - 什么是tabBar

  第83節(jié) - 全局配置 - tabBar - tabBar的6個組成部分

  第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ù)請求 - 小程序中網(wǎng)絡(luò)數(shù)據(jù)請求的限制

  第89節(jié) - 數(shù)據(jù)請求 - 配置request合法域名

  第90節(jié) - 數(shù)據(jù)請求 - 發(fā)起GET請求

  第91節(jié) - 數(shù)據(jù)請求 - 發(fā)起POST請求

  第92節(jié) - 數(shù)據(jù)請求 - 了解如何在頁面剛加載的時候請求數(shù)據(jù)

  第93節(jié) - 數(shù)據(jù)請求 - 跳過request合法域名校驗(yàn)

  第94節(jié) - 數(shù)據(jù)請求 - 關(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é) - 上拉觸底案例 - 上拉觸底時獲取隨機(jī)顏色

  第127節(jié) - 上拉觸底案例 - 添加loading提示效果

  第128節(jié) - 上拉觸底案例 - 介紹為什么需要對上拉觸底進(jìn)行節(jié)流處理

  第129節(jié) - 上拉觸底案例 - 對上拉觸底進(jìn)行節(jié)流處理

  第130節(jié) - 擴(kuò)展 - 自定義編譯模式

  第131節(jié) - 生命周期 - 什么是生命周期

  第132節(jié) - 生命周期 - 小程序中生命周期的兩個分類

  第133節(jié) - 生命周期 - 什么是生命周期函數(shù)

  第134節(jié) - 生命周期 - 小程序中生命周期函數(shù)的兩個分類

  第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個特點(diǎn)

  第143節(jié) - 案例 - 商鋪列表頁面的效果演示

  第144節(jié) - 案例 - 把項(xiàng)目代碼加載到微信開發(fā)者工具中

  第145節(jié) - 案例 - 實(shí)現(xiàn)導(dǎo)航跳轉(zhuǎn)并傳參

  第146節(jié) - 案例 - 動態(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ù)據(jù)

  第153節(jié) - 案例 - 對上拉觸底事件進(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é) - 案例 - 解決下拉刷新窗口效果不會自動關(guān)閉的問題

  第160節(jié) - 案例 - 使用wxs處理手機(jī)號

  第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)聽對象屬性的變化

  第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)聽對象中指定屬性的變化

  第185節(jié) - 自定義組件 - 數(shù)據(jù)監(jiān)聽器案例 - 監(jiān)聽對象中所有屬性的變化

  第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é) - 自定義組件 - 插槽 - 單個插槽

  第197節(jié) - 自定義組件 - 插槽 - 啟用多個插槽

  第198節(jié) - 自定義組件 - 插槽 - 定義和使用多個插槽

  第199節(jié) - 自定義組件 - 父子組件通信 - 了解父子組件之間通信的3種方式

  第200節(jié) - 自定義組件 - 父子組件通信 - 屬性綁定

  第201節(jié) - 自定義組件 - 父子組件通信 - 實(shí)現(xiàn)子組件的count屬性自增+1

  第202節(jié) - 自定義組件 - 父子組件通信 - 了解事件綁定的4個核心實(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包 - 小程序中對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化 - 三個步驟實(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í)例對象

  第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é) - 起步 - 對HBuilderX進(jìn)行個性化的配置

  第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對應(yīng)的4個頁面

  第278節(jié) - tabbar - 配置tabBar效果

  第279節(jié) - tabbar - 配置導(dǎo)航條的樣式效果

  第280節(jié) - tabbar - 分支的合并與提交

  第281節(jié) - 首頁 - 輪播圖 - 創(chuàng)建home子分支

  第282節(jié) - 首頁 - 輪播圖 - 安裝并配置網(wǎng)絡(luò)請求的第三方包

  第283節(jié) - 首頁 - 輪播圖 - 請求輪播圖的數(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)分類頁面滑動區(qū)域的左右布局

  第299節(jié) - 分類 - 動態(tài)設(shè)置scroll-view組件的高度

  第300節(jié) - 分類 - 美化左側(cè)scroll-view中item項(xiàng)的樣式

  第301節(jié) - 分類 - 獲取分類列表的數(shù)據(jù)

  第302節(jié) - 分類 - 動態(tài)渲染左側(cè)的一級分類列表

  第303節(jié) - 分類 - 定義二級分類的數(shù)據(jù)列表

  第304節(jié) - 分類 - 動態(tài)渲染右側(cè)的二級分類列表

  第305節(jié) - 分類 - 動態(tài)渲染右側(cè)的三級分類列表

  第306節(jié) - 分類 - 切換一級分類后重置滾動條的位置

  第307節(jié) - 分類 - 點(diǎn)擊三級分類跳轉(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)搜索框自動獲取焦點(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é) - 搜索 - 搜索歷史 - 將搜索歷史記錄持久化存儲到本地

  第332節(jié) - 搜索 - 搜索歷史 - 清空搜索歷史記錄

  第333節(jié) - 搜索 - 搜索歷史 - 點(diǎn)擊搜索歷史跳轉(zhuǎn)到商品列表頁面

  第334節(jié) - 搜索 - 分支的合并與提交

  第335節(jié) - 商品列表 - 介紹商品列表頁面的功能并創(chuàng)建編譯模式

  第336節(jié) - 商品列表 - 創(chuàng)建goodslist分支

  第337節(jié) - 商品列表 - 定義請求參數(shù)對象

  第338節(jié) - 商品列表 - 獲取商品列表數(shù)據(jù)

  第339節(jié) - 商品列表 - 定義商品列表頁面的UI結(jié)構(gòu)

  第340節(jié) - 商品列表 - 美化商品列表頁面的UI結(jié)構(gòu)

  第341節(jié) - 商品列表 - 把商品Item項(xiàng)封裝為自定義組件

  第342節(jié) - 商品列表 - 使用過濾器處理商品價格

  第343節(jié) - 商品列表 - 初步實(shí)現(xiàn)上拉加載更多

  第344節(jié) - 商品列表 - 使用節(jié)流閥防止發(fā)起額外的數(shù)據(jù)請求

  第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é) - 商品詳情 - 解決商品價格閃爍的問題

  第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é) - 加入購物車 - 動態(tài)統(tǒng)計(jì)購物車中商品的總數(shù)量

  第371節(jié) - 加入購物車 - 持久化存儲購物車中的商品

  第372節(jié) - 加入購物車 - 優(yōu)化商品詳情頁的total偵聽器

  第373節(jié) - 加入購物車 - 動態(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ū)域 - 動態(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ū)域 - 渲染滑動刪除的UI效果

  第393節(jié) - 購物車頁面 - 商品列表區(qū)域 - 實(shí)現(xiàn)滑動刪除的功能

  第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信息存儲到vuex中

  第402節(jié) - 購物車頁面 - 收貨地址區(qū)域 - 將vuex中的address持久化存儲到本地

  第403節(jié) - 購物車頁面 - 收貨地址區(qū)域 - 將addstr抽離為getters

  第404節(jié) - 購物車頁面 - 收貨地址區(qū)域 - 重新選擇收貨地址

  第405節(jié) - 購物車頁面 - 收貨地址區(qū)域 - 演示取消授權(quán)時的問題

  第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ū)域 - 動態(tài)渲染已勾選商品的總數(shù)量

  第413節(jié) - 購物車頁面 - 結(jié)算區(qū)域 - 動態(tài)渲染全選按鈕的選中狀態(tài)

  第414節(jié) - 購物車頁面 - 結(jié)算區(qū)域 - 使用數(shù)組的reduce方法改造total的計(jì)算方式

  第415節(jié) - 購物車頁面 - 結(jié)算區(qū)域 - 實(shí)現(xiàn)商品的全選與反選功能

  第416節(jié) - 購物車頁面 - 結(jié)算區(qū)域 - 動態(tài)渲染已勾選商品的總價格

  第417節(jié) - 購物車頁面 - 結(jié)算區(qū)域 - 動態(tài)計(jì)算tabBar中購物車徽標(biāo)的值

  第418節(jié) - 購物車頁面 - 結(jié)算區(qū)域 - 渲染購物車為空時候的頁面結(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é) - 登錄與支付 - 登錄 - 將用戶的基本信息存儲到vuex

  第431節(jié) - 登錄與支付 - 登錄 - 調(diào)用uni.login獲取code對應(yīng)的值

  第432節(jié) - 登錄與支付 - 登錄 - 進(jìn)一步完善uni.login調(diào)用失敗之后的if判斷條件

  第433節(jié) - 登錄與支付 - 登錄 - 登錄獲取Token字符串

  第434節(jié) - 登錄與支付 - 登錄 - 將Token存儲到vuex中

  第435節(jié) - 登錄與支付 - 用戶信息 - 實(shí)現(xiàn)用戶頭像、昵稱區(qū)域的基本布局

  第436節(jié) - 登錄與支付 - 用戶信息 - 渲染用戶的頭像和昵稱

  第437節(jié) - 登錄與支付 - 用戶信息 - 渲染第1個面板的UI結(jié)構(gòu)

  第438節(jié) - 登錄與支付 - 用戶信息 - 美化第1個面板的樣式

  第439節(jié) - 登錄與支付 - 用戶信息 - 渲染第2個面板區(qū)域

  第440節(jié) - 登錄與支付 - 用戶信息 - 渲染第3個面板區(qū)域

  第441節(jié) - 登錄與支付 - 用戶信息 - 實(shí)現(xiàn)退出登錄的功能

  第442節(jié) - 登錄與支付 - 三秒后自動跳轉(zhuǎn) - 實(shí)現(xiàn)倒計(jì)時提示的功能

  第443節(jié) - 登錄與支付 - 三秒后自動跳轉(zhuǎn) - 控制秒數(shù)的邊界并自動跳轉(zhuǎn)到登錄頁面

  第444節(jié) - 登錄與支付 - 三秒后自動跳轉(zhuǎn) - 解決seconds不會被重置的問題

  第445節(jié) - 登錄與支付 - 三秒后自動跳轉(zhuǎn) - 將返回頁的信息對象記錄到vuex中

  第446節(jié) - 登錄與支付 - 三秒后自動跳轉(zhuǎn) - 根據(jù)redirectInfo導(dǎo)航到登錄之前的頁面

  第447節(jié) - 登錄與支付 - 微信支付 - 在請求頭中添加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ù)

是每個程序員都應(yīng)該重視的事情

手把手快速帶你開發(fā)微信小程序如此重要,你還沒學(xué)?

點(diǎn)擊或搜索黑馬程序員B站

觀看全集視頻

- 完整配套資料領(lǐng)取方式 -

(視頻+講義+源碼+筆記+資料)

黑馬程序員視頻庫

搜索《手把手快速帶你開發(fā)微信小程序

0 分享到:
和我們在線交談!