1. Vue.js
- 官方网站:https://cn.vuejs.org/ ,新手友好度极高,开篇就有简洁清晰的入门教程,引导你快速搭建起一个可运行的 Vue 项目。核心文档把 Vue 的相应式原理、模板语法、生命周期钩子等关键知识点剖析得十分透彻,搭配丰富的代码示例,便于明确吸取。
- Vue Router:Vue Router | Vue.js 的官方路由 ,专注于解决 Vue 项目标路由管理困难。详细说明了如何设置静态路由、动态路由,使用路由守卫实现权限控制,为构建复杂的单页面应用(SPA)提供了路由层面的有力支撑。
- Vuex:Vuex 是什么? | Vuex ,大型 Vue 项目必备的状态管理库。官网会教你如何清晰划分 state、mutation、action 和 getter,维持项目数据状态的同等性与可预测性,防止数据混乱。
- Vue CLI:Vue CLI ,堪称项目启动的 “加速引擎”,通过简单的下令行操作,就能基于各类模板生成项目骨架,后续也方便添加 ESLint、TypeScript、CSS 预处理器等插件,优化项目开辟流程。
- Element UI:Element - The world's most popular Vue UI framework ,基于 Vue 2.0 的成熟 UI 组件库。提供海量的桌面端组件,像结构紧凑的表单组件、功能丰富的表格组件、美观实用的菜单组件等,能大幅缩减前端页面的开辟周期,提拔 UI 质量。
- Ant Design Vue:Ant 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 Router:React Router Official Documentation ,是 React 生态里路由管理的扛把子。详细讲解从基础的路由配置、嵌套路由,到使用编程式导航精准控制页面跳转的方法,适配不同规模的 React 项目。
- Redux:Redux - A JS library for predictable and maintainable global state management | Redux ,搭配 React 处理复杂状态的利器。官网清晰阐述 “action - reducer - store” 这套经典的数据处理流程,帮开辟者驯服杂乱的数据,维持状态流转的可追溯性。
- Create React App:Create React App ,简化 React 项目初始搭建流程,一键生成项目基础架构,集成 Webpack、Babel 等常用工具,让开辟者无需陷入繁琐的配置工作,能迅速投入功能开辟。
- Ant Design:Ant Design - 一套企业级 UI 设计语言和 React 组件库 ,基于 React 的顶尖 UI 组件库,聚焦企业级中后台产品开辟,提供整套规范的设计语言与组件体系,从按钮、表单到复杂的图表、结构组件,包罗万象。
3. Angular
- 官方网站:https://angular.io/ ,谷歌出品的重型框架,官网有严谨的学习路径,从模块、组件、服务这些基础构建块讲起,逐步深入到依靠注入、 RxJS 集成、路由配置等进阶内容,得当打造大型企业级应用。
- Angular CLI:Angular CLI • Overview • Angular ,与 Angular 深度绑定的脚手架工具,快速生成 Angular 项目框架,还能高效管理项目中的模块、组件、服务等代码文件,使用下令行即可完成添加、更新、删除等操作。
- Material Design for Angular:Angular Material UI component library ,把谷歌的 Material Design 理念引入 Angular 框架,带来一系列遵照 Material 风格的 UI 组件,涵盖了输入框、按钮、卡片、抽屉等常见元素,赋予项目现代感十足的视觉风格。
4. React Native
- 官方网站:React Native · Learn once, write anywhere ,基于 React 语法,跨足移动端开辟范畴。官方教程按部就班地教你创建第一个移动应用,展示如何调用原生设备功能,还提供详细的 API 文档,助你认识各类原生组件在 React Native 中的使用方式。
- Expo:https://expo.dev/ ,是 React Native 开辟的 “快捷通道”,内置海量预制组件、便捷 API,提供线上模拟器,免除原生开辟中繁琐的环境搭建与配置,新手可以轻松开启并运行自己的跨平台移动项目。
5. Flutter
- 官方网站:Flutter - Build apps for any screen ,谷歌的高性能跨平台 UI 框架,官网从 Dart 语言基础讲起,逐步深入到 UI 结构、动画制作、状态管理,配合详细的 API 文档,引导开辟者打造流畅壮丽的跨平台应用。
- Flutter 中文网:Flutter: 为所有屏幕创造精彩 - Flutter 中文开辟者网站 - Flutter ,把英文官网精准翻译,还补充大量国内开辟者实战经验、适配案例,贴合国内开辟者的语言风俗与开辟场景,降低学习门槛。
组件类
- Element UI:Element - The world's most popular Vue UI framework ,基于 Vue 2.0 的桌面端组件库,提供按钮、表单、表格、菜单等丰富的 UI 组件14。
- Ant Design:Ant Design - 一套企业级 UI 设计语言和 React 组件库 ,基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品14。
- Uiverse:https://uiverse.io/ ,提供超过 5000 种前端组件,适配 react、vue、lit 等框架,且免费开源。
- Vant Weapp:https://vant-contrib.gitee.io/vant-weapp/ ,有赞前端团队开源的小步伐组件库,提供了丰富的小步伐组件,如按钮、表单、弹窗、轮播图等,适用于微信小步伐、支付宝小步伐等多种小步伐平台1。
学习类
- W3Schools:W3Schools Online Web Tutorials ,提供 HTML、CSS、JavaScript、 jQuery、React 和 Angular 等盛行技能的教程和开辟参考,内容细致且易于明确。
- MDN Web Docs:https://developer.mozilla.org/ ,涵盖 HTML、CSS、JavaScript、Web API 等各种 Web 开辟技能,得当不同水平的开辟者。
图标类
- 阿里巴巴矢量图标库:iconfont-阿里巴巴矢量图标库 ,国内功能强盛且图标内容丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。
- Font Awesome:https://fontawesome.com/ ,提供大量的字体图标,可通过 CSS 类名轻松引用,使用方便,且有多种风格和版本可供选择。
- Feathericons:Feather – Simply beautiful open source icons ,一个免费开源的简单而美丽的 ICON 图标聚集,主要设计的使用范畴为应用系统、媒体控制、位置、天气、箭头、徽标等,可在移动端应用开辟的时候使用,图标格式为 SVG。
CDN 类
- BootCDN:BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务 铂特优选 ,稳定、快速的 CDN 服务,提供了大量前端开源库的加速服务,如 Bootstrap、 jQuery、Vue.js 等。
- jsDelivr:jsDelivr - A free, fast, and reliable CDN for JS and open source ,免费的公共 CDN,支持多种前端框架和库,提供全球范围内的快速访问。
- cdnjs:Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers ,为开辟者提供最新的前端 Web 开辟资源,免费使用,无使用限制。
小步伐类
- 微信小步伐官方文档:微信开放文档 ,提供微信小步伐的开辟指南、组件、API 等详细文档,是开辟微信小步伐的必备资源。
- uni-app 官方网站:uni-app官网 ,近几年发展较好的小步伐框架,不仅可以开辟小步伐,还能实现多端开辟并编译成 APP,支持 vue 语法。
假如还有其他的网站,接待写到批评区内里
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。 |