首页 > 其他分享 >前端框架对比总结(表格):React、Angular、Vue.js(国产)等

前端框架对比总结(表格):React、Angular、Vue.js(国产)等

时间:2023-01-18 12:23:19浏览次数:49  
标签:Preact 框架 JavaScript js React Vue Angular

前端框架对比

前端框架

优点

缺点

React

React是由Facebook开发和创建的开源框架。根据Stack Overflow Developer 的 2021 年调查,该框架是 2022 年最好的 UI 框架,被大多数前端开发人员使用。

如果您不具备 JavaScript 的实践知识,则建议不要使用 React。同样,对于没有经验的开发人员,JSX 的学习曲线也很严峻

Angular

最好的前端开发框架列表是不完整的,没有提到Angular 框架。它是一个基于 TypeScript 的简单直接的框架。

当您的大小组很小时,请选择语法简单且复杂性较低的次要框架。

Vue.js(国产)

最简单的框架之一是 Vue.js。值得消除 Angular 软件开发人员面临的复杂性。 它体积小,主要有两个好处——可视化 DOM 和基于组件的. 它还采用双向数据绑定。尽管如此,小米、阿里巴巴、路透社和9Gag都是该框架的用户。

如果您认为支持社区会响应这些错综复杂的问题,那么 Vue.js 并不是正确的选择。同样,需要稳定组件的应用程序也不适合使用 Vue 制造,因为该框架在部件的坚固性方面存在困难。

jQuery

jQuery 不仅易于使用,而且还减少了编写广泛的 JavaScript 代码的需求。基本上,jQuery 用于在前端操作DOM 和 CSS 操作,并增强网站的交互性和功能。

当您构建一个大型应用程序时,使用 jQuery 是不可行的,因为它通过放置额外的 JavaScript 代码使您的应用程序变得庞大。

Semantic-UI

Semantic-UI 用于交互式用户界面的超轻量级实践和流畅 设计。

当你有一群初学者并且对 JavaScript 不太了解时,不建议使用 Semantic-UI 框架,因为它需要在应用程序中形成自定义的能力,而不依赖于方便的功能。

 

Backbone.js

Backbone.js 用于Trello等充满活力的应用程序。它允许开发人员开发客户端模型、更快的更新和重用编码。

目标是在一个框架中提供全面解决方案的团队不应该打算使用Backbone.js。

Preact

Preact 是 React 的一种轻量级形式,因此当涉及到使用轻量级框架时,您应该选择 Preact 而不是 React。

Preact 不提供对置换功能元素的支持。所以当你有这样的需求时,你一定不要使用 Preact。

Svelte

该框架最适合具有小团队的小型应用项目。因为它没有更大的支持社区,所以最好不要将它用于各种项目。

如果您目前不将 Svelte 框架用于大型项目,那会更好,因为这些框架缺乏足够的社区和工具。 由于较小的社区,很难搜索在开发过程后期可能会出现的问题或错误的答案。

Foundation

如果您的目标是样式化的开源、CSS 组件和移动友好的前端框架,Foundation 比其他选项更好。

不适合初学者,因为它很难更改代码并且由于其定制能力而增加了复杂性。

Vue的特点:

  易用:已经会了 HTML、CSS、JavaScript?即刻阅读指南开始构建应用!

 

  灵活:不断繁荣的生态系统,可以在一个库和一套完整框架之间自如伸缩。

 

  高效:20kB min+gzip 运行大小,超快虚拟 DOM,最省心的优化。

 

那么这款框架也是我们国人的骄傲,在国内很多公司使用比较多的框架就是Vue,在这里也是比较推荐学习与使用

标签:Preact,框架,JavaScript,js,React,Vue,Angular
From: https://www.cnblogs.com/zhangdezhang/p/17059539.html

相关文章

  • HBuilderX中 .vue解析
    1.<template>ui设计所有的有关界面的都写在这个里面2.<view>子标签,写在template中,view之间可以嵌套3.<script>js业务代码所有有关业务代码的都写在这个里面4.expoe......
  • VUEX 使用学习四 : action
    转载请注明出处:action用于处理异步任务;action,可以操作任意的异步操作,类似于mutations,但是是替代mutations来进行异步操作的。首先mutations中必须是同步方法,如果使用......
  • react使用echart绘制大饼图
    需求:封装echart-option,手动实现下载png图片功能(echart提供的saveImage由于不能控制位置,故弃用)除echart-option以外的配置//resource:arrayechart渲染依赖的数组......
  • vue基本知识回顾 | this.$http.get 和 this.$http.post传参 / created与mounted区别 /
    vue基本知识回顾|this.$http.get和this.$http.post传参/created与mounted区别/富文本解析https://blog.csdn.net/feng2qing/article/details/126241834vue使......
  • 学习Vuex mutations
     Vuex中store数据改变的唯一方法就是提交 mutations。mutations里面装着一些改变数据方法的集合,这是Vuex设计很重要的一点,就是把处理数据逻辑方法全部放在 mutation......
  • vue中实现高德 地图定位功能
    index.html<template><divid="app"><divid="container"></div><div><p>经度:{{location.lng}}</p><p>纬度:{{location.lat}}</p>......
  • React Hook学习笔记
    函数组件基本使用及点标记组件写法函数组件的基本使用函数组件是比类组件编写起来更简单的一种组件形式,对比如下://类组件classWelcomeextendsReact.Component{......
  • React-tree-biuld bug2.0
    import{Tree,Button,Card}from'antd';import{useEffect,useState}from'react';import'./App.css'constflattren=(treeData)=>{letres=[]con......
  • React与TS的配合
    React与TS配合props限制npxcreate-react-appreact-ts-study--templatetypescriptsrc/index.tsximportAppfrom'./01_react-ts-props';src/01_react-ts-props.......
  • React路由与RTK的使用
    ReactRouter与ReduxReactRouterV6.4npmireact-router-domnpminstallsasssrc/App.js//importlogofrom'./logo.svg';import'./App.css';import{Link,Ou......