微信更新后，发现多了个悬浮窗功能。公众号阅读，网页浏览回退后默认会出现。再点击，可以回到刚才阅读的地方。于是，再也不会遇到回复老婆的信息，再切换回来重新找刚才阅读东西的麻烦了。我个人觉得是很有用的一个功能。
其交互效果，也被不少人称赞。例如，窗口会收缩到悬浮按钮中，悬浮按钮可以拖到右下角取消浮窗。这些交互效果呢，使用web前端技术也是可以实现，有demo，有截图，有必要的源代码展示，希望本文的内容能够对您的学习有所帮助。
“js实例”目录存档
微信网页悬浮窗交互效果的web实现
2018年06月6日，星期三突破本地离线存储5M限制的JS库localforage简介
2018年06月4日，星期一说到本地存储数据，我们首先想到的是localStorage，应该很多小伙伴都用过，使用很简单。然而，localStorage却有不少确定，如存储容量限制，只支持字符串等。localforage的作用就是用来规避上面localStorage的缺点，同时保留localStorage的优点而设计的。具体是怎么规避的呢？最终使用效果又是怎样？
即将为你揭晓……
JS实现照片图片变成黑白线条线稿
2018年06月3日，星期日本文演示如何使用JS实现照片图片变成黑白线稿图片效果，照片变成黑白简单线条有什么用呢？我能想到的就有5个用途，具体是什么，不妨进来看一看~
小tips: 点击页面出现富强、民主这类文字动画效果
2018年05月31日，星期四如何实现点击页面出现富强、民主这类文字动画效果？很简单，复制本文提供的源代码，效果立即就出现了。快进来看看怎么实现的吧？
不借助Echarts等图形框架原生JS快速实现折线图效果
2018年05月25日，星期五不借助Echarts等图形框架原生JS快速实现折线图效果，文章本身没什么，关键文章底部有个有奖竞猜，猜中有机会免费赠送《CSS世界》签名版，要不过来试试。
二次元live2d看板娘效果中的web前端技术
2018年05月21日，星期一想要在网页中插入看板娘效果，其实很简单，复制复制，粘贴粘贴代码就有了。但具体原理和技术实现是怎样的呢？本文就将介绍Live2D相关技术以及在web网页中的应用。有非常卡哇伊的demo，有必要的截图和源代码展示，希望本文的内容能够对您的学习有所帮助。
在同事的安利下，试用了下接口管理平台YApi
2018年05月9日，星期三在同事的安利下，试用了下接口管理平台YApi，用了下，还行。自己写高保真的交互原型，需要可以有相当真实的API请求数据，例如出错，请求延时模拟，极端数据处理等。YApi正好可以满足这方面的需求，特记录与分享下。
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脚本，来模拟视频播放效果，以上所有局限将通通可以规避。实现的方法很多，但是很多平时可以的方法在这种场景下会有性能跟不上的问题，那有没有什么高性能的实现方法呢？有……
我的应用