本篇作为技术分享系列的第一篇，详细讲一下 SVG 的解析和绘制，这部分功能的研究和最终实现由团队的 @黄超超 同学负责，感谢提供技术文档和支持。 首先我们来看一下 SVG 的文件结构和组成SVG...

你怎么能提高网页性能？　　大多数开发者会通过JavaScript和图片来优化，通过服务器配置，压缩文件和合并文件 - 甚至调整CSS（合并小图片）。 　　可怜的HTML老是被忽视，尽管它一直是网络的核心语言。　　HTML正在变得越来越大...

最近更新了一波轻交互的公众号文章：第一期 超简单的AI自测题第二期 喵星人密信第三期 vim答题卡第四期 猜拳今天开始陆续更新一些教程《通过svg标签实现文章的点击交互功能》。 背景：微信文章只能放阉割版的svg，例如use...

有一个英语成语叫做一画胜千言（A picture is worth a thousand words），不知道大家有没有听过？它是指的是一张静态的图片就可表达一个复杂的概念或者与一个主题相关的图片有时比起详细的解释，能够更有效的描述有关主题。—...

软件的性能分析，往往需要查看 CPU 耗时，了解瓶颈在哪里。火焰图（flame graph）是性能分析的利器。本文介绍它的基本用法。一、perf 命令让我们从 perf 命令（performan...

摘要现在的营销活动，用一张简单的图片去吸引消费者已经远远不够，必须要有能给消费者带来视觉冲击的东西，或者在动画过程中提供更好的引导部分。手淘的前端团队经历了从Gif、视频到CSS Animation...

1.SitePoint Sass Reference(SitePoint站点的Sass手册)它是SitePoint自有的项目，是由我们的常驻高手Hugo Giraudel和Stu Robson，Si

首先是字体：如果把想要的字体引入到网页。第一步：下载字体文件，一般下载到的是.TTF文件，只有一个文件。第二步：把下载的字体，转换为其他格式，一般为了解决兼容性需要4-到5种文件格式，转换字体文件的程序比较多。比如这个网站h...

在IE4开始微软就已经开始支持在线字体，不过没有流行起来，直到CSS3新增加了font-face模块，正式纳入了web开发的标准。也渐渐流行起来而且发掘了很多其他应用。1. 为什么要用在线字体问题精灵图（雪碧图）用作背景的时候不能轻...

序言：首先，这是一篇学习 SVG 及 JS 动画不可多得的优秀文章。我非常喜欢 Ana Tudor 写的教程。在她的教程中有大量使用 SVG 制作的图解以及实时交互 DEMO，可以说教程的所有细枝末节都可以成为学习 SVG 以及 JS 画图的资...