We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
大家好,我是你们的 猫哥,一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~
关于猫哥,大家可以看看我的年终总结 前端工程师的 2020 年终总结 - 乾坤未定,你我皆黑马。
猫哥是一个常年混迹在 GitHub 上的猫星人,所以发现了不少好的前端开源项目、常用技巧,在此分享给大家。
公众号:前端GitHub,专注于挖掘 GitHub 上优秀的前端开源项目,并以专题的形式推荐,每专题大概 10 个好项目,每周会有一到三篇精华文章推送,与时俱进版前端资源教程。
已经推荐了 面试项目、CSS 奇技淫巧项目、代码规范项目、数据结构与算法项目、JavaScript 奇技淫巧项目、前端必备在线工具 等专题的近 100 个优秀项目了。
面试项目
CSS 奇技淫巧项目
代码规范项目
数据结构与算法项目
JavaScript 奇技淫巧项目
前端必备在线工具
平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目
今天给大家推荐的是 Vue3 的源码中文学习教程、支持的 UI 组件库、优质实战项目。
以下为【前端GitHub】的第 16 期精华内容。
先给大家提供 3 个 Vue3 的中文学习网址。
Vue3 中文文档,国内 CDN 加速版
https://vue3js.cn/docs/zh/
Vue3 设计理念
Vue3 设计理念,动机与目的,上手必读。
https://vue3js.cn/vue-composition/
Vue3 相关项目聚合网站
https://vue3js.cn/
为什么要学习源码 ?
1. 阅读优秀的代码的目的是让我们能够写出优秀的代码。
2. 不给自己设限,不要让你周围人的技术上限成为你的上限。
其实就跟我们写作文一样,你看的高分作文越多,写出高分作文的概率就越大。
基于现在的程序员工作模式(模块化开发,只需要拿到需求做自己的部分),别说看源码,甚至就连项目里的代码都懒的去看,我认识的很多程序员就是这样的,一个项目摸了两三年,你要问他项目中 webpack 都干了哪些事情,他的回答是不知道,反而趾高气扬的告诉你,那些他从来都用不上,看了也没什么用,也看不懂,这里省略内心千字脏文。
webpack
阅读主要目的 是为了帮助我们 积累素材,不要书到用时方恨少,看到美女我们应该能有一万种词语去形容,如气若幽兰,美艳不可方物,一笑倾城,再笑倾国,世间尤物,而不是简短的几个字,我艹,美女!
https://vue3js.cn/start/
ant-design-vue 是 Ant Design 的 Vue 实现,组件的风格与 Ant Design 保持同步, 目前支持 Vue 3.0 的 2.0.0 测试版 已发布。
https://antdv.com/docs/vue/introduce-cn/
轻量、可靠的移动端 Vue 组件库。
Vant 是有赞前端团队开源的移动端组件库,于 2016 年开源,已持续维护 4 年时间。
目前 Vant 已完成了对 Vue 3.0 的适配工作,并发布了 Vant 3.0 版本
https://vant-contrib.gitee.io/vant/v3/
Element Plus,一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库。
https://element-plus.org/#/zh-CN
Element 3,一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库。
https://github.com/hug-sun/element3
基于 ant-design-vue,typescript,vue3.0,vite 实现的 vue3 风格的后台管理系统。
https://github.com/anncwb/vue-vben-admin
基于 vue3.0 的开源 admin 项目,同时支持电脑,手机,平板,🔥🔥🔥默认分支使用vue3.x+antdv 开发,master 分支使用的是 vue2.x+element 开发。
https://github.com/chuzhixin/vue-admin-beautiful
基于 Vue3.0 Composition Api 快速构建实战项目
https://github.com/Wscats/vue-cli
Vue3 + TypeScript 开发的电影预告片 webAPP,可以查看正在热映与即将上映的电影信息和短片。
https://github.com/lhz960904/movie-trailer
newbee-mall 项目是一套电商系统,包括 newbee-mall 商城系统及 newbee-mall-admin 商城后台管理系统,基于 Spring Boot 2.X 和 Vue 以及相关技术栈开发。
前台商城系统包含首页门户、商品分类、新品上线、首页轮播、商品推荐、商品搜索、商品展示、购物车、订单结算、订单流程、个人订单管理、会员中心、帮助中心等模块。 后台管理系统包含数据面板、轮播图管理、商品管理、订单管理、会员管理、分类管理、设置等模块。
https://github.com/newbee-ltd/newbee-mall-vue3-app
🔥 基于 vue3.0.0 ,vant3.0.0,vue-router4.0.0-0, vuex^4.0.0-0,vue-cli3,mockjs,仿京东淘宝的,移动端 H5 电商平台!
https://github.com/GitHubGanKai/vue3-jd-h5
关于猫哥,大家可以看看 前端工程师的 2020 年终总结 - 3 年之痒,看看猫哥的脸都被打歪的 😂。
前端工程师的 2020 年终总结 - 3 年之痒
不知不觉,已经写到第 16 期了呢,已经分享超过 200 个好的前端项目了呢,往期精文请看下方宝藏仓库,点击很危险,请慎入!
https://github.com/FrontEndGitHub/FrontEndGitHub
平时如何发现好的开源项目,可以看看这篇文章:如何在 GitHub 上发现优秀开源项目 和 如何使用 GitHub 进行精准搜索的神仙技巧。
觉得有用 ?喜欢就收藏,顺便点个赞吧,你的支持是超级猫最大的鼓励!
可以加超级猫的 WX:CB834301747 ,一起闲聊前端。
微信搜 “前端GitHub”,回复 “电子书” 即可以获得 160 本前端精华书籍哦。
往期精文
推荐 12 个学习前端必备的神仙级工具类项目与网站
10 个 GitHub 上超火的前端面试项目,打造自己的加薪宝库!
12 个 GitHub 上超火的 JavaScript 奇技淫巧项目
10 个 GitHub 上超火的 CSS 技巧项目,找到写 CSS 的灵感!
11 个超火的前端必备在线工具,终于有时间上班摸鱼了
The text was updated successfully, but these errors were encountered:
点赞收藏
Sorry, something went wrong.
mark
biaochenxuying
No branches or pull requests
大家好,我是你们的 猫哥,一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~
关于猫哥,大家可以看看我的年终总结 前端工程师的 2020 年终总结 - 乾坤未定,你我皆黑马。
前言
猫哥是一个常年混迹在 GitHub 上的猫星人,所以发现了不少好的前端开源项目、常用技巧,在此分享给大家。
已经推荐了
面试项目
、CSS 奇技淫巧项目
、代码规范项目
、数据结构与算法项目
、JavaScript 奇技淫巧项目
、前端必备在线工具
等专题的近 100 个优秀项目了。平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目
今天给大家推荐的是 Vue3 的源码中文学习教程、支持的 UI 组件库、优质实战项目。
以下为【前端GitHub】的第 16 期精华内容。
1. Vue3 中文文档
先给大家提供 3 个 Vue3 的中文学习网址。
Vue3 中文文档,国内 CDN 加速版
Vue3 设计理念
Vue3 设计理念,动机与目的,上手必读。
Vue3 相关项目聚合网站
2. Vue3 源码
为什么要学习源码 ?
其实就跟我们写作文一样,你看的高分作文越多,写出高分作文的概率就越大。
基于现在的程序员工作模式(模块化开发,只需要拿到需求做自己的部分),别说看源码,甚至就连项目里的代码都懒的去看,我认识的很多程序员就是这样的,一个项目摸了两三年,你要问他项目中
webpack
都干了哪些事情,他的回答是不知道,反而趾高气扬的告诉你,那些他从来都用不上,看了也没什么用,也看不懂,这里省略内心千字脏文。阅读主要目的 是为了帮助我们 积累素材,不要书到用时方恨少,看到美女我们应该能有一万种词语去形容,如气若幽兰,美艳不可方物,一笑倾城,再笑倾国,世间尤物,而不是简短的几个字,我艹,美女!
3. UI 组件库
Ant-design-vue
ant-design-vue 是 Ant Design 的 Vue 实现,组件的风格与 Ant Design 保持同步, 目前支持 Vue 3.0 的 2.0.0 测试版 已发布。
Vant 3.0
轻量、可靠的移动端 Vue 组件库。
Vant 是有赞前端团队开源的移动端组件库,于 2016 年开源,已持续维护 4 年时间。
目前 Vant 已完成了对 Vue 3.0 的适配工作,并发布了 Vant 3.0 版本
Element-plus
Element Plus,一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库。
element 3
Element 3,一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库。
4. 实战项目
vue-vben-admin
基于 ant-design-vue,typescript,vue3.0,vite 实现的 vue3 风格的后台管理系统。
vue-admin-beautiful
基于 vue3.0 的开源 admin 项目,同时支持电脑,手机,平板,🔥🔥🔥默认分支使用vue3.x+antdv 开发,master 分支使用的是 vue2.x+element 开发。
vue-cli
基于 Vue3.0 Composition Api 快速构建实战项目
movie-trailer
Vue3 + TypeScript 开发的电影预告片 webAPP,可以查看正在热映与即将上映的电影信息和短片。
newbee-mall-vue3-app
newbee-mall 项目是一套电商系统,包括 newbee-mall 商城系统及 newbee-mall-admin 商城后台管理系统,基于 Spring Boot 2.X 和 Vue 以及相关技术栈开发。
前台商城系统包含首页门户、商品分类、新品上线、首页轮播、商品推荐、商品搜索、商品展示、购物车、订单结算、订单流程、个人订单管理、会员中心、帮助中心等模块。 后台管理系统包含数据面板、轮播图管理、商品管理、订单管理、会员管理、分类管理、设置等模块。
vue3-jd-h5
🔥 基于 vue3.0.0 ,vant3.0.0,vue-router4.0.0-0, vuex^4.0.0-0,vue-cli3,mockjs,仿京东淘宝的,移动端 H5 电商平台!
最后
关于猫哥,大家可以看看 前端工程师的 2020 年终总结 - 3 年之痒,看看猫哥的脸都被打歪的 😂。
前端工程师的 2020 年终总结 - 3 年之痒
不知不觉,已经写到第 16 期了呢,已经分享超过 200 个好的前端项目了呢,往期精文请看下方宝藏仓库,点击很危险,请慎入!
平时如何发现好的开源项目,可以看看这篇文章:如何在 GitHub 上发现优秀开源项目 和 如何使用 GitHub 进行精准搜索的神仙技巧。
觉得有用 ?喜欢就收藏,顺便点个赞吧,你的支持是超级猫最大的鼓励!
可以加超级猫的 WX:CB834301747 ,一起闲聊前端。
微信搜 “前端GitHub”,回复 “电子书” 即可以获得 160 本前端精华书籍哦。
往期精文
推荐 12 个学习前端必备的神仙级工具类项目与网站
10 个 GitHub 上超火的前端面试项目,打造自己的加薪宝库!
12 个 GitHub 上超火的 JavaScript 奇技淫巧项目
10 个 GitHub 上超火的 CSS 技巧项目,找到写 CSS 的灵感!
11 个超火的前端必备在线工具,终于有时间上班摸鱼了
The text was updated successfully, but these errors were encountered: