第一天
跨平臺的Web移動應(yīng)用開發(fā)概述
跨平臺Web移動應(yīng)用開發(fā)原理、跨平臺Web移動應(yīng)用開發(fā)常見四種方案
移動Web技術(shù)棧概要
HTML5、CSS3(LESS,SASS)、EcmaScript5、EcmaScript6、Typescript、Cordova框架、單頁面開發(fā)模式、MVVM架構(gòu)
移動Web應(yīng)用的挑戰(zhàn)
移動平臺OS碎片化、移動平臺瀏覽器多樣化、移動平臺屏幕碎片化、網(wǎng)絡(luò)接入的多樣化、網(wǎng)絡(luò)請求耗時問題、移動Web應(yīng)用的性能問題、屏幕卡頓、動畫延遲、觸摸事件延遲、安全問題、移動Web應(yīng)用架構(gòu)設(shè)計問題
【案例一】第1個跨平臺程序
第二天
移動Web應(yīng)用軟件架構(gòu)設(shè)計推薦語言- Typescript精要
TypeScript 安裝和第1個程序、class arrows、原始數(shù)據(jù)類型
任意值、類型推論、聯(lián)合類型、數(shù)組的類型、函數(shù)的類型、類型斷言、聲明文件、接口、內(nèi)置對象等
移動Web應(yīng)用CSS預(yù)處理推薦-LESS
具備程序思想的CSS-LESS、LESS、變量、混合、嵌套、運算、繼承法則、Escaping、函數(shù)、Namespaces and Accessors、作用域、注釋、導(dǎo)入、復(fù)雜算法實現(xiàn)
第三天
移動瀏覽器兼容
CSS3兼容、微信應(yīng)用等特殊場景下的兼容問題、Promise兼容
移動屏幕碎片化適配
媒體查詢、rem實踐、%實踐、Flex布局
移動web請求模型
Fiddler抓包與數(shù)據(jù)包分析、移動Web請求模型與分析、移動Web請求與調(diào)試
WebView離線技術(shù)棧
瀏覽器自帶的緩存技術(shù)、HTML5本地緩存技術(shù)
經(jīng)典的MVVM框架分析
AngularJS、VUE、Knockout、【討論與分析】三種MVVM框架的優(yōu)缺點分析
基于瀏覽器優(yōu)化頁面運行性能
瀏覽器內(nèi)核、三種渲染模式、JavaScript引擎、頁面呈現(xiàn)原理-六大關(guān)鍵步驟、優(yōu)化舉措
關(guān)鍵呈現(xiàn)路徑優(yōu)化
復(fù)合圖層化優(yōu)化
針對回流的優(yōu)化
Timeline工具
【項目案例】仿京東商城APP
總結(jié)、回顧、答疑
魯公網(wǎng)安備37061302000010號
在線客服
預(yù)約試聽