一些有趣的项目

699 阅读5分钟
  1. javascript-questions:JavaScript 进阶问题列表,包含答案。
  2. cdfang-spider:成都房源统计的数据可视化项目。在线预览
  3. wechat-format:公众号文章的排版真是让人头大,还好有这个微信公众号排版编辑器。便捷地把 Markdown 内容转换成微信特定的 HTML 内容,然后粘贴到公众号的编辑后台就完活了。虽然不是特别美观,但是节省了很多时间。在线尝试
  4. filepond:一个 JavaScript 文件上传库。可以上传拖入的任何内容,具有体积小、上传快、方便的文件管理等特点,从而让用户享受‘丝滑’般的文件上传体验。
  5. xgplayer:由字节跳动西瓜视频开源的带解析器、能节省流量的 HTML5 视频播放器。可以作为 H5 组件、Vue、React 组件单独使用。它根据组件化的原则设计了一个独立的、可分离的 UI 组件。更重要的是,它不仅在 UI 层具有灵活性,而且在功能上也很大胆:它摆脱了视频加载、缓冲和格式支持。在播放器端加载视频、解析视频、转换格式,让不支持分段播放的 MP4 动态支持,这样就无须转换源视频的格式,服务器端也无其他开销。官网,示例代码:
    //  安装:$ npm install xgplayer
    // 第一步:<div id="vs"></div>
    // 第二步:
    import Player from 'xgplayer';
    
    const player = new Player({
        id: 'vs',
        url: 'http://s2.pstatp.com/cdn/expire-1-M/byted-player-videos/1.0.0/xgplayer-demo.mp4'
    })
    
  6. griffith A React-based Web video player,让流式播放变得简单。无论你视频格式是 mp4 还是 hls,Griffith 都能使用媒体源拓展(MSE)来实现分段加载等功能,提供在线视频播放。
  7. qier-player:一款基于 React 的轻量级在线视频播放器组件,界面简洁、操作流畅具有视频播放器的基础功能。
  8. webtorrent:基于 JS 的流媒体种子客户端。不需要等待种子中的内容下载完毕,就可以马上播放种子中的内容,且有 Windows、Mac 和 Linux 操作系统的桌面版客户端。还在为等待下载而苦恼吗?有了它即可复制种子链接观看对应的视频内容。
  9. glut:一款用于团队内部 chrome 工具共享的工具,可以理解为 chrome 的小程序。它提供了比页面脚本更多的 API,可是实现更丰富的功能。可以随时在页面打开的小组件,它既可以作为页面的辅助工具或者也可以提供独立的功能。
  10. nodePPT:这可能是迄今为止最好的网页版演示库。在线演示
  11. clipboard:实现了点击文本内容的 JavaScript 插件,优点:最新、极小、无任依赖、使用简单方便。在线文档
  12. 微信小程序开发资源汇总
  13. TimeCat:一款 JS 的网页录屏工具。参考了游戏录像的原理而实现的渲染引擎,生成的录像文件只有传统视频的百分之一!还可以在录制语音的同时自动生成字幕,导出的视频文件可以跨端播放。目前已经开发一段时间,后续还将实现更多有意思的功能,欢迎持续关注。
  14. kkFileView:基于 Spring boot 打造的多类型文件在线预览项目。支持多种文件例如:doc、ppt、xls、mp4、txt 等,功能强大便于快速开发和二次开发。
  15. typical:零依赖、仅 400 字节的输入动画库。
  16. jexcel:一个轻量级、功能强大的电子表格库。轻松实现复杂数据的表格管理,支持 JS 数组、JSON、CSV 等数据,并且可以实现 excel 文件的直接复制和粘贴。
  17. chroma.js:一款极小、零依赖用于各种颜色转换的 JS 库,帮助前端把颜色操作于股掌之间。
  18. EasyExcel,JAVA解析Excel工具,快速、简单避免OOM的java处理Excel工具。
  19. showdoc:一款基于 JavaScript 实现的开源在线API文档、技术文档工具。支持:多端编辑查看、权限管理、文档导出、Markdown 语法等,功能虽不多但已足够用了。
  20. panolens.js:基于WebGL的全景查看器,生成360度图像全景。
  21. vue-monoplasty-slide-verify:基于 Vue2.0+ 的图形滑动验证插件。
  22. lianjia-scrawler:是一个链家网全国房源爬虫工具,不仅可以爬取链家二手房、租房在线数据,存量房交易服务平台数据,还可以爬取我爱我家成交房源库。在线演示
  23. vue-img-cutter:它是简单易用的 vue 图片裁剪插件,支持旋转、缩放、平移,固定比例,固定尺寸,远程图片裁剪,只需要很少的代码就可以实现裁剪功能,也可以通过调整参数以适应你自己的业务需求。

内容管理系统

  1. DoraCMS:基于Nodejs+eggjs+mongodb编写的一套内容管理系统,结构简单,较目前一些开源的cms,doracms易于拓展,特别适合前端开发工程师做二次开发。

电商项目

  1. mall,【技术栈:JAVA + Vue】mall项目是一套电商系统,包括前台商城系统及后台管理系统,基于SpringBoot+MyBatis实现,采用Docker容器化部署。前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等模块。后台管理系统包含商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等模块。
  2. litemall,一个小商场系统,litemall = Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端 + Vue用户移动端。
  3. SuperMarket,网上商城(2020.8.20还在完善中)。

在线考试系统

  1. uexam,学之思在线考试系统是一款 java + vue 的前后端分离的考试系统。主要优点是开发、部署简单快捷、界面设计友好、代码结构清晰。目前支持web端和微信小程序,能覆盖到pc机和手机等设备。

来源

  1. HelloGitHub,一个分享 GitHub 上有趣、入门级的开源项目。