别滑走!认真花5分钟看完这篇文章,这里的分享一定对你有所帮助,或许就会成为你成长道路上的助力,看完记得点赞、收藏哦!
本篇文章,老K要推荐G站上8个非常实用的前端项目,都是Star过万的项目。包括JS的3D渲染库、多端在线聊天室、Markdown语法编辑器等等。
1. three.js
- url: mrdoob
- star: 87000
- fork: 33000
- watch: 2600
这是一个知名的 JavaScript 3D 库。随着数据的可视化和 Web AR 越来越流行,three.js 也被广泛地使用。尤其是和 Vue和React 结合使用前端框架。官方网站包含丰富的示例和全面的中文文档。
2. reveal.js
- url: hakimel
- star: 63000
- fork: 16000
- watch: 1700
这个一个基于前端的演示框架,利用HTML和JavaScript实现类PPT展示。让你告别传统而死板的PPT制作方法,更便捷地使用HTML、Markdown语言制作PPT演示文档。
3. marktext
- url: marktext
- star: 37000
- fork: 2800
- watch: 387
这是一个Markdown语法编辑器,操作简单而优雅,支持在Linux、macOS和 Windows不同操作环境下使用。下载地址->。
功能:
- 实时预览和简洁明了的界面(所见即所得);
- 支持Markdown扩展语法,如数学表达式、Latex和emoji表情等;
- 可以输出HTML以及PDF文件;
- 支持各种编辑模式:源代码模式、打字机模式、专注模式;
- 等等;
4. p5.js
- url: processing/p5.js
- star: 18000
- fork: 2800
- watch: 498
这是一个 JavaScript 创意编程库,可以用来绘图、实现艺术创意等。
只要会JS代码就可以用它画出许多有趣的图形和内容。文档齐全能够快速上手,还有在线编辑器。
官网->
示例代码:
function setup() {
createCanvas(640, 480);
}
function draw() {
if (mouseIsPressed) {
fill(0);
} else {
fill(255);
}
ellipse(mouseX, mouseY, 80, 80);
}
5. fiora
- url: fiora
- star: 5500
- fork: 1100
- watch: 97
这是一个功能丰富的多端在线聊天室。界面简洁清新,除了基本的聊天功能,还有消息朗读的功能。项目是基于 TypeScript 和 React 实现的。代码逻辑清晰,注释完善,十分适合用于学习 node.js、 TypeScript、React 等技术。
6. chrome-music-lab
- url: googlecreativelab/chrome-music-lab
- star: 1800
- fork: 456
- watch: 111
Chrome 的音乐实验室,一个让学习音乐变得更加简单、好玩的网站。
本项目100%基于Web开发,支持多种乐器,可直接访问、老少咸宜。
7. zhui
- url: zhui-team/zhui
- star: 1400
- fork: 64
- watch: 13
好用的国风组件库。这里充满了有趣的创意。
8. axial3d
- url: bestvist/axial3d
- star: 137
- fork: 11
- watch: 2
GitHub 404 页面的动画效果十分有趣,会跟定鼠标的位置调整图片的距离。
效果有趣,使用场景多,并且十分友好地实现了组件化。
以上项目分享给大家,希望对你有用。
如果有任何疑问,欢迎在评论区留言交流。
离开之前,记得点赞哦!