廣州web前端框架選型與應用實戰(zhàn)

第一天

跨平臺的Web移動應用開發(fā)概述

跨平臺Web移動應用開發(fā)原理、跨平臺Web移動應用開發(fā)常見四種方案

移動Web技術棧概要

HTML5、CSS3(LESS,SASS)、EcmaScript5、EcmaScript6、Typescript、Cordova框架、單頁面開發(fā)模式、MVVM架構

移動Web應用的挑戰(zhàn)

移動平臺OS碎片化、移動平臺瀏覽器多樣化、移動平臺屏幕碎片化、網(wǎng)絡接入的多樣化、網(wǎng)絡請求耗時問題、移動Web應用的性能問題、屏幕卡頓、動畫延遲、觸摸事件延遲、安全問題、移動Web應用架構設計問題

【案例一】第1個跨平臺程序

第二天

移動Web應用軟件架構設計推薦語言- Typescript精要

TypeScript 安裝和第1個程序、class arrows、原始數(shù)據(jù)類型 任意值、類型推論、聯(lián)合類型、數(shù)組的類型、函數(shù)的類型、類型斷言、聲明文件、接口、內置對象等

移動Web應用CSS預處理推薦-LESS

具備程序思想的CSS-LESS、LESS、變量、混合、嵌套、運算、繼承法則、Escaping、函數(shù)、Namespaces and Accessors、作用域、注釋、導入、復雜算法實現(xiàn)

第三天

移動瀏覽器兼容

CSS3兼容、微信應用等特殊場景下的兼容問題、Promise兼容

移動屏幕碎片化適配

媒體查詢、rem實踐、%實踐、Flex布局

移動web請求模型

Fiddler抓包與數(shù)據(jù)包分析、移動Web請求模型與分析、移動Web請求與調試

WebView離線技術棧

瀏覽器自帶的緩存技術、HTML5本地緩存技術

經(jīng)典的MVVM框架分析

AngularJS、VUE、Knockout、【討論與分析】三種MVVM框架的優(yōu)缺點分析

基于瀏覽器優(yōu)化頁面運行性能

瀏覽器內核、三種渲染模式、JavaScript引擎、頁面呈現(xiàn)原理-六大關鍵步驟、優(yōu)化舉措

關鍵呈現(xiàn)路徑優(yōu)化

復合圖層化優(yōu)化

針對回流的優(yōu)化

Timeline工具

【項目案例】仿京東商城APP

總結、回顧、答疑