很多爆款H5的一些酷酷的场景变换很多都是视频实现的，但是，视频的实现也有局限，如iOS下不能自动播放，动态数据不支持等，此时又当如何处理呢？
我们可以使用序列图片，通过JS脚本，来模拟视频播放效果，以上所有局限将通通可以规避。实现的方法很多，但是很多平时可以的方法在这种场景下会有性能跟不上的问题，那有没有什么高性能的实现方法呢？有……
JS检测PNG图片是否有透明背景、抠图等相关处理
2018年05月1日 by 阅读 58085 次, 今日 38 次用户上传图片，如果是PNG图片，有时候我们希望这张PNG图片背景不要是透明的，有时候又希望是透明的，有没有什么方法可以直接在前端就检测出是否是含透明区域的图片，以及做出相关的体验优化处理呢？如果非透明图片想要非常方便快速变成透明图片，又当如何处理呢？本文会提供详尽的解答，丰富的配图，必要的源代码，希望本文的内容能够对您的学习有所帮助！
文章文档标题自动生成导航jQuery小插件titleNav.js
2018年04月30日 by 阅读 29236 次, 今日 29 次技术文档，或者一些官网首页，重展示，基本上都是一个<section>一个<section>的段落组成，每个段落会有一个标题，此时页面往往会很长很长，如果用户阅读时候关心的只是中间某个段落，则交互体验并不友好，此时，就需要有一个页面内的标题导航，用户直接点击导航菜单，就能定位到对应的标题，此时阅读起来就省心多了……
Service Worker实现浏览器端页面渲染或CSS,JS编译
2018年04月24日 by 阅读 37023 次, 今日 24 次Service Worker提供了一种能力，可以fetch请求的资源，然后后Service Worker中进行编译或转化，返回处理后的其他资源，这种特性可以用来实现各种资源的在线的客户端编译，本文就将抛砖引玉，通过两个应用案例，展示未来web开发可能的面貌。
简单了解ES6/ES2015 Symbol() 方法
2018年04月10日 by 阅读 48574 次, 今日 28 次Symbol是JavaScript ES6新出现的一个的原生数据类型（primitive data type），作用是什么？有什么特性？本文就将简单介绍相关知识，希望能够对您的学习有所帮助。
小tips: 纯前端JS读取与解析本地文本类文件
2018年03月27日 by 阅读 56576 次, 今日 30 次所谓文本类文件，指MIME Type为text/*文件，例如，CSS文件（text/stylesheet），JS文件（text/javascript），HTML文件（text/html），txt文本（text/plain）等等。
在现代浏览器下，我们可以直接对这些文件进行处理，无论是通过type=file表单元素还是从桌面拖拽到网页中都是可以的……
AMCSS（CSS属性模式）开发简介
2018年03月25日 by 阅读 22986 次, 今日 25 次AMCSS是Attribute Modules for CSS的缩写，表示借助HTML属性来进行CSS相关开发。传统我们多个模块特性是通过多个类名进行控制的，而AMCSS则是基于属性控制……
几种CSS渐变背景图片transtion动画方法
2018年03月25日 by 阅读 54071 次, 今日 34 次background-image不支持CSS3 transition，因此，当CSS3 gradient渐变作为背景图片存在的时候，直接设置transition是不会有过渡效果的，那该怎么办呢？
借助SVG文字尺寸自动缩放甚至突破Chrome 12px限制
2018年03月24日 by 阅读 37873 次, 今日 30 次文字大小尺寸跟着容器的尺寸变化。这对于一些需要尺寸自适应的slogon内容就很实用，例如移动端320~414宽度间的自适应。纯CSS可以实现，但如果局部自适应实现就比较麻烦，canvas则效果不好，SVG实现则兼顾两者的优点……
借助Web Animations API实现JS keyframes动画
2018年03月23日 by 阅读 30714 次, 今日 31 次用一句话解释Web Animations API就是把CSS3实现的animation动画变成有JS代码实现。
各有优势。CSS3 Animations动画简单，灵活，复用性强，非常适合静态动画效果；Web Animations参数由JS控制，与单个元素绑定，因此非常适合不固定的动态动画效果，例如随机动画……
我的应用
我的应用