前端工具收集

欢迎访问 幸福拾荒者，一个前端知识总结分享平台，与大家一起共同成长共同进步！

网站主题

colordrop :在线颜色组合调试工具

ColorDrop 是一个提供设计开发上绝佳的色彩的来源站点，帮助设计师在线调试颜色组合，该网站把四个不同的颜色整合在一起，点击其中一个颜色后会跳出对应的颜色参数(HEX/RGB)，设计师可以将这些颜色应用于设计项目。

git 仓库

gogs :一个可以搭建自己的私人代码仓库

命名

codelf：变量命名神器
有一种痛 ，不是程序员可能不懂，但如果是程序员一定懂，那就是给变量或函数命名。

html 头部标签

HEAD ：html 头部 标签 ️ 指南

网站字体

• fontke ：中文字体下载
• igfonts ：字体转成花样文字表情
• fontke ：中文字体转换成网站字体下载
• 字蛛 ：字蛛 ️ 是一个中文字体压缩器

icon

• easyicon： 一个图标搜索 下载 ⏬ 网
• cssicon： 一个 css 实现图标样式
• iconfont ：阿里巴巴矢量图标库
• 寻图标 :最多样化的图标库

占位图

imageholder ： 生产占位图片

图片优化

• tinypng 一个压缩 ️PNG 的神站
• zhitu：智图为图片智能选择合适的图片格式压缩 ️,

markdown 文档

• 羽雀 ：语雀- 专业的 ☁️ 云端知识库 优雅高效的在线文档编辑与协同 工具,
• gitbook：For you, your users and your team
• vuepress：Vue-powered Static Site Generator
• docsify 神奇的文档网站生成器
• docz：用 MDX 写 React UI 组件文档
• storybook： Build bulletproof UI components faster
• apidocjs：apidoc 是一个轻量级的在线 REST 接口文档生成系统，可以根据其特定的规则的代码注释来生成静态网页

editor

• 百度 editor 所见即所得富文本 web 编辑器,
• 经典的 ckeditor Smart WYSIWYG editor components with collaborative editing. Join Microsoft, Mozilla, Adobe and 24k+ other happy customers.
• 经典的 kindeditor html 编辑器 在线编辑器 可视化编辑器
• wysiwyg 为 Bootstrap 定制的微型所见即所得富文本编辑器
• tower 用的编辑器 一个基于浏览器所见即所得的文本编辑器
• summernote 是一个界面比较简洁美观的富文本编辑器
• XEditor 是一个基于 jQuery 开发的简单迷你并且高效的在线可视化 HTML 编辑器
• wangEditor 轻量级 web 富文本编辑器

css

• css-tricks 专注 css
• css-doodle 是一个用来绘制 CSS 图案的 WEB 组
• tools 在线 css3 动画制作
• CSS-Inspiration CSS 灵感，展示不同 CSS 属性或者不同的课题使用 CSS 来解决的各种方法
• magicCss 一款独特的 CSS3 动画特效包
• spritejs 一款简单的 canvas 绘图框架
• matrix ：css3 动画转换

动画库

popmotion 小巧，灵活的 JavaScript 运动 ♀️ 引擎

js

• jsdm 是一个 WEB 前端在线编辑器，可同时编辑 HTML、CSS、JAVASCRIPT 代码，并即时预览！
• jsbin WEB 前端在线编辑器
• codepen 一个在线的前端代码编辑运行的网站
• obfuscator 前端代码混淆工具

XSS

XSS 根据白名单过滤 HTML(防止 XSS 攻击)

二维码生成

• 草料二维码 草料二维码生成器

PDF

• PDF24 Tools 免费且易于使用的在线 PDF 工具
• pdfmake Client/server side PDF printing in pure JavaScript
• smallpdf支持 PDF 转 Word、PDF 转图片、PDF 转 Excel、PDF 转 PPT、PDF 拆分、PDF 合并以及 PDF 合并等服务

拼音

• pinyin 转换中文字符为拼音的工具转换中文字符为拼音
• 简繁转换 开源的简繁转换库

身份证

身份证 身份证验证的库

格式时间金钱

numeraljs 一个用于格式化和数字金钱 的 js 库

网页导览

smartour Smartour 让网页导览变得更简单

正则

• 正则 //正则大全
• regular
• 正则测试 正则表达式的测试平台

http2

http2 ：http2 demo 演示

ip

iplist 获取本地 IP 信息

gif

cockos GIF 截图工具

管理前端 package

lerna：一款 js 代码库管理软件， 用来对一系列相互耦合比较大、又相互独立的 js git 库进行管理

移动端开发调试

• Eruda：移动端 js 调试工具
• vConsole移动端调试神器

前端性能监控

webfunny 通过向 html 页面中插入一段简单的 JS 探针代码，实现无埋点监控前端页面的用户行为，包括但不限于 PV/UV、报错日志、请求日志、静态资源加载情况、用户点击行为以及截图信息等等，目的在于帮助前端开发提高解决线上问题的效率 fundebug 一行代码搞定 BUG 监控
sentry 是一个集中式日志管理系统
性能魔方 为您的网站服务器提供完整云应用性能管理(APM)、网站服务器优化、监测、监控,能帮助您最大程度改进用户体验
pagespeed 网页性能测试分析工具

测试覆盖率集成

codecov ：测试覆盖率构建 自动化测试环境

搜索库

• microjs：迷你前端开发框架和类库资源收集
• javascripting 最好的资源 javascript 库、框架和插件

欢迎访问 幸福拾荒者 了解更多前端知识！