首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    D3 介绍

    D3 帮助你屏蔽了浏览器差异,做出来图案的效果可以说是炫目得一塌糊涂,可是代码却很简洁。在我第一次听人介绍 D3 的时候,确实被其示例震撼到了,大量的例子在这里可以找到。...这是 D3 以数据为核心的一个示意图,可以简单这样来解释:有一个选择区(selection),存在若干节点(node),因此可以容纳若干数据(data),最大可容纳数据的量等于节点的个数,即数据和节点一一对应...你可以用 D3 加上自己定义的 CSS 来创建 SVG 图案,浏览器未来的特性也会被 D3 封装起来给你用,这些事情无非是让你对 DOM 和其上的数据的操作换了一种形式而已。...D3 支持几种渐变的风格,帧速很高,实际上还是 CSS3 的渐变,但是对开发人员来说好用多了。 当然,直接拿 D3 来绘制图表可能会觉得繁琐,如果使用它的扩展就方便多了。...其实,我倒觉得还好,d3 功能比较强大,但是很多人不喜欢的主要原因是,这个东西是不符合人类常规思维的,它是那种以数据(以及容纳数据的容器)为核心的代码风格,以这个折线图为例: 如果用 SVG 来实现它的话

    1.3K20

    (干货)前端实现导出excel的功能

    前言 导出功能其实在开发过程中是很常见的,平时我们做导出功能的时候基本都是后台生成,我们直接只需要调一支接口后台把生成的文件放到服务器或者数据库mongodb中,如果是放到mongodb中的话,我们需要从...下面我们使用另一种 H5 的新特性blob[1]对象来实现一下导出功能。 什么是 Blob Blob() 构造函数返回一个新的 Blob 对象。blob 的内容由参数数组中给出的值的串联组成。...我们需要调取接口来获取导出文件的内容,如果我们先后端分离的话,我们需要接口给我们返回Buffer, Blob, DOMString类型的数据,DOMStrings会被编码为UTF-8。...blob = new Blob([接口返回的数据], { type: "application/vnd.ms-excel;charset=utf-8" }); 使用a标签,模拟点击a标签完成导出功能...document.body.removeChild(downloadElement); //下载完成移除元素 window.URL.revokeObjectURL(href); //释放掉blob对象 写在最后 导出功能多种多样

    1.3K10

    连续写了8个Excel导出功能,我决定把导出功能改造成注解的形式

    背景 由于分配的开发任务中,有8个地方需要Excel导出功能,我们来看看公司目前的导出技术,由于隐私原因,有些地方会有打码。...如下图: 然后获取要导出的数据,再将数据写入到Excel表格中。如下图: 每次导出都要写一个xSSFWorkbookHandler()方法。 每次开发导出功能都要这么写,我觉得好麻烦。...导出测试 下面是导出的Excel 下面我将介绍我的注解开发过程。...annotation(com.lvshen.demo.annotation.export.ExportExcel)") public void exportPointcut() { } 给被注解的方法增强功能...如果你对文中的导出功能感兴趣,可以去Github阅读注解导出源代码,地址为: “https://github.com/lvshen9/demo/tree/lvshen-dev/src/main/java

    45020

    React项目实现导出PDF的功能

    在做web项目中,有时候会遇到pdf导出的需求,现根据之前在公司的React项目中遇到的导出PDF需求,整理一个demo出来。...: import html2canvas from 'html2canvas'; import jsPDF from 'jspdf'; /** * 导出PDF * @param {导出后的文件名}...await pdf.save(`${title}.pdf`); } 3、在react组件中使用导出方法 在Article组件中使用导出功能 3.1、Article.jsx组件的代码: import...航空圈内传播的视频显示,在此次试飞前6天,也就是5月8日,这架东航首架C919飞机已经在上海浦东机场第五跑道进行了低、中速滑行试验,完成了飞机燃油、液压系统和刹车功能检查等项目。...航空圈内传播的视频显示,在此次试飞前6天,也就是5月8日,这架东航首架C919飞机已经在上海浦东机场第五跑道进行了低、中速滑行试验,完成了飞机燃油、液压系统和刹车功能检查等项目。

    2.2K10
    领券