最全的前端开发框架介绍

web前端开发

前端框架一般指用于简化网页设计的框架,比如,jquery,extjs,bootstrap等等,这些框架封装了一些功能,比如html文档操作,漂亮的各种控件(按钮,表单等等)。
前段框架的好处:对于互联网的产品而言,前端用户体验往往决定了一款产品的竞争力和吸引力;而对于前端工程师来说,考虑的问题更为复杂,他们既要为网站上提供的产品和服务实现一流的Web页面、优化代码,保证体验的最佳,更要考虑与市面上各大浏览器的兼容性,还需顾及Web前端表现层和前后端交互的架构,以及模化、通用类库、框架编写等一系列问题,由此提升前端开发的效率,降低开发成本和周期。

JS框架

  • Vue.js
  • React.js
  • Svelte(轻量级框架,最近比较火)。
  • angular(逐渐淘汰)

对比:

  • vue :声明式编程,数据驱动的思想
  • React:函数式编程。如果你要改变数据,那么必须调用api去改。

在vue 中,几乎给你想要的全部给你了;而react 追求的更多的是自力更生。

CSS框架、组件库(B端常用)

知识库框架

  • Vuepress(基于 Vue.js,推荐)
  • Docusaurus(基于 React.js,推荐)
  • GitBook
  • docsify:可制作简易的 wiki 文档。案例:掘墓人的 Wiki

补充:知识库框架,首先推荐 Vuepress 和 Docusaurus,功能强大,成熟稳定。

API 文档框架

  • TypeDoc:将TypeScript项目生成 html、markdown等文档。
  • storybook:用于搭建UI组件的知识库。可在线预览UI组件的样式和交互效果。

跨端框架

  • Flutter(最近比较火):Flutter 的Dart开发语言,可以编译为 ARM 64、x86 和 JavaScript 代码
  • ReactNative(逐渐没落):App、Web端
  • Taro:小程序、H5

桌面应用开发框架

  • Electron 框架。案例:VS Code软件就是用 Electron 开发的。

Electron 非常流行,也被大量公司使用,也有很多成功软件,比如 VS Code、Facebook Messager、Twitch、Microsoft Teams 等。Electron 虽然上手容易,但问题也很明显,就是慢、吃内存和大,Electron 吃内存是因为打包的 Chromium 吃内容,同时一个 Hello World 编译后就要 120M+ 。

VS Code、chrome、小程序开发者工具,本质上都是运行的 chrome 内核。所以你会发现,这三个软件都很占内存,都很卡。我将其称之为“前端头痛三剑客”。

前端可视化框架、图表库

  • ECharts:百度的开源图表库。
  • D3.js:可视化 js 库。
  • Three.js:基于原生 WebGL 封装运行的三维引擎。太阳系案例 #
  • Cocos 引擎:游戏动画开发框架。
  • 白鹭引擎:H5游戏引擎,一套完整的H5游戏解决方案。白鹭引擎的所在公司已在2022年初破产,不建议使用。

编辑器框架

  • wangEditor:国内很流行
  • Tiptap:可定制性及极强;headerless,不提供任何 UI 样式,你完全可以自由地构建任何你想要的 UI。
  • TinyMCE:国外很火
  • ueditor:百度的开源框架。比较老,逐渐没落。
  • Monaco Editor:VS Code的在线版

Node.js 框架

  • Koa:新一代 Node.js 框架。
  • Egg.js:Egg是在Koa基础上进一步封装的企业级Web开发框架。
  • Express:比较老的Node.js 框架。

服务端渲染框架

  • Next.js (基于React.js)
  • Nuxt.js (基于Vue.js)

前端测试框架

  • Mocha:JS 测试框架。
  • Tiga:跨端(H5、小程序)项目的自动化测试 SDK。凹凸实验室出品。

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/11348.html

(0)
江山如画的头像江山如画管理团队
上一篇 2023年1月18日 下午6:26
下一篇 2023年1月18日 下午6:37

99%的人还看了以下文章

  • 网页设计之前端开发工具和学习资源大全(精)

    前端文档 MDN 官方文档:https://developer.mozilla.org/zh-CN/docs/Web 前端社区 GitHub stackoverflow 掘金 JS 学习资源 现代 JavaScript 教程:https://zh.javascript.info/ 阮一峰 JS教程:https://wangdoc.com/javascript…

    2023年1月18日
    7370
  • 网页制作中表单的设计及优化方法

    表单是网页制作中常用的元素,本文会探讨表单设计的注意事项。但这些只是通用规范,每条准则总有特殊情况。 表单应该只有一列 多列布局会扰乱用户垂直方向的视线移动。 把标签放到顶部 顶部标签的表单比左侧标签有更高的完成率。顶部标签的表单也易于移植到移动端。但是,对于有多种选择项的大量数据列表而言,请考虑使用左侧标签,因为它们在一起更易于浏览,能够减少高度,比顶部标…

    2018年7月30日 网页设计
    3.5K0
  • 怎么知道哪些字体是侵权的?免费可商用字体有哪些?免费字体打包下载

    字体版权一直是很多设计师的雷区,一不小心就容易触犯。125建设网和大家一起来弄清楚:免费可商用字体到底有哪些?怎么知道哪些字体是侵权的? 怎么知道哪些字体是侵权的? 可以在360查字体:https://fonts.safe.360.cn网站上检查自己电脑上哪些字体是免费可商用的,哪些是商用需要授权的。 免费可商用字体有哪些? 1. 思源黑体(推荐) 思源黑体…

    2023年1月18日 网页设计
    1.2K0
  • 网站前端开发常用工具大全-web设计师必备

    今天给大家分享的是网站前端开发常用工具及网址。 掌握了这些工具中的大部分,会让你的WEB前端设计工作事半功倍,您离一个优秀的前端设计师也就不远了~~ 原前端开发网(w3cfuns)开发,让前端开发变得更简单,exe文件只有1.67MB,点击直接运行,不需要安装,很方便。 功能:正则表达式、代码压缩、雪碧图制作、json格式化等,如果你经常在没有网络的办公环境…

    2019年2月21日
    4.5K0
  • 初学网页制作从这里开始

    本系列教程的目的就是:通过简单、全面和正确的介绍,教会你如何创建网站。本教程将从基础讲起,不要求你具备任何编程知识。假如你继续阅读本教程的话,你将能在一小时内制成一个网站。

    2020年2月22日
    4.2K0
  • 配色就是这么简单!7个在线配色网站推荐

    配色对一个网站的来说非常重要,优秀的网页配色不是单纯好看就行了,颜色是有功能和目的的,需要了解颜色背后所能传达的信息、氛围、价值观……当你在面不同的客户时,你要清清楚楚的知道,你应该从什么倾向的颜色入手。网页面向的人群的年龄段、性别比例、消费层次、风格偏好等等,都应该作为选色的考量因素。 但网页配色更多的需要大量的实践去体会。简单来说…

    2018年1月31日
    25.7K1

发表回复

登录后才能评论