前端开发基础概念（React）

Hammer Ray2025-11-14 2:31

JavaScript/TypeScript，编写前端复杂的逻辑的语言（也可以编写后端服务node.js，炫酷特效、API交互等），Ts是基于Js之上的有类型的语言，扩展了类型、接口、枚举等概念，最后运行会讲代码全部转化为js运行。

React，构建界面的javaScript库，引用它里面的方法实现自己想要的一些功能。如useState做页面某个变量状态的改变，

Vue，全称vue.js，构建前端页面的框架，按照它定义的规则，编写自己的功能方法，让它调用。如使用methods定义increment{this.count++}，vue通过methods识别到这个方法，当button被点击，则触发加1。

复制代码

Vue:
手动进行状态的改变，vue框架去调用这个方法。
<p>当前计数: {{ count }}</p>
    <button @click="increment">加1</button>

data() {
    return { count: 0 };
  },
methods: {
    increment() {
      this.count++;
    },
}

React：
使用react的userState方法，管理状态的改变。
const [count, setCount] = useState(0);
const increment = () => {
   setCount(count + 1);
};

库和框架的区别，React主要关注UI组件，路由和状态管理一般选择React Router、zustand状态管理等），更加插件化，轻量化，则React本身偏向于组件库的概念。Vue提供完整的生态，限制了一套规则，按照规则补充代码，就可以实现路由、状态等管理都是Vue自己做的，更偏向框架的概念。

Webpack，打包JavaScript前端项目代码（可以基于React、Vue等）。

Electron，跨平台运行由Js/html/css构建的前端代码为客户端，运行Webpack打成的包的框架，它由node.js和chromium组成。