本文通过真实的demo演示案例给大家展示如何使用JS获取本地音乐文件的封面图、文件名及时长等信息。
文章关键字 ‘base64’
又get到了，JS复制图片到剪切板
2023年09月17日，星期日
纯前端JS zip打包文件并下载
2019年08月17日，星期六
是时候了，无外链的CSS开发策略
2019年08月17日，星期六
本地开发设置个区分明显的favicon吧~
2019年08月6日，星期二
是否遇到这样的囧事，修复bug改了代码，结果页面怎么刷新都没有效果，结果尼玛一看，原来刷新的是线上地址，是不是气死人，那有没有什么办法规避这个问题呢？可以试试本地使用风格完全不一样的favicon。
学习了，CSS中内联SVG图片有比Base64更好的形式
2018年08月19日，星期日
难免的，我们需要在CSS中内联SVG图形，以前我都是把SVG文件转换成Base64格式然后内嵌，最近发现，这并不是最好的方法，最好的方法是使用部分转义的SVG原始代码，兼容IE9+，而且颜色什么的可以直接在CSS中修改。这种方法具体真容是什么？有兴趣可以进去看下。其中有个炸裂的SVG在线压缩合并工具，相信你会喜欢的。
原来浏览器原生支持JS Base64编码解码
2018年08月4日，星期六
就在数月前，一个前端HTML字符信息转Base64的需求，我是毫不犹豫去找了个开源的base64.js，根据文档上语法一使用，嘿，数据准确，功能良好。当时弄完还洋洋得意，以为是个完美的解决。
结果，今天发现，尼玛原来浏览器很早就有了原生的JS Base64加密解密方法，显然，上面这种洋洋得意的做法完全就是瞎子点灯——白费蜡！究竟是什么方法呢？有没有什么使用上的坑呢？点击进去一起一看究竟吧~
了解woff2字体及转换
2018年07月25日，星期三
woff字体在2012年12月被World Wide Web Consortium (W3C)推荐使用，IE9+浏览器支持。woff2字体最早在在2013年7月Chrome Canary版本上可以使用，发展到现在，几乎已经成为自定义图标字体使用的标配。
本文就将介绍关于WOFF2诸多基础知识，包括优点特性，如果TTF字体转WOFF2字体，如何在CSS中使用，mime type设置等，有截图有必要的源代码展示。希望本文内容能够对您的学习有所帮助。
纯前端实现可传图可字幕台词定制的GIF表情生成器
2018年05月4日，星期五这两天晚上在家自己做了个可以传图，可以写台词的GIF表情图生成器。可以使用提供的模板，也可以自己传图制作，关键是纯前端实现的，这个有点厉害了，有兴趣可以进来看看。
致设计师：图标图形制作-路径为王
2014年05月13日，星期二楼外雨潺潺，春意阑珊！打球刚回身疲累，行文略懒散。一言蔽之，路径为王，谁知啰嗦甚多天甚晚，急得老婆直叫喊。
本来，下笔之时想大气磅礴说一通，现在看来，也就是不温不火的一句话：“设计师同事们，制作各类图标的时候使用路径绘制啊！会更powerful!”
我的应用
我的应用