前言 HTML5 中提供的文件API在前端中有着丰富的应用，上传、下载、读取内容等在日常的交互中很常见。而且在各个浏览器的兼容也比较好，包括移动端，除了 IE 只支持 IE10 以上的版本。想要更好地掌握好操作文件的功能，先要熟悉每个API。 FileList 对象和 file …

之前攒的满满的SVG+CSS3做动画的技能一直未能放个大招，理由很简单，因为本身从事行业的性质，软件里不能出现劳什子动画这等花里胡哨的东西，哦，不不，叫隐喻行为引导的趣味化。用canvas实现了一个科技感满满的动态绘制背景的登录页面，因为渲染占了20M内存，20M啊筒子们，那就是…

HTML5 Canvas制作雷达图实战

在awesomes上寻找移动端框架的时候意外发现了vux的页面切换效果，后面由于其他考虑没有选用vux但是这个切换效果确实感觉很有新意，也就看了下源码，这里贴一份备用。

之前也介绍过我们团队的前端项目从零开始经历8个月迭代业务代码10万行(仅为产品长期规划需求的20%)，至今仍然在不断迭代的过程。 PS: 不管对于何种语言，重构都是软件开发过程中不可或缺的一部分。如果已经了解重构的基础，可以直接跳往至文章后面的重构案例部分。 随着业务需求的不断…

前段时间遇到了一个移动端对图像进行裁剪、压缩、旋转的需求。 考虑到已有各轮子的契合度都不高，于是自己重新造了一个轮子。 在HTML5时代，canvas的功能已经非常强大了，可以进行像素级的操作。像图像裁剪、压缩就都是基于canvas来实现的。 关于其中原理，无非就是利用canv…

作者：滴滴webapp架构组-付楠 BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件（GitHub地址），适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。 为了满足这些场景，它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置，让滚动…

移动端已经为我们提供了touchstart,touchmove,touchcancel和touchend四个原生触摸事件。但一般情况下很少直接用到这几个事件，诸如长按事件等都需要自己去实现。不少开源的项目也实现了这些功能，如zepto的Touch模块以及hammer.js。本文…

我的github博客地址 https://github.com/hujiulong/... 在前端开发中，贝赛尔曲线无处不在： 它可以用来绘制曲线，在svg和canvas中，原生提供的曲线绘制都是使用贝赛尔曲线 它也可以用来描述一个缓动算法，设置css的transition-t…