1. Vue.js

  • 官方网站https://cn.vuejs.org/ ,新手友好度极高,开篇就有简洁清晰的入门教程,引导你快速搭建起一个可运行的 Vue 项目。核心文档把 Vue 的响应式原理、模板语法、生命周期钩子等关键知识点剖析得十分透彻,搭配丰富的代码示例,便于理解吸收。
  • Vue RouterVue Router | Vue.js 的官方路由 ,专注于解决 Vue 项目的路由管理难题。详细说明了如何设置静态路由、动态路由,利用路由守卫实现权限控制,为构建复杂的单页面应用(SPA)提供了路由层面的有力支撑。
  • VuexVuex 是什么? | Vuex ,大型 Vue 项目必备的状态管理库。官网会教你如何清晰划分 state、mutation、action 和 getter,维持项目数据状态的一致性与可预测性,防止数据混乱。
  • Vue CLIVue CLI ,堪称项目启动的 “加速引擎”,通过简单的命令行操作,就能基于各类模板生成项目骨架,后续也方便添加 ESLint、TypeScript、CSS 预处理器等插件,优化项目开发流程。
  • Element UIElement - The world's most popular Vue UI framework ,基于 Vue 2.0 的成熟 UI 组件库。提供海量的桌面端组件,像布局紧凑的表单组件、功能丰富的表格组件、美观实用的菜单组件等,能大幅缩减前端页面的开发周期,提升 UI 质量。
  • Ant Design VueAnt Design Vue — An enterprise-class UI components based on Ant Design and Vue.js ,将 Ant Design 的设计理念融入 Vue 框架,带来一系列风格统一、高可复用的 React 风格组件,无论是做中后台管理系统,还是部分前台页面,都能获取精致的视觉效果与便捷的交互体验。

2. React

  • 官方网站https://reactjs.org/ ,奠定了 React 学习基础,用深入浅出的方式介绍了 React 组件、props、state 等核心概念,配合交互式示例,让新手快速上手。还不断更新前沿特性,如 React Fiber 架构的相关解读。
  • React RouterReact Router Official Documentation ,是 React 生态里路由管理的扛把子。详细讲解从基础的路由配置、嵌套路由,到利用编程式导航精准控制页面跳转的方法,适配不同规模的 React 项目。
  • ReduxRedux - A JS library for predictable and maintainable global state management | Redux ,搭配 React 处理复杂状态的利器。官网清晰阐述 “action - reducer - store” 这套经典的数据处理流程,帮开发者驯服杂乱的数据,维持状态流转的可追溯性。
  • Create React AppCreate React App ,简化 React 项目初始搭建流程,一键生成项目基础架构,集成 Webpack、Babel 等常用工具,让开发者无需陷入繁琐的配置工作,能迅速投入功能开发。
  • Ant DesignAnt Design - 一套企业级 UI 设计语言和 React 组件库 ,基于 React 的顶尖 UI 组件库,聚焦企业级中后台产品开发,提供整套规范的设计语言与组件体系,从按钮、表单到复杂的图表、布局组件,应有尽有。

3. Angular

  • 官方网站https://angular.io/ ,谷歌出品的重型框架,官网有严谨的学习路径,从模块、组件、服务这些基础构建块讲起,逐步深入到依赖注入、 RxJS 集成、路由配置等进阶内容,适合打造大型企业级应用。
  • Angular CLIAngular CLI • Overview • Angular ,与 Angular 深度绑定的脚手架工具,快速生成 Angular 项目框架,还能高效管理项目中的模块、组件、服务等代码文件,利用命令行即可完成添加、更新、删除等操作。
  • Material Design for AngularAngular Material UI component library ,把谷歌的 Material Design 理念引入 Angular 框架,带来一系列遵循 Material 风格的 UI 组件,涵盖了输入框、按钮、卡片、抽屉等常见元素,赋予项目现代感十足的视觉风格。

4. React Native

  • 官方网站React Native · Learn once, write anywhere ,基于 React 语法,跨足移动端开发领域。官方教程按部就班地教你创建第一个移动应用,展示如何调用原生设备功能,还提供详细的 API 文档,助你熟悉各类原生组件在 React Native 中的使用方式。
  • Expohttps://expo.dev/ ,是 React Native 开发的 “快捷通道”,内置海量预制组件、便捷 API,提供线上模拟器,免去原生开发中繁琐的环境搭建与配置,新手可以轻松开启并运行自己的跨平台移动项目。

5. Flutter

组件类

学习类

  • W3SchoolsW3Schools Online Web Tutorials ,提供 HTML、CSS、JavaScript、 jQuery、React 和 Angular 等流行技术的教程和开发参考,内容详尽且易于理解。
  • MDN Web Docshttps://developer.mozilla.org/ ,涵盖 HTML、CSS、JavaScript、Web API 等各种 Web 开发技术,适合不同水平的开发者。

图标类

  • 阿里巴巴矢量图标库iconfont-阿里巴巴矢量图标库 ,国内功能强大且图标内容丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。
  • Font Awesomehttps://fontawesome.com/ ,提供大量的字体图标,可通过 CSS 类名轻松引用,使用方便,且有多种风格和版本可供选择。
  • FeathericonsFeather – Simply beautiful open source icons ,一个免费开源的简单而美丽的 ICON 图标集合,主要设计的使用范畴为应用系统、媒体控制、位置、天气、箭头、徽标等,可在移动端应用开发的时候使用,图标格式为 SVG。

CDN 类

小程序类

  • 微信小程序官方文档微信开放文档 ,提供微信小程序的开发指南、组件、API 等详细文档,是开发微信小程序的必备资源。
  • uni-app 官方网站uni-app官网 ,近几年发展较好的小程序框架,不仅可以开发小程序,还能实现多端开发并编译成 APP,支持 vue 语法。

如果还有其他的网站,欢迎写到评论区里面 

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐