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 服务 ) |
JavaScript 与面向对象 |
使用function在ECMAScript 5规范下模拟类和继承
ECMAScript 6严格语法模式中接口的定义与实现 |
JavaScript 高级开发 |
AMD异步模块定义的使用
MVC模型介绍
MVP模型介绍
JavaScript与模块化?? |
JavaScript 开发介绍? |
介绍JavaScript 语言的基本特性
如何使用JavaScript 语言进行应用开发
以及JavaScript 技术面向对象技术的技巧 |
JavaScript 高性能开发 |
加载与执行:JavaScript 脚本的加载和执行是阻塞模式,为了提高性能应该调节加载位置和顺序。
数据访问:JavaScript 中使用不同的数据类型来存储数据,会有完全不同的执行性能,这里专注介绍该使用何种方式进行数据存储以提高性能
dom 元素的遍历 :专门介绍针对不同浏览器该使用何种方式来遍历页面元素以提高性能
流程控制优化 :算数表达式和流程控制部分介绍通过优化循环和比较流程优化程序性能
响应模式优化 :开发体验中最糟糕的莫过于点击页面无响应,此内容介绍如何提UI 响应性能机制 |
React Native比起标准Web开发或原生开发能够带来的三大好处: |
1手势识别: 基于Web技术(HTML5/JavaScript)构建的移动应用经常被抱怨缺乏及时响应。而基于原生UI的React Native能避免这些问题从而实现实时响应。
2 原生组件: 使用HTML5/JavaScript实现的组件比起原生组件总是让人感觉差一截,而React Native由于采用了原生UI组件自然没有此问题。
3 样式和布局:
iOS、Android和基于Web的应用各自有不同的样式和布局机制。React Native通过一个基于FlexBox的布局引擎在所有移动平台上实现了一致的跨平台样式和布局方案。 |
React js教程 |
ES6 React
虚拟DOM(virtual DOM)
组件驱动开发(component-driven development)
不变性(immutability)
自上而下的渲染(top-down rendering)
渲染路径和优化
打包工具, ES6, 构建请求, debugging, 路由等
同构React(isomorphic React) |