Pinia

Pinia 是 Vue 的状态管理库,允许在跨组件/页面之间共享状态,由 Vue 核心团队维护,对 Vue 2 和 Vue 3 都可用。类似于react中的mobx和redux。Vuex是 Vue 之前的官方状态管理库。由于 Pinia 在生态系统中能够承担相同的职责且能做得更好,因此 Vuex 现在处于维护模式。它仍然可以工作,但不再接受新的功能。对于新的应用,建议使用 Pinia。


Vite

vite是一个基于原生 ES-Module 的前端构建工具,相比于webpack等打包工具,更加轻量、快速。


Axios

Axios 是一个基于 promise 的网络请求库,可以用于浏览器和 node.js , Axios 使用简单,包尺寸小且提供了易于扩展的接口。


CSS Modules & Sass

CSS 的规则都是全局的,任何一个组件的样式规则,都对整个页面有效。随着我们应用中组件的增多,很容易会出现类名冲突引发样式混乱, CSS Modules可以自动帮我们生成唯一的类名,这样就可以保证某个组件的样式不会影响到其他组件。


前端模块化

随着 web 技术的发展,前端的项目会越来越大,在这种情况下,传统开发会有许多问题,例如:命名冲突和污染、代码冗余,无效请求多、文件间的依赖关系复杂,这些问题会让项目变得难以维护且不方便复用,而前端的模块化可以解决这些问题。


Mobx

Mobx 是一个和 React 良好配合的集中状态管理工具,mobx 和 react 的关系,相当于 vuex 和 vue,同类工具还有 redux、dva、recoil 等。


Typescript

TypeScript是微软开发的一个开源的编程语言,通过在JavaScript的基础上添加静态类型定义构建而成。TypeScript通过TypeScript编译器或Babel转译为JavaScript代码,可运行在任何浏览器,任何操作系统。


Ajax

AJAX全称为Asynchronous JavasSript And XML,就是异步的js和xml。通过AJAX可以在浏览器中向服务器发送异步请求,AJAX不是新的编程语言,而是将现有的标准组合在一起使用的新方式。


flex布局

Flex 全称 Flexible box 布局模型,通常称为 flexbox 或 flex,也称为弹性盒子或弹性布局。一种比较高效率的 css3 布局方案,可以用少量的代码高效的实现各种页面布局。