学习前端开发可以用到的工具

weixin_52874695

已于 2023-11-13 11:36:14 修改

阅读量207

点赞数 1

文章标签：学习前端 html java

于 2023-10-13 19:23:01 首次发布

本文链接：https://blog.csdn.net/weixin_52874695/article/details/133816709

版权

1.菜鸟教程（菜鸟教程 - 学的不仅是技术，更是梦想！）

2.iconfont—阿里巴巴矢量图标库（iconfont-阿里巴巴矢量图标库）

3.Vue Router|Vue.js 的官方路由（Vue Router | Vue.js 的官方路由）

4.Vant （Vant 4 - A lightweight, customizable Vue UI library for mobile web apps.）

5.Less快速入门（Less 快速入门 | Less.js 中文文档 - Less 中文网）

6.w3cschool （w3cschool手机版官网 - 1000多本编程教程免费学）

7.uni-app（uni-app官网）

1.菜鸟教程（菜鸟教程 - 学的不仅是技术，更是梦想！）

1、内容丰富：菜鸟教程提供了广泛的编程技术学习内容，涵盖了多种语言和领域，包括前端开发、后端开发、数据库等。无论是初学者还是进阶学习者，都可以从中找到适合自己的教程。

2、简明易懂：菜鸟教程将复杂的编程概念和知识点以简单易懂的方式呈现，配有许多实例和案例，帮助学习者更好地理解和掌握知识。即使对编程完全陌生的人也能通过菜鸟教程逐步入门。

3、免费开放：菜鸟教程所有的内容都是免费提供的，不需要注册或付费。这为广大学习者提供了便利，任何人都可以随时随地通过互联网获取到高质量的编程教程。

4、社区互动：菜鸟教程不仅提供在线教程，还有活跃的学习者社区，在线交流讨论编程问题。学习者可以相互帮助、分享经验和解决方案，提升学习效果。

总的来说，菜鸟教程凭借内容丰富、简明易懂、免费开放和良好的社区互动等特点，拿来即用，成为了众多编程学习者首选的在线教程网站。

2.iconfont—阿里巴巴矢量图标库（iconfont-阿里巴巴矢量图标库）

Iconfont——阿里巴巴矢量图标库，是阿里巴巴UED团队(花名：阿里妈妈MUX)打造的矢量图标管理平台。

阿里巴巴矢量图标库是一个集成了丰富图标资源的平台，提供了大量可定制和可下载的矢量图标。它的作用主要有以下几个方面：

提供高质量图标资源：阿里巴巴矢量图标库收录了各种类型的图标，如常见的应用图标、界面元素图标、社交媒体图标等。这些图标都经过精心设计和优化，保证了图标的质量和美观度。
方便定制和应用：矢量图标库中的图标可以根据需求进行定制和编辑，比如改变颜色、大小和样式等。这样能够满足不同项目或品牌的需求，帮助用户轻松地创建个性化的图标。
提高设计效率：通过使用矢量图标库，设计师可以快速找到所需的图标，省去了重新绘制的时间和精力。这样可以提高设计的效率，同时确保图标在不同平台和设备上的一致性。
促进设计共享和交流：阿里巴巴矢量图标库是一个开放的平台，用户可以将自己设计的图标上传到库中，与其他设计师分享和交流。这样可以激发创意，促进设计社区的互动和成长。

3.Vue Router|Vue.js 的官方路由（Vue Router | Vue.js 的官方路由）

Vue Router: Vue Router 是 Vue.js 官方提供的路由插件，用于实现前端单页应用（SPA）中的路由功能。它能够帮助开发者定义路由规则、实现页面跳转、传参、懒加载等，从而实现页面间的无刷新切换和前端路由管理。Vue Router 的作用是让开发者能够更方便地构建复杂的前端应用，并提供良好的用户体验。Vue Router 用于实现前端路由功能。

4.Vant （Vant 4 - A lightweight, customizable Vue UI library for mobile web apps.）

Vant: Vant 是一套基于 Vue.js 的轻量级移动端组件库，提供了丰富实用的组件，如按钮、输入框、轮播图、弹窗等，以及组件所需的样式和交互效果。使用 Vant 可以很方便地构建移动端界面，提高开发效率。Vant 的作用是提供了一套可复用的组件，帮助开发者快速搭建移动端界面，并保持一致的风格和交互。Vant 是一套移动端组件库。

5.Less快速入门（Less 快速入门 | Less.js 中文文档 - Less 中文网）

Less: Less 是一种预处理器语言，它扩展了 CSS 语言，提供了更多的功能和便利性。Less 可以嵌套书写样式、使用变量、混合等，使得 CSS 的编写更加简单、灵活和可维护。Less 的作用是让开发者能够更便捷地编写 CSS，提高开发效率并减少代码重复。 Less 是一种 CSS 预处理器语言。

6.w3cschool （w3cschool手机版官网 - 1000多本编程教程免费学）

W3Schools 是一个面向 Web 开发者的在线学习平台，提供了丰富的 Web 开发技术教程，包括HTML、CSS、JavaScript、jQuery、PHP、Python、Bootstrap、SQL 等。W3Schools 的教程内容深入浅出、易于理解，提供了大量的实例和代码演示，方便学习者快速上手实践。W3Schools 还提供了在线的代码编辑器和运行环境，在线帮助学习者进行代码实验，进一步加深对 Web 开发技术的理解和掌握。W3Schools 是 Web 开发入门和进阶学习的重要资源之一。

7.uni-app（DCloud - HBuilder、HBuilderX、uni-app、uniapp、5+、5plus、mui、wap2app、流应用、HTML5、小程序开发、跨平台App、多端框架 uni-app官网）

uni-app 是一个基于 Vue.js 的跨端应用开发框架，能够实现一次开发，多端部署的效果，支持同时开发小程序、H5、App、各类小程序、快应用等多个应用平台。利用 uni-app，开发者可以节省大量的时间和精力，从而更加专注于业务逻辑的开发。同时，uni-app 还在不断更新迭代，提供更多的功能和更好的性能，成为跨端应用开发的重要工具之一。