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