这里是按照「分类」阅读往期的 HelloGitHub 月刊内容, 您目前在查看 HelloGitHub JavaScript 项目 集合。
一个即插即用的过渡动画库。该项目可以为你的 Web 应用添加平滑的过渡效果,它上手简单无需修改现有代码,动画会在子元素被添加、移除或移动时自动触发,适用于 React、Solid、Vue、Svelte 和 JavaScript 应用。
将 HTML 网页转化成图片的库。该项目可以将任意 DOM 节点,转换成 SVG、PNG、JPEG 等多种格式的图像,可直接在 React 和原生 JavaScript 代码中使用。
var node = document.getElementById('my-node'); htmlToImage.toPng(node) .then(function (dataUrl) { var img = new Image(); img.src = dataUrl; document.body.appendChild(img); }) .catch(function (error) { console.error('oops, something went wrong!', error); });
一款免费、没广告的音乐软件。洛雪音乐助手桌面版是基于 Electron + Vue 开发的音乐搜索工具,需要自己配置音乐源,支持在 Windows、macOS、Linux、Android 平台上运行。
制定你的肌肉训练计划。该项目是采用 NextJS 写的小型 Web 应用,可以帮你更好地健身。用户上来需要选择锻炼器材、指定身体部位,随后网站就会给出动作指导视频和文字描述。
类似豆瓣的二次元爱好者社区客户端。这是一个基于 React Native 构建的二次元社区 Bangumi 第三方客户端。它免费、无广告、因爱好而生、专为移动端设计,支持番组进度管理、用户动态、贴吧、搜索、排行榜、标签等功能。
通过 PageRank 找到代码库中最重要的文件。该项目基于 PageRank 算法和源文件依赖关系,找到 JavaScript/TypeScript 代码仓库中被依赖最多的文件。
仅需 30 秒、不用写代码就能模拟接口数据。这是一款小巧的接口模拟工具,它使用起来十分简单,只需创建 JSON 文件,然后一条命令就能快速启动接口服务。
# 安装 npm install -g json-server # 启动 json-server --watch db.json
一个好用的 Web 思维导图。该项目包含一个不依赖任何框架的思维导图 JavaScript 库,以及一个采用 Vue.js+ElementUI 开发的支持本地部署、功能丰富的在线思维导图应用。
import MindMap from "simple-mind-map"; const mindMap = new MindMap({ el: document.getElementById('mindMapContainer'), data: { "data": { "text": "根节点" }, "children": [] } });