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