在同事的安利下，试用了下接口管理平台YApi，用了下，还行。自己写高保真的交互原型，需要可以有相当真实的API请求数据，例如出错，请求延时模拟，极端数据处理等。YApi正好可以满足这方面的需求，特记录与分享下。
“JS相关”目录存档
在同事的安利下，试用了下接口管理平台YApi
2018年05月9日，星期三windows系统下批量删除OS X系统.DS_Store文件
2018年05月7日，星期一设计师用的电脑是高大上的Mac Pro，开发用的电脑是高大的传统台式机，操作系统是windows，于是，设计师给开发传打包图片的时候，一解压，我了个擦，每个文件夹中间都有一个.DS_Store文件，好烦哦，如何批量清除这些烦人的文件呢，其实很简单，只会一丢丢JS的我也能写一个小工具搞定，我是如何搞定的呢？一起进来看看吧~
纯前端实现可传图可字幕台词定制的GIF表情生成器
2018年05月4日，星期五这两天晚上在家自己做了个可以传图，可以写台词的GIF表情图生成器。可以使用提供的模板，也可以自己传图制作，关键是纯前端实现的，这个有点厉害了，有兴趣可以进来看看。
炫酷H5中序列图片视频化播放的高性能实现
2018年05月1日，星期二很多爆款H5的一些酷酷的场景变换很多都是视频实现的，但是，视频的实现也有局限，如iOS下不能自动播放，动态数据不支持等，此时又当如何处理呢？
我们可以使用序列图片，通过JS脚本，来模拟视频播放效果，以上所有局限将通通可以规避。实现的方法很多，但是很多平时可以的方法在这种场景下会有性能跟不上的问题，那有没有什么高性能的实现方法呢？有……
文章文档标题自动生成导航jQuery小插件titleNav.js
2018年04月30日，星期一技术文档，或者一些官网首页，重展示，基本上都是一个<section>一个<section>的段落组成，每个段落会有一个标题，此时页面往往会很长很长，如果用户阅读时候关心的只是中间某个段落，则交互体验并不友好，此时，就需要有一个页面内的标题导航，用户直接点击导航菜单，就能定位到对应的标题，此时阅读起来就省心多了……
Service Worker实现浏览器端页面渲染或CSS,JS编译
2018年04月24日，星期二Service Worker提供了一种能力，可以fetch请求的资源，然后后Service Worker中进行编译或转化，返回处理后的其他资源，这种特性可以用来实现各种资源的在线的客户端编译，本文就将抛砖引玉，通过两个应用案例，展示未来web开发可能的面貌。
简单了解ES6/ES2015 Symbol() 方法
2018年04月10日，星期二Symbol是JavaScript ES6新出现的一个的原生数据类型（primitive data type），作用是什么？有什么特性？本文就将简单介绍相关知识，希望能够对您的学习有所帮助。
小tips: 纯前端JS读取与解析本地文本类文件
2018年03月27日，星期二所谓文本类文件，指MIME Type为text/*文件，例如，CSS文件（text/stylesheet），JS文件（text/javascript），HTML文件（text/html），txt文本（text/plain）等等。
在现代浏览器下，我们可以直接对这些文件进行处理，无论是通过type=file表单元素还是从桌面拖拽到网页中都是可以的……
借助Web Animations API实现JS keyframes动画
2018年03月23日，星期五用一句话解释Web Animations API就是把CSS3实现的animation动画变成有JS代码实现。
各有优势。CSS3 Animations动画简单，灵活，复用性强，非常适合静态动画效果；Web Animations参数由JS控制，与单个元素绑定，因此非常适合不固定的动态动画效果，例如随机动画……
小tips: 使用JS检测用户是否安装某font-family字体
2018年02月24日，星期六下午突发灵感，写了一段JavaScript小脚本，可以用来判断用户的操作系统是否安装了某字体，代码非常简单，使用也非常方便，性能也比较快，兼容性也非常好，在一些特殊的交互场景非常有用。总之，希望本文的内容能够对您的学习有所帮助。
我的应用
我的应用