Web前端框架概览
|
- 展示层:html,css
- 控制层:JavaScript
- 后端服务接口:ajax,restful,node.js
Web前端运行原理解析
Web前端当前开发趋势
典型的web前端开发框架:
- jQuery、
- AngularJS
- ReactJS
- Node.JS
- Prototype、
- Dojo
- YUI
- ZK、
|
Web前端框架实现原理
|
主流JS框架实现剖析:jQuery、AngularJS,ReactJS,Node.JS
浏览器工作原理
- Html加载
- Css渲染
- Js 处理
- 事件与响应的过程模型
- JavaScript对象生命周期管理
- JavaScript对象关系绑定:继承、多态
- 类库的组织
- JS事件响应模型
- Html对象注入方式
- 应用JS的绑定与注入
|
JavaScript
框架设计模式 |
- 使用function在ECMAScript 5规范下模拟类和继承
- ECMAScript 6严格语法模式中接口的定义与实现
AMD异步模块定义的使用
MVC模型框架与实现
MVP模型框架与实现
JavaScript的模块化 与动态装载管理 |
jQuery框架原理与应用
|
JQuery结构解析
JQuery资源目录
JQuery编程接口
jQuery事件模型
JQuery中的样式定制
JQuery实用工具函数
在JQuery中使用插件 |
AngularJS
观念与架构 |
认识 AngularJS 核心观念
了解 jQuery 与 AngularJS 的差异
体验以对象模型为基础的网页操作模式
认识 MVC 架构 ( Models, Views, Controllers )
认识 DI 设计模式 (Dependency Injection) |
AngularJS
基础开发入门 |
执行 AngularJS 的多种方式
认识 Angular 表达式 (Angular Expression)
认识 Angular 过滤器 (Filters)
认识 Angular 控制器 (Controllers)
认识双向资料系结 (Two-way data binding)
认识内建的 Directives ( HTML 指令 )
如何加载额外的 Angular 模块
了解 Angular 执行生命周期 |
AngularJS
与 RESTful
API 整合 |
呼叫后端 API 的开发技巧 (使用 $http 服务)
呼叫后端 API 的开发技巧 (使用 $resource 服务 ) |
React
JS框架原理与应用
|
ES6 React
虚拟DOM(virtual DOM)
组件驱动开发(component-driven development)
不变性(immutability)
自上而下的渲染(top-down rendering)
渲染路径和优化
打包工具, ES6, 构建请求, debugging, 路由等
同构React(isomorphic React) |
NodeJS框架原理与应用
|
NodeJS背景介绍
NodeJS安装与模块化
NodeJS与NPM管理
NodeJS文件操作
NodeJS中的网络访问
NodeJS的进程管理
NodeJS中的异步编程 |
JavaScript
高性能开发 |
加载与执行:JavaScript
脚本的加载和执行是阻塞模式,为了提高性能应该调节加载位置和顺序。
数据访问:JavaScript 中使用不同的数据类型来存储数据,会有完全不同的执行性能,这里专注介绍该使用何种方式进行数据存储以提高性能
DOM 元素的遍历 :专门介绍针对不同浏览器该使用何种方式来遍历页面元素以提高性能
流程控制优化 :算数表达式和流程控制部分介绍通过优化循环和比较流程优化程序性能
响应模式优化 :开发体验中最糟糕的莫过于点击页面无响应,此内容介绍如何提UI
响应性能机制 |
JS下的测试与构建
|
JS的自动化构建与测试流程
JS下的调试工具
JS下的单元测试工具:Jasmine/ Mocha
JS下的代码检查工具:JSHint/ JSLintMate
JS下的自动化测试工具:Selenium
基于Grunt的js构建与自动化测试 |
前端应用发展趋势和框架选择方法
|
前端应用发展的多平台化:PC、移动终端、HTML5
浏览器相关技术规范的发展趋势:
- 支持HTML5
- 静态转动态
- 支持更多媒体格式与操作
- 离线存储
- 后台服务
- …
前端框架选择建议
如何根据自己的应用需要组合框架,
大型web应用:前端框架组合范例参考 |