D3.js实战系列2--缩放&平移
本文系 D3.js 实战系列第二弹,主要讲述了如何让 svg 图形能够监听鼠标的事件进行缩放和平移,以及如何将对图形的初始化进行操作。
本文系 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
页面中。