广州web前端框架选型与应用实战

第一天

跨平台的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

总结、回顾、答疑