十一、Angular和React模块
基础部分
1. angularJS是什么?
答：
-[ ] AngularJS是一个JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。
AngularJS通过指令扩展了 HTML，且通过表达式绑定数据到HTML
2. angularJS中的MVVM模式
答：
-[ ]采用这种方式为合理组织代码提供了方便，降低了代码间的耦合度，功能结构清晰可见。
Model：一般用来处理数据，包括读取和设置数据，一般指的是操作数据库。
View：一般用来展示数据，就是放数据，比如通过HTML来展示。
Controller：因为一个模块里面可能有多个视图和模型，控制器就起到了连接模型和视图的
作用。
VM--> ViewModel（视图模型）也就是$scope。
MVC模式在AngularJS 中的体现：
一、首先定义应用，采用ng-app属性指定一个应用，表示此标签内所包裹的内容都属于
APP的一部分。
3. 模块化与依赖注入
答：
-[ ] AngularJS模块：
AngularJS模块是一种容器，把代码隔离并组织成简洁，整齐，可复用的块。
模块本身不提供直接的功能：包含其他提供功能的对象的实例：控制器，过滤器，服务，动
画。可通过定义其提供的对象构建模块。通过依赖注入将模块连接在一起，构建一个完整的
应用程序。
AngularJS建立在模块原理上。大部分 AngularJS 提供的功能都内置到ng-*模块中。
创建模块：
你可以通过 AngularJS 的 angular.module 函数来创建模块：
var app = angular.module("myApp", []);
依赖注入：（Dependency
Injection，简称 DI）是一种软件设计模式，在这种模式下，一
个或更多的依赖（或服务）被注入（或者通过引用传递）到一个独立的对象（或客户端）中，
然后成为了该客户端状态的一部分。
该模式分离了客户端依赖本身行为的创建，这使得程序设计变得松耦合，并遵循了依赖反转
和单一职责原则。与服务定位器模式形成直接对比的是，它允许客户端了解客户端如何使用
该系统找到依赖
一句话，没事你不要来找我，有事我会去找你。
AngularJS提供很好的依赖注入机制。以下 5个核心组件用来作为依赖注入：value、
factory、service、provider、constant
4. ReactJS的适用场景
答：
-[ ]一些后台界面，或者是和后台数据比较多，又或者和用户交互比较多，dom 操作频繁的
都可以用 react。因为 react 的大特点就是虚拟DOM 技术，这样可以提高渲染的性能。个
人的体验就是，用 react可以让整个页面的速度提高很多。
另外这样做的话，和后台的数据通过接口来进行前后端分离，也挺好挺方便的
5. ReactJS是什么
答：
-[ ] React是一个用于构建用户界面的 JAVASCRIPT 库。
React主要用于构建 UI，很多人认为 React 是 MVC 中的 V（视图）。
React起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月
开源。
React拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。
6. ReactJs 的特点
答：
-[ ] 1.声明式设计−React 采用声明范式，可以轻松描述应用。
2.高效−React通过对 DOM 的模拟，最大限度地减少与 DOM 的交互。
3.灵活−React可以与已知的库或框架很好地配合。
4. JSX− JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。
1.组件−通过React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。
1.单向响应的数据流− React 实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。
7. react Native比起标准Web开发或原生开发能够带来的三大好处
答：
-[ ] 1.手势识别：基于Web 技术（HTML5/JavaScript）构建的移动应用经常被抱怨缺乏及时响应。而基于原生 UI的React Native能避免这些问题从而实现实时响应。
1.原生组件：使用 HTML5/JavaScript实现的组件比起原生组件总是让人感觉差一截，而React Native 由于采用了原生UI组件自然没有此问题。
1.样式和布局：iOS、Android 和基于Web 的应用各自有不同的样式和布局机制。React Native 通过一个基于 FlexBox的布局引擎在所有移动平台上实现了一致的跨平台样式和布局方案。
8.
实际工作部分
1. 看过Angular的源码吗，它是怎么实现双向数据绑定的?
答：
- [ ] angular对常用的dom事件， xhr事件等做了封装，在里面触发进入angular的digest 流程。在digest 流程里面，会从 rootscope 开始遍历，检查所有的watcher
2. 为什么angular不推荐使用dom操作？
答：
-[ ] Angular倡导以测试驱动开发，在的 service 或者 controller 中出现了DOM 操作，那么也就意味着的测试是无法通过的使用 Angular 的其中一个好处是啥，那就是双向数据绑定，这样就能专注于处理业务逻辑，无需关系一堆堆的 DOM 操作。如果在 Angular 的代码中还到处充斥着各种 DOM操作，那为什么不直接使用jquery 去开发呢。
3. MVC模式的意思是，软件可以分成三个部分？
答：
-[ ]视图（View）：用户界面。
控制器（Controller）：业务逻辑
模型（Model）：数据保存
4. 各部分之间的通信方式是什么？
答：
-[ ] View传送指令到Controller
Controller完成业务逻辑后，要求 Model改变状态
Model将新的数据发送到 View，用户得到反馈
网友评论