一、angular

1、angular组件通讯
（1）父子组件之间的交互(@Input/@Output/模板变量/@ViewChild)

（2）非父子组件(Service/localStorage)

（3）还可以利用Session等服务器端的解决方法
2、angular设置style和css：
（1）[ngStyle]="{ 内联样式名称01：样式值，内联样式名称02：样式值}"
（2）[style.border-color]='level.color'
（3）　[ngClass]="{ CSS类名01：布尔类型，CSS类名：布尔类型 }"

　　　　[ngClass]="styleMethod()"

　　　　坑01：styleMethod是一个自定义的方法，该方法返回的是一个对象，该对象的格式是： { CSS类名01：布尔类型，CSS类名：布尔类型 }

　　　　技巧01：对象的键最好用引号括起来，因为有的字符如果不用引号括起来就会报错，例如 _

　　　　技巧02：对象的键值如果有特殊字符就需要用引号括起来，否则会报错（PS: 最好都用引号括起来）
（4）[class.样式类名称]=“布尔类型”

3、ng-if 跟 ng-show/hide 的区别有哪些？
第一点区别是，ng-if 在后面表达式为 true 的时候才创建这个 dom 节点，控制dom节点的增删除来实现显示隐藏，ng-show/ng-hide 是初始时就创建了，用 display:block 和 display:none 来控制显示和不显示。
第二点区别是，ng-if 会（隐式地）产生新作用域，ng-switch 、 ng-include 等会动态创建一块界面的也是如此。
这样会导致，在 ng-if 中用基本变量绑定 ng-model，并在外层 div 中把此 model 绑定给另一个显示区域，内层改变时，外层不会同步改变，因为此时已经是两个变量了。

ng-show 不存在此问题，因为它不自带一级作用域。
避免这类问题出现的办法是，始终将页面中的元素绑定到对象的属性（data.x）而不是直接绑定到基本变量（x）上。

4、Angular引入第三方 JS
(1)npm 
(2)    １．下载 jquery.min.js 放到 assets/jquery下 
    ２．引入jquery: “scripts”: [“assets/jquery/jquery.min.js”] 
    ３．在 typings.d.ts 下新增两句
    declare var $: any; 
    declare var jQuery: any;

5、angular7中非父子组件间的通讯
1)方式一：通过service
2)方式二：借助service通过BehaviorSubject实现，可实现动态修改

6、angular时间格式化插件：moment，DatePipe（体积相比moment小，推荐）

7、动态创建组件：

https://zhuanlan.zhihu.com/p/59719621

二、Location Strategy

1、hash路由模式

locaton.hash就是url中#后面的内容。

特性：

1.URL 中 hash 值只是客户端的一种状态，也就是说当向服务器端发出请求时，hash 部分不会被发送；

2.hash 值的改变，都会在浏览器的访问历史中增加一个记录。因此我们能通过浏览器的回退、前进按钮控制hash 的切换；

3.可以通过 a 标签，并设置 href 属性，当用户点击这个标签后，URL 的 hash 值会发生改变；或者使用 JavaScript 来对 loaction.hash 进行赋值，改变 URL 的 hash 值；

4.我们可以使用 hashchange 事件来监听 hash 值的变化，从而对页面进行跳转(渲染)。

2、history路由模式
HTML5 提供了 History API 来实现 URL 的变化。其中做最主要的 API 有以下两个：history.pushState() 和 history.repalceState()。这两个 API 可以在不进行刷新的情况下，操作浏览器的历史纪录。唯一不同的是，前者是新增一个历史记录，后者是直接替换当前的历史记录，如下所示：

window.history.pushState(null, null, path);

window.history.replaceState(null, null, path);
特性：

1.pushState 和 repalceState 两个 API 来操作实现 URL 的变化 ；

2.我们可以使用 popstate 事件来监听 url 的变化，从而对页面进行跳转(渲染)；

3.history.pushState() 或 history.replaceState() 不会触发 popstate 事件，这时我们需要手动触发页面跳转(渲染)；

4、history 模式在页面刷新的时候，会请求当前地址栏中完成的 url，这时需要服务器对这个 url 有处理，如果没有对应的文件，需要返回 index.html
5、history 模式因为是使用的 HTML5 的新规范，所以不能兼容低版本的浏览器
6、history 模式打包后，直接在浏览器中打开 /dist/index.html 会报错（原因是第 3 条指出的原因）

3、路由简单实现

三、vue模板语法与React JSX

https://blog.csdn.net/weixin_33862514/article/details/91475230

四、原理类

1、visual dom vs diff算法

2、vue vs react

https://blog.csdn.net/CystalVon/article/details/78428036?utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.base&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.base

https://blog.csdn.net/weixin_44282875/article/details/85263293

3、Angular的更新机制-ChangeDetectionStrategy

angular提供了两种更新机制，default默认及onPush机制。准确的来说，应该说是一种机制。onPush是优化angular检测机制。

changeDetectionStrategy.Default默认机制

       在angular执行检测机制之前，angular必须要检测到新的state值，如果不这样，那就没法玩了。因为angular的检测需要基于两个值的对比，才决定是否执行组件和试图的更新。

默认情况下，angular假设组件是不需要任何依赖的，而实际上，一个应用是由各种各样的state如胶水似的互相依赖的，所以才不得不保守的当组件的state一旦改变就执行检测，这就是脏检测的原理。更具体的来说，它在浏览器的事件、定时器、ajax和promise触发，就需要进行着这些检测。

changeDetectionStrategy.onPush机制

       onPush机制其实就是在angular的检测中，上面说过，angular在检测过程中，是从root节点到每个节点组件，而onPush机制就是告诉angular说：“喂，你忙其他的吧，我这边不需要任何检测”。组件依赖于组件的输入更加pure，而且可以拥抱immutability。 但是使用这种机制的组件又是如何更新自身及视图的呢？方法具体的就是下面的几点：

1、当input的state改变的时候；

2、当前组件或其子组件触发的事件；

3、明确的执行ComponentRef.markForCheck()方法来通知angular；

4、通过在组件内部使用async pipe；

      这种机制实际上是优化应用的策略之一。因为它减少了angular的检测工作量，而且让你的组件更加简洁，immutability。

https://zhuanlan.zhihu.com/p/27901766 

https://www.jianshu.com/p/6bef681a0cae

https://www.imwhite.com.cn/2019/11/understand-angular-change-detection/

4、MVC和MVVM的区别

      MVVM即Model-View-ViewModel的简写。即模型-视图-视图模型。模型（Model）指的是后端传递的数据。视图(View)指的是所看到的页面。视图模型(ViewModel)是mvvm模式的核心，它是连接view和model的桥梁。它有两个方向：一是将模型（Model）转化成视图(View)，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。二是将视图(View)转化成模型(Model)，即将所看到的页面转化成后端的数据。实现的方式是：DOM 事件监听。这两个方向都实现的，我们称之为数据的双向绑定。

      MVC是Model-View- Controller的简写。即模型-视图-控制器。M和V指的意思和MVVM中的M和V意思一样。C即Controller指的是页面业务逻辑。使用MVC的目的就是将M和V的代码分离。MVC是单向通信。也就是View跟Model，必须通过Controller来承上启下。MVC和MVVM的区别并不是VM完全取代了C，只是在MVC的基础上增加了一层VM，只不过是弱化了C的概念，ViewModel存在目的在于抽离Controller中展示的业务逻辑，而不是替代Controller，其它视图操作业务等还是应该放在Controller中实现。也就是说MVVM实现的是业务逻辑组件的重用，使开发更高效，结构更清晰，增加代码的复用性。
      MVVM主要解决了MVC中大量的dom操作使页面渲染性能降低，加载速度变慢，影响用户体验等问题。