廣州web前端框架選型與應(yīng)用實(shí)戰(zhàn)

第一天

跨平臺(tái)的Web移動(dòng)應(yīng)用開發(fā)概述

跨平臺(tái)Web移動(dòng)應(yīng)用開發(fā)原理、跨平臺(tái)Web移動(dòng)應(yīng)用開發(fā)常見四種方案

移動(dòng)Web技術(shù)棧概要

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

移動(dòng)Web應(yīng)用的挑戰(zhàn)

移動(dòng)平臺(tái)OS碎片化、移動(dòng)平臺(tái)瀏覽器多樣化、移動(dòng)平臺(tái)屏幕碎片化、網(wǎng)絡(luò)接入的多樣化、網(wǎng)絡(luò)請(qǐng)求耗時(shí)問題、移動(dòng)Web應(yīng)用的性能問題、屏幕卡頓、動(dòng)畫延遲、觸摸事件延遲、安全問題、移動(dòng)Web應(yīng)用架構(gòu)設(shè)計(jì)問題

【案例一】第1個(gè)跨平臺(tái)程序

第二天

移動(dòng)Web應(yīng)用軟件架構(gòu)設(shè)計(jì)推薦語言- Typescript精要

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

移動(dòng)Web應(yīng)用CSS預(yù)處理推薦-LESS

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

第三天

移動(dòng)瀏覽器兼容

CSS3兼容、微信應(yīng)用等特殊場(chǎng)景下的兼容問題、Promise兼容

移動(dòng)屏幕碎片化適配

媒體查詢、rem實(shí)踐、%實(shí)踐、Flex布局

移動(dòng)web請(qǐng)求模型

Fiddler抓包與數(shù)據(jù)包分析、移動(dòng)Web請(qǐng)求模型與分析、移動(dòng)Web請(qǐng)求與調(diào)試

WebView離線技術(shù)棧

瀏覽器自帶的緩存技術(shù)、HTML5本地緩存技術(shù)

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

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

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

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

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

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

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

Timeline工具

【項(xiàng)目案例】仿京東商城APP

總結(jié)、回顧、答疑