簡介:網(wǎng)頁中各種酷炫的幀動畫一定會吸引你的注意,難道你不想了解背后的實(shí)現(xiàn)原理嗎。本課程首先介紹了常見的幾種幀動畫方案以及JS實(shí)現(xiàn)幀動畫的原理,接下來介紹如何設(shè)計(jì)一個通用的幀動畫解決方案,最后帶大家一起實(shí)現(xiàn)一個 JS 幀動畫庫。
第1章 認(rèn)識幀動畫
本章節(jié)講解什么是幀動畫,常見幾種幀動畫實(shí)現(xiàn)方式及對比,JS實(shí)現(xiàn)幀動畫原理和簡單的幀動畫實(shí)現(xiàn)。然后從需求分析,編程接口,調(diào)用方式和代碼設(shè)計(jì)四個方面去介紹如何去設(shè)計(jì)一個通用的幀動畫庫。
第2章 設(shè)計(jì)幀動畫庫
本章節(jié)從需求分析,編程接口,調(diào)用方式和代碼設(shè)計(jì)四個方面去介紹如何去設(shè)計(jì)一個通用的幀動畫庫。
第3章 webpack打包及幀動畫庫演示
這章節(jié)講解webpack打包等等知識點(diǎn),滿滿的干貨,然后會通過編寫demo,演示了幀動畫庫的鏈?zhǔn)接梅?,對各個接口做了測試,也編寫了一個較為復(fù)雜的動畫,都可以通過幀動畫庫完美實(shí)現(xiàn)。
解鎖即可觀看《大前端》完整課程視頻
大前端
1個業(yè)務(wù)場景打通全端、全棧、全流程,實(shí)現(xiàn)全局思維與綜合技術(shù)能力全面突破;對標(biāo)阿里P6,8個月成為前端高級人才
【第1周】認(rèn)識大前端,全棧開發(fā)初體驗(yàn)
【第2周】企業(yè)標(biāo)準(zhǔn)的開發(fā)環(huán)境搭建
【第3周】NoSQL數(shù)據(jù)庫的設(shè)計(jì)與集成
【第4周】JWT登錄鑒權(quán)—通用登錄模塊后端開發(fā)
【第5周】團(tuán)隊(duì)協(xié)作-文檔管理與缺陷控制
【第6周】團(tuán)隊(duì)協(xié)作-版本管理
【第7周】團(tuán)隊(duì)協(xié)作-自動化流程
【第8周】全棧開發(fā)—首頁模塊
【第9周】 全棧開發(fā)—用戶中心
【第10周】全棧開發(fā)—發(fā)貼/回帖模塊
【第11周】消息中間件開發(fā)(WebSocket通信)
【第12周】組件化思想進(jìn)階:iview上手文章管理
【第13周】中后臺權(quán)限系統(tǒng):前端權(quán)限設(shè)計(jì)方案
【第14周】中后臺權(quán)限系統(tǒng):基于角色&菜單權(quán)限設(shè)計(jì)
【第15周】首頁可視化圖表與日志服務(wù)
【第16周】WebApp頁面設(shè)計(jì)與開發(fā)
【第17周】Vue3全家桶+Vite開發(fā)工具
【第18周】前后端項(xiàng)目Vue3重構(gòu)
【第19周】性能優(yōu)化(服務(wù)端渲染)
【第20周】uniapp開發(fā)(首頁/菜單定制/搜索)
【第21周】uniapp開發(fā)(登錄、詳情、個人中心)
【第22周】uniapp內(nèi)容安全、訂閱消息
【第23周】小程序支付專題
【第24周】跨平臺框架Flutter2與狀態(tài)管理方案
【第25周】封裝請求&數(shù)據(jù)持久化方案&路由
【第26周】Flutter 后臺消息&打包上線
【第27周】Electron桌面端與主流的框架
【第28周】Electron桌面端-社區(qū)業(yè)務(wù)集成
【第29周】React17新特性
【第30周】React-Hooks&狀態(tài)管理方案
【第31周】React組件庫設(shè)計(jì)&工程化
【第32周】React工程化&性能優(yōu)化