Skip to content

小工具合集

在 public/tools下生成一系列小工具页面 tools.html,然后顶部是一个菜单,包含一下小工具菜单,内容部分是iframe中展示小工具页面,下面是版权信息。当点击下面菜单时,切换到对应的小工具页面。以下是小工具列表:

  1. json 格式化
  2. base64互转
  3. 二维码生成
  4. 海报生成

1.json格式化

在 public/tools下生成一个 json.html 用来json在线格式化。输入json串,点击进行格式化。

2. base64互转

在 public/tools下生成一个 base64.html 用来base64位编码互转的页面,可通过明文,和base64编码互转。

3. 二维码生成

在 public/tools下生成一个 qrcode.html 文本域内,输入文字或者连接,点击生成二维码,一侧则会出现二维码,并且可以下载。

4. 海报生成

在 public/tools下生成一个 haibao.html 在一个预览区域内,添加图片、文字,进行编辑图片和文字,拖拽位置,点击生成海报,就会生成海报,并可以进行下载。

技术实现

  • 样式采用 bootstrap 样式,js使用jquery
  • 开发前仔细阅读需求,开发完检查bug,并自动修复。

终生学习,有教无类