Web 前端开发框架收集

一、应用场景框架

三大框架：Angular、React、Vue

其他框架：Ember、Backbone 或 Knockout

Web Components 标准框架：Svelte、Aurelia

与服务器端对应的框架 NestJS、NextJS 或 Nuxt，Svelte 对应的 Sapper

非 JavaScript Web 框架：Django、Spring、Laravel、Rails 等

框架之上的框架：Quasar、SolidJS

Web 组件框架：Stencil、Mitosis、skatejs

NCDP：无代码开发平台，No-Code Development Platform

CSS 框架：Bootstrap、Tailwind

二、多样性框架带来的困惑

1、一个应用程序到底使用哪个框架合适，如何选型

2、开发组件的选型，哪个更适合满足开发项目要求

3、每个框架的标准，学习的成本和代价

4、框架升级后，对相关框架的影响代价

三、框架的迭代

项目刚开始时，可以选择最流行的框架。对于一个短期的项目来说，这可能是可以接受的，但对于长期项目来说，需要侧重于稳定性、框架的熟悉程度等综合考量。

在 Web 平台上，使用标准 Web API 可以降低你的投入风险，因为它们可以在大多数浏览器上运行。浏览器兼容性上，可以通过 polyfill 来弥补。

现代Web 组件在各浏览器的兼容性相差无几，组件封装成任意的 HTML 元素。具备更好的性能（自定义元素、阴影 DOM、HTML 模板）作为浏览器的一部分运行，并且是原生的。

四、框架标准

要评估在不使用框架的情况下构建应用程序的难度，我们要明白：它不像构建框架那么困难，因为以下这些不是我们的目标：

构建专有的组件模型（实现特定组件生命周期的容器）；
构建专有的插件或扩展系统；
构建一个奇特的模板语法（JSX、Angular HTML 等）；
实现通用的优化（变更检测、虚拟 DOM）；
特定于框架的工具（调试扩展、UI 构建器、版本迁移工具）

标准 API 属于“好的框架”：

具备可移植性：它们在任何地方都可用，如果不可用，可以通过 polyfill 的方式实现。
具备互操作性：它们可以与其他标准交互，并被用在专有代码中。
长期存在：由多个行业参与者设计，而不只是一个。它们被设计得很好，一旦发布就会一直存在，使用它们的风险较小。
在大多数情况下在浏览器中都是立即可用的，避免了下载过程。在某些情况下，你可能需要下载 polyfill。但是，与专有框架（注定会越来越不流行）不一样的是，它们的可用性会越来越高（逐渐降低下载的必要性）

很多编程语言描述成 JavaScript：TypeScript、CoffeeScript、Elm、Kotlin、Scala.js、Haxe、Dart、Rust、Flow 等，代码增加不同的价值（类型检查、额外的抽象、面向对象、语法糖）

遵循语法：大多数编程语言都强制要求这么做（CoffeeScript、Elm、Kotlin 等）。但需要注意的是，它们是 JavaScript 的超集（TypeScript、Flow），你仍然可以用纯 JavaScript 编写你选择的某些部分。
如果你使用的是非常旧的编程语言（包括 JavaScript）版本，就需要升级，但升级频率比框架低很多。
需要学习它们的语法。不过，你可以循序渐进地学习超集编程语言，因为你的代码的某些部分可以继续使用传统 JS。
对于非超集编程语言来说，离散化技能确实是一个风险。因为它们的编译具有普适性，可能不是最优的，而你可能没有意识到这一点。也许你可以使用更简单和高效的 JS 代码来完成同样的操作。
需要对缺点做出妥协，因为我们无法改变转译成 JS（或者使用 tsconfig.json 做一点定制）或编译成 WebAssembly 的过程。有些语言可能还会忽略 JS 的一些概念。
具备可移植性，因为通常代码可以转译到 ES5（但有时你不得不妥协，即使你想要转译到 ES6）。WebAssembly 很新，所有现代浏览器都支持它。
提供与其他 JS 代码的互操作性。例如，Typescript 可以被配置为支持 JS

参考原文：https://javarome.medium.com/design-noframework-bbc00a02d9b3

Web 前端开发框架收集相关推荐

好程序员web前端干货之web前端开发框架汇总
好程序员web前端干货之web前端开发框架汇总,其实一个前端开发框架其实就是一系列产品化的HTML/CSS/JavaScript组件的集合,我们可以在设计中使用它们.前端开发框架有很多,其中有一些写得 ...
推荐十四款常见的Web前端开发框架
在做web开发的时候经常会遇到一个问题,那就是,选择什么样的框架来做前端开发.下面封程中把目前常用的一些前端的框架简单的给大家介绍一下. 1. Bootstrap Boostrap绝对是目前最流行用得 ...
好程序员大前端送干货Web前端开发框架汇总
好程序员大前端送干货Web前端开发框架汇总,其实一个前端开发框架其实就是一系列产品化的HTML/CSS/JavaScript组件的集合,我们可以在设计中使用它们.前端开发框架有很多,其中有一些写得很棒 ...
web前端开发框架有哪些
各种开发框架层出不穷,各有千秋.哪些才是最适合开发者的呢?以下是前端框架的一些集锦,都非常优秀,前端框架好不好,看如何组合使用,这篇文章收集了目前互联网最具有代表性web 前端开发工具和框架,这是一个 ...
8个提高工作效率的Web前端开发框架总结
今天要跟大家分享的文章是关于8个提高工作效率的web前端开发框架总结.着互联网的推进我们可以寻找到各种高效资源,比如我们设计网站.小程序和公众号开发的时候,前端设计并不需要我们太多的自主设计,我们可以 ...
有助提高效率的Web前端开发框架有哪些？
目前可选的前端框架还是比较多的,有些以前出名的如今已经逐渐淡出我们的视野.有助于提高效率的Web前端开发框架有以下这些: 第一.Bootstrap Bootstrap,来自推特官方提供的一个用于前端开 ...
常用的Web前端开发框架有哪些呢？分享这11个
在Web前端开发中,适时地使用一些框架,对于我们日常的开发,可以说是事半功倍.那么,常用的Web前端框架有哪些呢?本文,小千带你了解一下. Web前端框架节约了大量的开发成本和时间,因此很多企业会选择 ...
好用的Web前端开发框架有哪些呢？推荐这9款
对于一个程序员来学选择一款好用的开发工具可以大大提高工作效率,底层前端框架领域中早先jquery称霸.近年MVVM类型的框架成为主流,Vue.React和Angular三大框架较为常见.今天小千就介绍 ...
现在有哪些web前端开发框架呢？
上一篇文章<web前端框架的五个优点>给大家介绍了web前端框架带来的一些便利.那么,现在有哪些web前端开发框架呢?今天,web前端培训的小编就来给大家盘点盘点. 1.Bootstrap ...

Web 前端开发框架收集

Web 前端开发框架收集相关推荐

最新文章

热门文章