前端学习工具以及常用开发文档(Vue、Express、Layui、Webpack、Swiper ...... )

开发文档(框架、插件)

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

框架

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

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 旨在利用生态系统中的新进展解决上述问题:浏览器开始原生支持 ES 模块,且越来越多 JavaScript 工具使用编译型语言编写。

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

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

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

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

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

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

插件

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

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

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

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

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

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

工具

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

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

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

结语

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

收集整理、创作不易, 若有帮助🉑, 请帮忙点赞👍➕收藏❤️, 谢谢!✨✨🚀🚀

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

FLechazo~~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值