妍思码匠的博客

vite是一个新型的前端构建工具，他主要由两部分组成，开发工具和构建指令。随着前端应用越来越庞大复杂，例如上千个模块，基于js开发的工具（例如webpack、Rollup、Parcel）就会遇到性能瓶颈，而vite就是用来解决这个问题，他的与构建依赖的速度比js打包构建工具的速度快10~100倍。

综上，可以基于docker、k8s、gitLab CI/CD打造一套完整的自动化构建部署流程。可参考CI/CD系列 | 一步上手Gitlab CI/CD - 掘金。

docker主要解决了最初软件开发环境配置的困难，完善了虚拟机部署的资源占用多，启动慢等缺点，保证了一致的运行环境，可以更轻松的维护和扩展。docker在linux容器的基础上进行了进一步的封装，提供更简单易用的接口。把自己的应用放入容器，应用在docker的虚拟容器里运行，就像在真实的物理机上运行一样，容器还可以进行版本管理、复制、分享、修改等，像管理普通的代码一样简单。

nginx是一个轻量级、高性能的HTTP和反向代理web服务器，同时也是一个通用代理服务器（TCP、UDP、IMAP、POP3、SMTP）。

属于黑盒测试。主要通过测试框架，站在用户测试人员的角度，模拟用户的操作进行页面功能的验证，不管内部实现机制，完全模拟浏览器的行为。（但对于前端开发，E2E测试用的不多，通常都是做单元测试）常用的框架有 Puppeteer、Cypress、Playwright、Selenium 、cucumber、TestCafe等。

处理日期和时间安装 | Day.js中文网Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。

webpack是一个模块打包工具，他将各种不同类型的文件4个类型的静态资源。

eslint除了可以在package.json文件中eslintConfig属性中配置，也可以使用单独的配置文件，配置文件分为多种，例如：.eslintrc.js、.eslintrc.cjs、.eslintrc.yaml、.eslintrc.json等。.eslintignore（默认文件）

设置npm包在什么系统中使用，在什么系统中禁用（eg：{ "os": ["darwin", "linux"] } // 适用的操作系统 { "os" ["!- 具体环境（node和npm）版本（例如："engines": { "node": ">=8.10.3 =6.9.0" }）因此会衍生出很多新的包管理工具，例如yarn。- 和OS配置类似，更准确的限制用户的安装环境（eg："cpu" ["x64", "AMD64"] // 适用的cpu）

Model模型，View视图，Controller控制器MVC就是将最原始的繁琐流程进行模块化，Model负责从数据库取数据，View负责展示获取的数据，用户在View进行操作，Controller处理用户交互，负责主要的业务逻辑处理（例如用户点击事件，Controller修改Model的数据，然后View通过观察者模式检测到Model数据发生变化，然后刷新页面）