本次给大家分享的是常见的移动端单点触摸事件的设计思路及实践。 如图所示，我们在节点B上绑定touch事件，圆圈代表触摸点。 此时节点B有3个触摸点，即targetTouches数组有3项，分别储存着触摸点的信息，此时touches和targetTouches是相同的。 当我们将…

感谢翻译组的同学们一个月来的努力，文档终于全部翻译完毕啦，欢迎查阅~

github demo: github地址 如果对您有用，请顺手给个star... 本文主要以vue-cli3搭建的项目为例，来聊一下如何在项目中更优雅的使用svg。 众所周知，vue-cli3已经推出很长一段时间了，大家可以感受一下vue-cli3带来的零配置体验。But，也…

今天给大家分享的一个开源项目又是图表库，但是这个图表库真的很厉害，支持和兼容多种环境。它就是 F2。 F2，一个专注于移动，开箱即用的可视化解决方案，完美支持 H5 环境同时兼容多种环境（node, 小程序，weex）。完备的图形语法理论，满足你的各种可视化需求。专业的移动设计…

前端实现录音有两种方式，一种是使用MediaRecorder，另一种是使用WebRTC的getUserMedia结合AudioContext，MediaRecorder出现得比较早，只不过Safari/Edge等浏览器一直没有实现，所以兼容性不是很好，而WebRTC已经得到了所…

Async Clipboard API：异步剪贴板 API

使用Git差不多有一年了，命令行也用的越来越多，所以把工作中常用到的操作在这里总结一下，以便更好的回顾与查询。 $ git ci(commit) . # → 提交本次修改 (<commit>|HEAD)^n，指的是HEAD的第n个父提交，可以通过在“^”后面跟上一个数字，表示第…

工作的时候收到了UI的设计图，有一个类似进度盘（话说我也不大清楚官方叫法是啥）的效果。。就想起了荒废了好久的canvas。确认过效果，就用canvas来玩一下吧。。 确认了需要绘制的部分起码有6块。 接下来我们可以让进度条动起来。 经过的路程，在这就是角度degree，因为是进…

本文来自尚妆前端团队南洋 发表于尚妆博客，欢迎订阅。 图片流量优化 刷新一个页面消耗的流量除了脚本样式文件以外，大头其实在下载的图片。一张图片动辄几十kb，想尽办法优化样式、脚本文件所优化的图片流量其实还不如一张图片大。 本文从两个角度介绍如何对图片流量进行优化。本文进行图片流…