暑假人在实习,做的是产品。前段时间比较闲,去问老板能不能干点偏技术一点的活儿,老板说来的不赶巧刚刚结束了一个小项目,“现在有一个大的项目看能不能插进去跟着干点,go和React你会哪一个吗?”🤡抱歉我一个也不会 〒▽〒
React
(as known as React.js or ReactJS)
这句话到处都是( ̄ε(# ̄):React是由Facebook开发的用于构建用户界面的JavaScript库
提一点点发展历史:
起源于2010年Facebook的PHP拓展XHP,React于2013年5月首次发布,最初的版本专注于解决构建复杂UI的问题,并引入了组件化开发的概念,使用JSX(一种类似HTML的语法扩展)来描述用户界面的结构。2015年,发布了用于构建原生移动应用程序(iOS和Android应用)的框架——React Native;2017年引入Fiber架构改进React的调度和渲染过程;2019年引入Hooks,简化了组件的编写和复用;然后有v17(2020.8)和v18(2022.3)...
👉 React采用了组件化的开发思想,将界面拆分为独立的、可重用的组件,使开发者能够更轻松地构建复杂的用户界面,更好地管理代码和逻辑。
React的核心概念包括:
- 组件: React应用的基本构建块可以是函数式组件或类组件,组件可以接受属性(props)并返回虚拟DOM
- 虚拟DOM: 将真实DOM的操作抽象成虚拟DOM的操作,然后一次性更新真实DOM,减少了频繁的DOM操作,以此来提高渲染性能
- 状态管理: 允许开发者通过状态(state)来管理组件的数据,当状态发生变化时,React会自动重新渲染组件
- 略略略
Vue
(AKA vue.js,搬官网简介 | Vue.js (vuejs.org)👇)
Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。
React有的咱也要有:
Vue.js是一款由尤雨溪(Evan You)开发的JavaScript前端框架,于2014年首次发布,首个版本包含了一些核心功能,如数据绑定、组件系统和虚拟DOM;在社区发展中,Vue不断改进成熟,2016年Vue发布了v1.0;不久之后,v2.0引入了Vue的官方状态管理库Vuex,同时也带来了许多改进,如在渲染速度、性能优化和开发体验等方面;2020年,Vue 3.0正式发布,带来了一系列的变化和新特性,其中最显著的是Composition API👉使得组件逻辑的复用和组合更加灵活,同时也更好地支持TypeScript...
Vue.js的核心概念:
- 组件化: Vue鼓励将用户界面划分为独立可复用的组件,每个组件有自己的状态和行为,使代码更易于管理,提高了可维护性
- 数据绑定: 响应式数据绑定系统,当数据发生变化时用户界面会自动更新以反映这些变化,大大简化了DOM操作
- Vuex: Vue的官方状态管理库,用于集中管理应用的状态,从而更好地管理组件间共享的数据
- 单文件组件: 将组件的模板、样式和逻辑组织在一个文件中,提高了代码的可读性和维护性
- 模板: 使用基于HTML的模板语法,所有Vue模板都是合法的HTML,可以由浏览器进行解析
- 略略略
优势对比
React
- 组件化开发方式能够更灵活地构建复杂的UI界面
- 提供了强大的状态管理机制,可以精确控制组件之间的数据传递和交互
- 活跃的社区:有大量的文档、资料和工具,不断的演进和改进保持了前沿性
适用场景: 大型复杂的前端应用
Vue
- 根据项目需求逐渐引入其特性,适合新手学习和快速上手。
- 模板语法非常直观,易于理解和维护
- 单文件组件:将模板、脚本和样式组织在一个文件里,提高了项目的可维护性
适用场景: 快速原型开发、小型项目、前端新手的开发项目、使用较简单框架构建的应用
以上
不写了不写了,还是上次那个朋友,跟我说他学过React但是用Vue比较多,原因与上述两种适用场景相符(写个作业用Vue就够了,也没必要卷到那种程度),然后就知道了有这两种框架是😬srds还是习惯把React叫框架