开发文档（框架、插件）

• Web开发技术（mdn）

        web开发者指南，教你一步步学习API、技术等。

框架

• Vue2

        Vue 是一套用于构建用户界面的渐进式框架。该版本将于2023年12月31日起停止维护。

• Vue3

Vue 2 和Vue 3 是Vue.js框架的两个主要版本，它们之间有一些重要的区别。

        1. 性能优化：Vue 3在内部进行了重写，采用了更高效的虚拟DOM算法，使得渲染速度更快。此外，Vue 3 还引入了静态树提升（Static Tree Hoisting）和基于Proxy的响应式系统，进一步提高了性能。

        2. 组合式API：Vue 3 引入了组合式API，使得代码更加模块化和可复用。相比之下，Vue 2 使用选项式API，将相关逻辑分散在不同的选项中，导致代码可读性较低。

        3. TypeScript支持：Vue 3 对TypeScript的支持更加友好。它提供了更好的类型推断和类型检查，使得开发者在使用TypeScript时更加方便。

        4. Tree-shaking支持：Vue 3 通过使用ES模块进行构建，使得它能够更好地与现代的打包工具（如Webpack和Rollup）进行集成，并支持Tree-shaking。这意味着在构建应用程序时，只会包含实际使用的代码，减少了最终打包文件的大小。

        5. 其他改进：Vue 3 还带来了一些其他的改进，如更好的错误处理、更灵活的插槽语法、更强大的自定义指令等。

        总的来说，Vue 3 相对于Vue 2 来说有一些重要的改进和优化，提供了更好的性能、更好的开发体验和更方便的工具集成。然而，由于Vue 3进行了较大的重写，迁移到Vue 3 可能需要一些工作，特别是对于已有的Vue 2 项目来说。因此，在选择使用Vue 2  还是Vue 3时，需要综合考虑项目的需求、现有代码的复杂度以及迁移成本。

• Vite

        Vite 旨在利用生态系统中的新进展解决上述问题：浏览器开始原生支持 ES 模块，且越来越多 JavaScript 工具使用编译型语言编写。

        Vite 是一种新型前端构建工具，能够显著提升前端开发体验

• Vue-cli

       Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统！现已处于维护模式！现在官方推荐使用 create-vue 来创建基于 Vite 的新项目。

• Pinia

        符合直觉的 Vue.js 状态管理库

• Express

        Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架，为 Web 和移动应用程序提供一组强大的功能。用于搭建服务器时，非常方便快捷。

• Layui

        开源的模块化前端UI框架，采用自身经典的模块化规范，并遵循原生 HTML/CSS/JS 的开发方式，极易上手，拿来即用的各种各样的页面小组件，帮助你更好更快的设计页面布局，表单提交、选项卡、进度条、弹窗等丰富功能。

• Bootstrap

        Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。懒人UI设计福音。

插件

• 轮播图Swiper

        Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。

• Moment

        在 JavaScript 中解析、校验、操作、格式化显示日期和时间。

• Nodemailer

        节点生成器是Node.js应用程序的一个模块，允许轻松发送电子邮件。通过js自己编写一个发送电子邮件的小插件。

• ECharts

        一个基于 JavaScript 的开源可视化图表库，功能是非常强大和优秀的。

        但是有一点想吐槽一下就是，这个文档是我目前读过的最难的一个文档了，好多功能，从文档能读出它可以实现，️但是，完全读不懂要怎么实现​​​​​​​​​​​​​​，文档太过晦涩和散乱，当然，以上仅为个人观点，不排除本人菜鸟。。。

下图是一些可通过ECharts设计的图表：

工具

•  Lodash

        Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。

• Webpack

        webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。

• Sass

        世界上最成熟、最稳定、最强大的专业级CSS扩展语言！Sass完全兼容所有版本的CSS。Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库（如 Compass）有助于更好地组织管理样式文件，以及更高效地开发项目。

结语

OK，今天的分享到此结束，有更多资源时，会对该博客进行补充或更新！

收集整理、创作不易, 若有帮助, 请帮忙点赞收藏️, 谢谢!