欢迎访问 幸福拾荒者,一个前端知识总结分享平台,与大家一起共同成长共同进步!
网站主题
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 攻击)
二维码生成
- 草料二维码 草料二维码生成器
- 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 库、框架和插件
欢迎访问 幸福拾荒者 了解更多前端知识!