举个栗子jvgelizi

逐帧动画，设置素材图片在每一帧的位置移动。 刚开始的思路是把素材图片作为动画区域的background-image，然后再通过animation来改变background-position。但是实际操作之后发现这样做实际上是平滑过渡，没有达到我想要的效果，后来了解到了steps…

昨天读了大漠老师的《CSS现状和如何学习》一文，遇到了一个让我“翻车”的问题。

上一篇，我们已经构建了一个基本的平面直角坐标系。本篇主要讲讲给如何给坐标系加上数据和过渡动画。 SVG画布的坐标始于整个画布的左上角（0，0），而止于右下角 （width, height），即画布的宽度和高度。 line：直线元素。创建一条起点位于(x1, y1)，而终点在(x…

首先，读到这儿，已经基本知道了d3的基本语法和套路。 在此之前的示例都是使用纯粹的HTML，由本文开始，正式引入SVG的概念，以后的所有示例均使用SVG模式。 SVG（Scalable Vector Graphics），即可缩放矢量图形。是W3C颁布的一种成熟标准，用用于规范网…

接上回的enter-update-exit模式，其实看书上的概念的话也不难理解，就是把整个图表的的生命周期分为进入-更新-退出三个阶段，再换句话说，可以把这三个阶段理解为三个函数，在不同生命周期执行相

d3.js：可以把D3理解为一种思路或者说是“风格”，d3.js正是基于这种“风格”开发的JavaScript库。 说到JavaScript的库，就不得不提起jQuery，作为最知名的JavaScript库，没有之一。即使是在现今前端主流SPA框架盛行的情况下，它仍然有这不可替…

回顾一下web页面布局的历程，于我个人而言，经历了最开始的学习计算机编程时的table布局和基础的div+css布局，再到后来的flex弹性盒布局。div+css布局给web页面布局带来了更多可能，解决了table布局的局限性。页面是以代码的自上而下的文档流的形式呈现的，所以d…

上篇说到，怎么安装配置PowerLine插件，顺利的话，来看我这篇文章的大佬你应该已经搞好了。本来我也是打算装完就OK了，但是，今天用了一下感觉仍然不是很舒服，原因在于输入行的文件路径显示太长了，导致文字换行看起来特别别扭，再加之我平时一般都是要同时分屏开好几个窗口，于是它在我…

iTerm是Mac下的一个终端工具，之所以喜欢用这个呢，正经说，是因为这个比自带的终端更加好(ku)用(xuan)。之前配置过一些插件，但是最近偶然在网上发现，好多大佬配置的比我自己搞的这个更加酷炫，于是乎，决定跟着弄一下。 咋样？好看吧，不仅可以清晰的知道自己所处的目录，还能…