Name: 前端基礎進階-行動Web
Uploaded: 2022-08-17T16:45:41+8:00
Duration: 1362 min 54 s

第1章課程介紹: 階段課程介紹
19分鐘22秒; 今日課程介紹
03分鐘32秒
第2章字體圖示: 字體圖示-基本使用
12分鐘14秒; 字體圖示-iconfont類
05分鐘05秒; 案例-購物車
09分鐘54秒; 字體圖示-svg-上傳
10分鐘15秒
第3章平面轉換: 平面轉換-介紹
08分鐘07秒; 平面轉換-位移
03分鐘39秒; 平面轉換-位移-技巧
09分鐘08秒; 平面轉換-定位盒子居中
12分鐘23秒; 案例-雙開門-佈局
06分鐘00秒; 案例-雙開門-hover效果
04分鐘55秒; 平面轉換旋轉
07分鐘45秒; 平面轉換-轉換圓點
06分鐘15秒; 平面轉換-多重轉換
06分鐘15秒; 平面轉換-縮放
18分鐘24秒; 案例-縮放
03分鐘39秒; 案例-縮放-注意點-層疊性
11分鐘26秒; 漸變
09分鐘05秒; 案例-漸變
10分鐘00秒; 綜合案例-華為-結構分析
07分鐘05秒; 綜合案例-華為-mask
12分鐘06秒; 綜合案例-華為-hover效果
第4章空間轉換: 今日課程介紹
07分鐘13秒; 空間轉換-簡介
04分鐘13秒; 空間轉換-位移
07分鐘35秒; 空間轉換-透視屬性
09分鐘22秒; 空間轉換-透視屬性-原理
09分鐘33秒; 空間轉換-rotateZ
04分鐘16秒; 空間轉換-rotateX
04分鐘34秒; 空間轉換-rotateY
03分鐘30秒; 空間轉換-左手法則
05分鐘41秒; 空間轉換-rotate3d-了解
02分鐘33秒; 空間轉換-立體呈現
12分鐘52秒
第5章3d導航: 3d導航-結構分析
06分鐘24秒; 3d導航-搭建立方體
08分鐘04秒; 3d導航-hover
05分鐘21秒
第6章課程回顧: 上午回顧
03分鐘27秒; 空間轉換-縮放
05分鐘42秒
第7章動畫: 動畫-簡介
10分鐘46秒; 動畫-from..to
06分鐘16秒; 動畫-百分比
04分鐘48秒; 動畫-animation複合屬性01
11分鐘18秒; 動畫-animation複合屬性02
08分鐘15秒; 動畫-animation拆分寫法
07分鐘07秒; 動畫-逐幀動畫-簡介
05分鐘21秒; 動畫-逐幀動畫-實現
12分鐘02秒; 動畫-多組動畫
10分鐘31秒
第8章綜合案例: 走馬燈
18分鐘52秒; 全民出遊-背景大圖
15分鐘01秒; 全民出遊-雲彩-佈局
07分鐘37秒; 全民出遊-雲彩-動畫
05分鐘39秒
第9章課程介紹2: 考試題
11分鐘57秒; 課程介紹
01分鐘49秒; 課程知識介紹
01分鐘01秒
第10章移動端的特點: PC和行動網頁不同點
05分鐘13秒; 谷歌模擬器
07分鐘07秒; 解析度
10分鐘32秒; 程式碼參考解析度-邏輯
10分鐘02秒; 視窗
12分鐘00秒; 二倍圖
14分鐘50秒; 百分比佈局
12分鐘27秒
第11章Flex: Flex-體驗
09分鐘43秒; Flex簡介
08分鐘40秒; Flex-組成
08分鐘42秒; Flex-主軸對齊方式
10分鐘39秒; Flex-側軸對齊方式
09分鐘48秒; Flex-單獨控制某個盒子側軸對齊方式
03分鐘17秒; Flex-彈性盒子尺寸特點
04分鐘38秒; Flex-彈性伸縮比
12分鐘45秒
第12章小兔鮮-訂單: 小兔鮮兒-確認訂單-準備工作
10分鐘10秒; 確認訂單-整體版面
16分鐘16秒; 確認訂單-底部支付-佈局
07分鐘39秒; 確認訂單-底部支付-左側
07分鐘16秒; 確認訂單-底部支付-右側
04分鐘25秒; 確認訂單-使用者資訊-整體佈局
13分鐘01秒; 確認訂單-使用者資訊-內容版面
05分鐘38秒; 確認訂單-使用者資訊-文字內容
08分鐘39秒
第13章小兔鮮兒-商品與其他資訊: 課程介紹
02分鐘48秒; 商品-佈局
12分鐘24秒; 商品-數量
05分鐘36秒; 商品-描述
16分鐘35秒; 其他資訊-佈局
11分鐘08秒; 其他資訊-內容
08分鐘47秒
第14章Flex佈局: Flex-修改主軸方向
07分鐘51秒; Flex-主軸方向和對齊方式
05分鐘32秒; Flex-彈性盒子換行
08分鐘52秒; Flex-調整行對齊方式
05分鐘51秒
第15章小兔鮮兒-PC: 項目介紹
10分鐘10秒; 背景
07分鐘25秒; 內容佈局
08分鐘25秒; 帳戶概覽-佈局
09分鐘02秒; 帳戶概覽-內容
14分鐘46秒; 帳戶概覽-圖片尺寸
03分鐘54秒; 公共面板-佈局
10分鐘22秒; 公共面板-文字樣式
04分鐘30秒; 訂單-li佈局
07分鐘03秒; 訂單-內容版面
07分鐘31秒; 訂單-goods
09分鐘18秒; 訂單-goods-省略號
07分鐘29秒; 訂單-common
08分鐘55秒
第16章行動適配: 行動適配
10分鐘24秒; 今日課程介紹
02分鐘11秒; 體驗rem移動適配
05分鐘00秒; rem-基本使用
07分鐘04秒; rem-媒體查詢
12分鐘53秒; rem-行動適配
10分鐘03秒; rem-佈局流程
08分鐘40秒; rem-flexible移動適配
09分鐘46秒; Less-體驗
06分鐘52秒; Less-簡介
03分鐘04秒; Less-EasyLess插件
00分鐘58秒; Less-註釋
04分鐘22秒; Less-計算
07分鐘25秒; Less-嵌套
10分鐘02秒; Less-變數
10分鐘35秒; Less-導入
06分鐘01秒; Less-導出-插件配置
08分鐘38秒; Less-導出-單獨路徑
04分鐘30秒; Less-禁止導出
03分鐘47秒
第17章遊樂園項目: 專案準備
07分鐘10秒; Less-導入
03分鐘13秒; 整體佈局
09分鐘44秒; 根字號變數
05分鐘15秒; banner區域
04分鐘02秒; 活動標題
04分鐘47秒; 活動-佈局
06分鐘54秒; 活動-字體圖標
08分鐘20秒; 活動-狀態-藍色
06分鐘47秒; 活動狀態-灰色
08分鐘29秒; 活動-文字-top
06分鐘45秒; 活動-文字-bottom
07分鐘12秒; 活動-內容複製
04分鐘16秒; 活動-底部工具列
10分鐘46秒
第18章vw和vh: vw-體驗
09分鐘48秒; vh-體驗
03分鐘30秒; vw-行動適配
06分鐘27秒; vh-行動適配
04分鐘30秒; vh-全面屏影響
05分鐘10秒
第19章B站: 獲取素材
08分鐘51秒; 專案準備
05分鐘51秒; 頭部-佈局; vw變數
01分鐘39秒; 頭部-logo圖標
06分鐘53秒; 頭部-right內容; 頭部-更多; 頭部-字體圖示字號; 頭部-tab; 影片-佈局; 影片-思路; 影片-介紹文字; 影片-數量統計
09分鐘41秒; 影片-彈性盒子換行; 頭部-層級與背景色
03分鐘10秒
第20章媒體查詢: 課程介紹
06分鐘04秒; 媒體查詢-max-min-width
10分鐘50秒; 媒體查詢-書寫順序
09分鐘35秒; 了解-媒體查詢-完整寫法
06分鐘27秒; 媒體查詢-link寫法
06分鐘17秒; 媒體查詢-隱藏
09分鐘26秒
第21章bootstrap: bootstrap體驗
07分鐘10秒; bootstrap簡介
03分鐘18秒; bootstrap下載
09分鐘56秒; bootstrap-使用
08分鐘43秒; bootstrap-柵格系統-原理
10分鐘30秒; bootstrap-柵格系統-代碼
10分鐘22秒; bootstrap-柵格系統-其他類別名
08分鐘01秒; bootstrap-介紹
06分鐘19秒; bootstrap-表格
08分鐘47秒; bootstrap-按鈕
07分鐘23秒; bootstrap-元件
07分鐘57秒; bootstrap-字體圖標
03分鐘22秒; bootstrap-插件-下拉式選單
07分鐘10秒; bootstrap-外掛-輪播圖
06分鐘49秒
第22章AlloyTeam: 專案準備
04分鐘35秒; banner圖-高度
16分鐘17秒; 頭部-組件
06分鐘41秒; 頭部-樣式
07分鐘18秒; 客製化-項目導航
13分鐘53秒; 開源專案-標題文字
06分鐘28秒; 開源專案-柵格佈局
04分鐘14秒; 開源專案-內容
06分鐘32秒; 全域樣式
08分鐘10秒

前端基礎進階-行動Web

關於導師

PHP中文網