框架比较

三大框架比较

Angular:(大而全)

Angular是一个框架,而不是一个库,他是一个完整的解决方案,功能齐全。

适合较为复杂的SPA应用,比如工具类、OA类的应用。它属于大型框架,各个模块比较完整,提供的工具和拓展也比较丰富,适合沉淀大型项目,但上手成本高。并且原生依赖于typescript

适合有Java等面向对象语言开发经验的程序员使用。

缺点:变动较快,兼容问题,并且以后可能会抛弃typescript转为dart。

React:(灵活)

React是声明式,函数式的,适合对性能要求较高(v16.3引入了新的生命周期函数和fiber技术),且兼容移动端的产品(RN的应用比较广泛)。react‘更纯粹,更加自由,可控性更强’。html in js

(注:fiber以render为界,划分两个阶段。可重复执行。)

学习曲线较陡峭,需要了解更多的JavaScript。

Vue:(小而快)

基于响应式的(HTML模板+VDOM),适合增删改查类的管理系统,H5内嵌页,小程序之类的,改动频繁,综合成本较低。

Vue更加’自动化,智能’。js in html

模板—-使用html还是jsx,angular、vue把js放到html中,而react把html放到js中。

总结

  1. 面向对象,typescript => angular,ES6 => React,ES5/6 =>Vue
  2. jsx还是html
  3. 框架还是UI库(angular无法直接添加到html中使用,因为它使用了typescript)。
  4. 状态管理和数据绑定
  5. 体积和性能
  6. 测试
  7. 原生开发:angular 大专栏  框架比较有ionic,react有RN
  8. 利用js渲染页面不利于SEO,因此有了服务端渲染
  9. 调试难易度,react和vue的黑魔法更少,找bug更容易。

心得

新的框架常常能够引起我很多的思考,新的一些思想会冲击我,从不能接受到慢慢欣赏。同时学习和使用不同的框架能够相互促进,不建议二者好像只能取其一。就像多学习一门不同的语言,也能够体验更丰富的编程思想,最终能够融会贯通,提高自己。

HTML5新特性及使用

  1. 更多的语义化标签:
  2. 多媒体标签:
  3. input类型拓展:email,number,url,range,color,tel,date
  4. canvas,svg,webGL,CSS3的3D功能
  5. localStorage,sessionStorage,IndexedDB(文档数据库,遵循同源策略)
  6. serviceWorker,webWorker,websocket
  7. 设备访问:geolocation

补充:Redux和MobX的区别

两个库都提供了一种在组件外部管理应用程序状态的方法。状态与组件分离。组件可以访问状态,操作它(显式,隐式)并使用新状态进行更新。

Redux拥有单一store,且具有不可变性,只能通过reducer修改

MobX可以有多个store,且状态是可变的。

面试心得

永远不要觉得面试官是在单纯的跟你聊天,他说的每句话都是有目的的,想好了再回答。技术不分高下,只有适用场景不同。慎言!

原文地址:https://www.cnblogs.com/lijianming180/p/12360885.html

时间: 2024-10-08 10:30:13

框架比较的相关文章

基于jquery开发的UI框架整理分析

根据调查得知,现在市场中的UI框架差不多40个左右,不知大家都习惯性的用哪个框架,现在市场中有几款UI框架稍微的成熟一些,也是大家比较喜欢的一种UI框架,那应该是jQuery,有部分UI框架都是根据jQuery研发出来的产品,现在也很常见了. 国产jQuery UI框架 (jUI) DWZ DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.设计目标是简单实用,快速开发,降低ajax开发成本. jQuery 部件布局

静态网页框架设计首次体验(文章改)

根据教材与上网成功解决了Tomcat与Myeclipse的安装,同时熟悉了Java web创建项目到部署运行整个过程.今天起正式开始学习有关Java web的编程部分.Java web静态网页(HTML网页)的标记含义.基本语法的介绍到框架设计基本模板与案例,今天的学习的内容,让网页编程有了一个初步的框架.结合自身所在协会的情况,计划制作一个关于协会的网页,已有初步想法,望通过学习不断完善和修改协会网站.根据今天所学,并参考书本30页框架设计案例对网页进行初步搭建. 具体代码如下 TW.jsp:

.NET深入解析LINQ框架(五:IQueryable、IQueryProvider接口详解)

阅读目录: 1.环路执行对象模型.碎片化执行模型(假递归式调用) 2.N层对象执行模型(纵横向对比链式扩展方法) 3.LINQ查询表达式和链式查询方法其实都是空壳子 4.详细的对象结构图(对象的执行原理) 5.IQueryable<T>与IQueryProvider一对一的关系能否改成一对多的关系 6.完整的自定义查询 1]. 环路执行对象模型.碎片化执行模型(假递归式调用) 这个主题扯的可能有点远,但是它关系着整个LINQ框架的设计结构,至少在我还没有搞懂LINQ的本意之前,在我脑海里一直频

.NET深入解析LINQ框架(一:LINQ优雅的前奏)

阅读目录: 1.LINQ简述 2.LINQ优雅前奏的音符 2.1.隐式类型 (由编辑器自动根据表达式推断出对象的最终类型) 2.2.对象初始化器 (简化了对象的创建及初始化的过程) 2.3.Lambda表达式 (对匿名方法的改进,加入了委托签名的类型推断并很好的与表达式树的结合) 2.4.扩展方法 (允许在不修改类型的内部代码的情况下为类型添加独立的行为) 2.5.匿名类型 (由对象初始化器推断得出的类型,该类型在编译后自动创建) 2.6.表达式目录树(用数据结构表示程序逻辑代码) 3.LINQ

.NET深入解析LINQ框架(二:LINQ优雅的前奏)

阅读目录: 1.LINQ框架的主要设计模型 1.1.链式设计模式 (以流水线般的链接方式设计系统逻辑) 1.2.链式查询方法(逐步加工查询表达式中的每一个工作点) 2.LINQ框架的核心设计原理 2.1.托管语言之上的语言(LINQ查询表达式) 2.2.托管语言构造的基础(LINQ依附通用接口与查询操作符对应的方法对接) 2.3.深入IEnumerable.IEnumerable<T>.Enumerable(LINQ to Object框架的入口) 2.4.深入IQueryable.IQuer

.NET深入解析LINQ框架(四:IQueryable、IQueryProvider接口详解)

阅读目录: 1.开篇介绍 2.扩展Linq to Object (应用框架具有查询功能) 2.1.通过添加IEnumerable<T>对象的扩展方法 2.2.通过继承IEnumerable<T>接口 2.3.详细的对象结构图 3.实现IQueryable<T> .IQueryProvider接口 3.1.延迟加载IEnumertor<T>对象(提高系统性能) 3.2.扩展方法的扩展对象之奥秘(this IQueryable<TSource> so

.NET深入解析LINQ框架(三:LINQ优雅的前奏)

阅读目录: 1.动态LINQ查询(动态构建Expression<T>表达式树) 2.DLR动态语言运行时(基于CLR之上的动态语言运行时) 1].动态LINQ查询(动态构建Expression<T>表达式树) 什么是动态LINQ查询?LINQ的编写是静态的,因为C#是基于静态类型系统原理设计的,在编写时已经确定类型,也就是在编译时就已经知道将要执行什么样的查询,条件是什么.排序方式是什么等等.那么很大一部分应用场合中我们需要根据用户的选择来查询数据源,以往我们都是通过判断的方式来拼

Asp.Net MVC及Web API框架配置会碰到的几个问题及解决方案 (精髓)

前言 刚开始创建MVC与Web API的混合项目时,碰到好多问题,今天拿出来跟大家一起分享下.有朋友私信我问项目的分层及文件夹结构在我的第一篇博客中没说清楚,那么接下来我就准备从这些文件怎么分文件夹说起.问题大概有以下几点: 1.项目层的文件夹结构 2.解决MVC的Controller和Web API的Controller类名不能相同的问题 3.给MVC不同命名空间的Area的注册不同的路由 4.让Web API路由配置也支持命名空间参数 5.MVC及Web API添加身份验证及错误处理的过滤器

10大APP界面框架设计模式详解

随着移动互联网的发展,移动app已经成为了每个互联网公司的标配了,那作为产品经理,我们如何设计出更加符合用户体验的app产品呢?今天和大家分享的就是10中最常见的app界面光甲设计模式,一起来看看吧. 1.标签导航 标签导航是十大界面框架设计里最常用的界面框架设计,也是被业界之内公认的一种普遍使用的页面框架设计.那么这种页面框架设计在作业方面对一个用户来说也是最常见的一种页面框架设计,比如说微博.微信.手机百度.支付宝.淘宝,这些我们所谓的超级APP都是运用的标签导航,无一例外.从这个角度也可以

MyBatis框架中Mapper映射配置的使用及原理解析(七) MapperProxy,MapperProxyFactory

从上文<MyBatis框架中Mapper映射配置的使用及原理解析(六) MapperRegistry> 中我们知道DefaultSqlSession的getMapper方法,最后是通过MapperRegistry对象获得Mapper实例: public <T> T getMapper(Class<T> type, SqlSession sqlSession) { final MapperProxyFactory<T> mapperProxyFactory =