本文系 D3.js 实战系列第二弹，主要讲述了如何让 svg 图形能够监听鼠标的事件进行缩放和平移，以及如何将对图形的初始化进行操作。

D3 名称的由来是 Data-Driven Documents，数据驱动文档。D3.js 是一个 JavaScript 库，支持基于数据操作文档。通过使用 HTML、SVG 和 CSS 能够让数据有效的展示。D3 强调 web 标准，提供了全部现代浏览器的能力而不需要我们受限于框架，为操作 DOM 提供了结合了强大的可视化组件和数据驱动的方案。

D3 允许将任意数据绑定到 DOM，然后基于数据高效操作文档，具有开销小、速度快，支持大型数据集以及交互和动画的动态行为。

本文是笔者了解 D3 的第一步，同时也会介绍 D3 的一个核心 API：selections。

作为程序员 Git 操作肯定不能少，笔者通过对Pro Git Book的通读总结了一部分对日常工作中可能忽视但是很好用的 Git 操作，希望能对你有所帮助。

最近花了丢丢时间稍微整理了下前端项目的规范，包括编码格式、提交规范等等，做了个小记录。

本文是笔者花了点时间重新学习了下 javascript 中的事件循环总结的个人博客，本文的例子是网上摘录，仅供学习哈～

本文主要对 CSS 中的 transform、translate、transition 和 animation 这些容易混淆的属性进行梳理归纳，希望帮你一文搞定这些属性。

背景

近日收到产品的反馈，说小程序商品列表页中的商品卡片连续快速点击跳转商品详情页的话有时会出现两次跳转。小程序跳转为什么会跳转两次呢，如果这问题存在，小程序其他涉及跳转的地方是否都会有这问题呢？带着疑问，笔者开始了对项目此部分的探究。

在 React 数据流中，props 是父子组件交互的唯一方式，要修改一个子组件只能通过改变 props 重新渲染。而 refs 提供了另一种方式，允许我们操作 DOM 元素和组件实例，及 Refs 提供了一种获取在渲染过程中生成的 DOM 节点和 React 元素的新方式。

背景：在前端的项目中，可能会遇到需要在一个项目中内嵌另一个完整项目。今天我们就来讨论讨论利用 iframe 内嵌项目的路由处理。

首先内嵌项目和被内嵌项目都有各自的路由，并均配有路由跳转。假定我们现有两个 umi 项目 A 和 B 并且均已部署发布，url 分别为https://www.myProjectA.com和https://www.myProjectB.com，需要将项目 A 内嵌至项目 B 的https://www.myProjectB.com/iframe页面中。

npm 是 Node.js 的包管理工具，在实际使用过程中，我们经常会用 npm install 命令安装依赖包。

npm 官方对包也做了定义，戳此进：