之前有做前端的朋友问我,有没有哪些简洁优雅的开源库,可以让人读完受益匪浅、思路大开的?
老K要推荐这6个Github上的前端项目,看完肯定会对你的前端开发有所帮助。
让我们来看看都有哪些项目吧。
1. three.js
- url: https://github.com/mrdoob/three.js
- star: 86000
- fork: 33000
- watch: 2500
这是一个知名的 JavaScript 3D 库。随着数据的可视化和 Web AR 越来越流行,three.js 也被广泛地使用。尤其是和 Vue和React 结合使用前端框架。官方网站包含丰富的示例和全面的中文文档。
2. 50projects50days
- url: https://github.com/bradtraversy/50projects50days
- star: 22000
- fork: 6000
- watch: 420
这里有 50 个采用 HTML+CSS+JS 编写的前端小项目集合。项目包括网页源代码和效果展示,是一个标准的入门级前端开源项目。通过查看效果和代码,让新手感受到前端的美,简单的源代码降低了手写代码的门槛。也许网页的效果也会让你惊叹不已。
?
3. mpvue
- url: https://github.com/Meituan-Dianping/mpvue
- star: 20.0k
- fork: 2.1k
- watch: 603
这是一个小程序的前端框架。框架基于 Vue.js, 修改了核心 Vue.js 的 runtime 和 compiler 而实现的是小项目。可以在小程序环境中运行,为小程序开发引入整套 Vue.js 开发体验。
视频上手教程->http://mpvue.com/mpvue/quickstart.html
- 完整的 Vue.js 开发体验;
- 方便的 Vuex 数据管理方案:方便构建复杂应用;
- 使用 Vue.js 命令行工具 vue-cli 快速初始化项目;
- H5 代码转换编译成小程序目标代码的能力;
- 支持使用 npm 外部依赖;
- 快捷的 webpack 构建机制:自定义构建策略、开发阶段 hotReload。
4. CS-Interview-Knowledge-Map
- url: https://github.com/InterviewMap/CS-Interview-Knowledge-Map
- star: 18000
- fork: 2600
- watch: 702
这是一个制作精良、系统的面试地图。内容包括:前端、计算机网络、算法、数据结构等。我相信在仔细学习了这些材料后,你会找到你最喜欢的工作。
在线阅读->https://yuchengkai.cn/
5. ice
- url: https://github.com/alibaba/ice
- star: 17000
- fork: 2100
- watch: 453
使前端开发简单友好,大量可复用的材料,配套桌面工具快速构建前端应用。模板多,款式定制方便,材料概念好。可用于快速构建中后台应用,官网->https://v3.ice.work/
6. chroma.js
- url: https://github.com/gka/chroma.js
- star: 9100
- fork: 555
- watch: 143
用于各种颜色转换的极小零依赖 JS 库,帮助前端更便捷地调整颜色。
示例代码:
chroma.scale(['#fafa6e','#2A4858'])
.mode('lch').colors(6)
以上6个前端项目,如果有你感兴趣的内容,记得给老K点个赞哦。
结束语
我是专注于开发领域的 @老K玩代码 ,专注于编程开发的经验总结和项目分享,如果你对编程感兴趣,可以关注我。