# 工具

# Music

网页音乐播放器/插件: https://listen1.github.io/listen1/ (opens new window)

# 在线代码演示

在线代码演示 (opens new window)

# 视频播放器

Web播放器 TcPlayer——腾讯直播sdk的网页播放器 (opens new window)

tcplayer官方文档 (opens new window)

# icons

font-awesome (opens new window);有 1500+ 的免费字体图标,支持 SVG | font-awesome 3.0 中文文档 (opens new window)

Octicons (opens new window);由 Github 社区发布的一组开放原始码的免费素材图标

materialdesignicons (opens new window);字体图标,数量很多,支持大小,旋转,动画以及颜色

Ionicons (opens new window)

Material (opens new window);谷歌设计的 Material Design 图标,Materialize (opens new window) 中使用的就是这个

Ikons (opens new window)

Iconic (opens new window);有 200+ 的免费图标,包括字体图片(提供集成 Bootstrap,Foundation 的代码)、图片(包括多倍图)、SVG 以及 webp

Feather (opens new window);200+ 免费图标,都是 SVG;

glyphicons (opens new window);【收费】,授权 Bootstrap 可以免费使用;在 Bootstrap 3 中,已经集成,你可以直接使用;在 Bootstrap 4 中,并没有集成。

# 模拟数据

faker.js (opens new window)

mockjs (opens new window)

easy-mock (opens new window) 提供线上服务,自定义mock数据

# 前端

uppy (opens new window) 一个文件上传的 JS 库

consola (opens new window) 优雅命令行 console vuepress 也使用了

screenfull.js (opens new window) 跨浏览器的 JavaScript 全屏API封装,能将页面和任意元素全屏显示

https://clipboardjs.com/ (opens new window) 剪切板插件

webpackbar (opens new window) webpack 打包进度可视化

jarvis (opens new window) webpack dashboard

popmotion (opens new window) 一个函数式声明前端动画库

merge-images (opens new window) 图片合成

direction-reveal (opens new window) 一个根据鼠标进入方向展现 hover 描述的库

micron (opens new window) 通过动画属性绑定动画效果的库

sweetalert2 (opens new window) 一个自适应优美自定义性强的弹出框

phaser (opens new window) 这是一个为桌面和移动浏览器开发 HTML5 游戏的快速开源框架。 你可以为 iOS、 Android 和不同的本地应用程序创建游戏。

vue-sauce (opens new window) 一个可以展示 vue 源码的指令

tippy.js (opens new window)tooltip/popover library

vue-smooth-dnd (opens new window) Vue wrappers components for smooth-dnd

text-mask (opens new window) 一个可以让 input 按照规则输入(如电话,email,日期等)

codesandbox-client (opens new window) 在线 web 开发容器

astexplorer (opens new window) 一个在线 ast 生成器

dinero.js (opens new window) 一个钱计算的库

crate (opens new window) 一个 react 全栈练习(pc,mobile,rn,api)demo

Jasonette (opens new window)一个用 json 来构建 hybrid 的框架

vuegg (opens new window) 一个 vue 可视化拖拽界面生成器

refined-github (opens new window) 优化 github 默认功能的 chrome 插件

lerna (opens new window) 大项目版本控制工具,项目中可以有多个 package.json 文件

git-labelmaker (opens new window) 命令行快速创建 github

react-in-patterns (opens new window) 一本开源叫你写 react 的书

picojs (opens new window) js 人脸识别库

img-2 (opens new window) 一个提高图片加载性能和体验的库,懒加载使用 web worker 模糊预览

fingerprintjs (opens new window) 是一个快速的浏览器指纹库

ajv (opens new window) 一个 json schema 验证的库

dayjs (opens new window) 一个轻量级类 moment.js API 时间库

live-server (opens new window) 一个建议快速 dev 开发自动刷新的 http server

serve (opens new window)快速起本地静态服务

primjs (opens new window) 代码高亮

ReLaXed (opens new window) 一个将 document html 转成 PDF 的工具

fabric.js (opens new window) 基于 canvas 创建交互式的图片编辑界面非常适合用来做图片合成类工作。

tabler (opens new window) 高颜值 ui 模板

matter-js (opens new window) web 物理引擎

rough (opens new window) 基于 Canvas 的手绘风格图形库

wired-elements (opens new window) 基于 rough.js 分装 button input raido 等组件 真正特别之处在于它的底层是 Web components

uppy (opens new window) 一个很好看的也很好用的 前端上传库

tui-calendar (opens new window) 功能全面的日程安排日历控件,还支持拖拽。

tabler (opens new window) 基于 Bootstrap 4 的 Dashboard UI Kit 和美观

vee-validate (opens new window) 基于 vue 的验证,能验证的内容比较全

x-chart (opens new window) 我就是觉得颜色挺好看的

vuesax (opens new window) 一个很漂亮的基于 vue 的 ui 框架

vue-virtual-scroller (opens new window) 基于 vue 的虚拟列表无限滚动

particles.js (opens new window) 一个前端画颗粒 粒子的库

pulltorefresh.js (opens new window) 下个下拉刷新插件

lulu (opens new window) 腾讯阅文基于 jQuery,针对 PC 网站 IE8+(peak 主题)的前端 UI 框架

chancejs (opens new window) 生成随机数据的库

spritejs (opens new window) 360 奇舞团出的跨平台绘图对象模型

workbox (opens new window) 让你的网站更方便的变成 pwa

tui.image-editor (opens new window) 一个功能齐全的在线图片编辑,基于 canvas

hocs (opens new window) react 相关 hoc 收集库

# Node

chokidar (opens new window) node 监听文件变化的库

fs-extra (opens new window) fs-extra 模块是系统 fs 模块的扩展,提供了更多便利的 API,并继承了 fs 模块的 API

globby (opens new window) 用于模式匹配目录文件

node-semver (opens new window) node 版本验证库

npm-run-all (opens new window) 一个 CLI 工具可以并行或者串行执行 script

live-server (opens new window) 一个简单的 http server 带有 reload 功能

node-portfinder (opens new window) 一个端口嗅探工具

update-notifier (opens new window) Update notifications for your CLI app

y18n (opens new window) yargs 基于 i18n 的一个包

signale (opens new window) Hackable console logger

execa (opens new window) A better child_process

listr (opens new window) Terminal task

commander.js (opens new window) 自动的解析命令和参数,合并多选项,处理短参,等等,功能强大,上手简单

Inquirer.js (opens new window) A collection of common interactive command line user interfaces. 命令行询问库

ora (opens new window) Elegant terminal spinner 命令行 loaidng

chalk (opens new window) 命令行着色美化库

hygen (opens new window) 快速方便的创建代码 可以命令行创建预设的 template

ndb (opens new window) node 调试

got (opens new window) http 请求库 如果你觉得 request 太多的话 这是一个不错的选择

dumper.js (opens new window) 能让你的 node console 更加的规整,方便调试

node-in-debugging (opens new window) node.js 调试指南

nodebestpractices (opens new window) node 最佳实践

# GraphQL

prisma (opens new window) 让前端也能快速的写出

Apollo GraphQL (opens new window) 是基于 GraphQL 的全栈解决方案集合。从后端到前端提供了对应的 lib 使得开发使用 GraphQL 更加的方便

# 有趣

划水神器 (opens new window)

the-bread-code (opens new window) 使用程序员的思维制作面包 ,比如制作中使用 A/B test, 来比较那种做法更好。

build-your-own-x (opens new window) 教你用各种语言实现 Bot Database Neural Network

javascript-algorithms (opens new window) 教你用前端知识认识各种算法

# 工具

high-speed-downloader (opens new window) 百度网盘不限速下载 支持 Windows 和 Mac

hyper (opens new window) 前端命令行

yapi (opens new window) 是一个可本地部署的、打通前后端及 QA 的、可视化的接口管理平台

sway (opens new window) 一个微软自己出的在线 ppt 很强大

bigjpg (opens new window) 放大图片的神器 通过神经网络可以放大图片并能降噪

Ascii Art Generator (opens new window) 在线生成 Ascii 图案

Winds (opens new window) 开源 RSS

JSUI (opens new window) 一个用来控制管理前端项目的客户端

docz (opens new window) 让你能快速写文档的一个库

hiper (opens new window) 性能统计分析工具

verdaccio (opens new window) 私有 npm

git-guide (opens new window) git 入门指南

git-tips (opens new window) git 进阶

bit (opens new window) 实现了项目之间的代码共享 可以自建私有

simpread (opens new window) 简悦 ( SimpRead ) - 让你瞬间进入沉浸式阅读的扩展

mkcert (opens new window) 一键命令 让本地也支持 https

termtosvg (opens new window) 录制 命令操作转成 svg 基于 python

gh-polls (opens new window) 可以在 github issue 中添加投票

eruda (opens new window) 移动端调试工具

vConsole (opens new window) 也是一个移动端调试工具 腾讯出品

terminalizer (opens new window) 命令行录制工具 基于 node

badgen (opens new window) 快速构建和 shields 一样的 svg badge 但速度更快

readability (opens new window) 移除页面非正文部分 基于 jsdom

WeChatPlugin-MacOS (opens new window) 一款功能强大的 macOS 版微信小助手

# Mac

get-plain-text (opens new window) 能清除剪贴板里的格式 很实用

IINA (opens new window) mac 平台感觉免费最好的播放器 强推

# 留言评论系统

utterances (opens new window) 将 GitHub 的 issue 当作评论系统,插入第三方网页的 JS 库。

Valine (opens new window) 一款快速、简洁且高效的无后端评论系统。