angular和jquery读取数据的方式有什么不同?

Question

就比如说处理表格数据

以前使用jquery处理数据, 就是向服务端发送一个http请求, 返回json, jq通过遍历dom和读取json来显示数据

(初次接触angular和typescript)
现在使用angular, 应该怎么处理表格数据?
angular对这方面做了哪些优化?
希望能够详细说明, 谢谢

Answer 1

一模一样，都是 http、处理 json、json 转换成 dom、显示。

1. http，底层都是 XMLHttpRequest
2. json 的话这一块一模一样
3. jquery的话一般是 字符串拼接、字符串模板，也有啥 dot 之类的。angular 的话是自己做的数据绑定，感觉和 dot 那种差不多，只不过有数据绑定的功能。
4. 显示的话jquery需要你自己appendChild，angular的话他内部做了，肯定也是appendChild或者innerHTML这种东西。

Answer 2

逻辑上没区别，业务上使用带有双向绑定特性的框架（angular,vue,react等）可以简化代码。typescript是另一种东西，自己搜索一下就行了。
对于非双向绑定的框架，如jQuery，在开发时是先使用html编写dom树的，然后在数据变化时调用JS对dom树进行局部重绘。
而双向绑定的框架，开发者只要处理逻辑部分，然后指定数据的展示方式，框架本身会自动完成dom树构建，同时侦听数据变化，自动局部重绘。
至于优化之类的更多的是解决性能问题、解耦之类的，和开发的关系并不大。