万家财经 > 资讯 > 焦点新闻 > d3.js和d3.min.js有什么区别

d3.js和d3.min.js有什么区别

chenologin2分享 时间:

d3.js和d3.min.js有什么区别

d3.js是开发期间使用的,里面的代码展示是用户友好的,便以阅读及调试。而d3.min.js是前者经过代码压缩而成的,文件较小,用以在应用发布后部署,可以节省网络传输流量,但相应的比较难以阅读。

本质没有区别,只是一个适合在开发时使用,一个在应用部署上线时使用。

d3.js与jquery的区别

d3.js和jQuery都有个相同之处,就是它们都是js界的著名工具库。但是它们所面对的领域不一样。

d3.js主要是做数据可视化的,也就是各种炫酷的图表,比如折线图、弦图、力导向图等等。而jQuery主要是做页面DOM控制、AJAX和动画的。

如何评价 D3.js 这个框架

d3.js的所有操作都是真实的dom操作,这和React的vdom完全是两个思路。 当然,d3.js也有可以先计算节点属性,最后挂上dom树的用法,只不过不常用。 操作SVG dom并不是什么了不起的,任何前端程序员操作都可以再短时间内学会操作SVG。 jQuery式的操作,在今天也不是什么先进的东西。 更何况d3的选择器,在我看来,并不是最适合它的交互方式。

webgl、three.js、d3.js这三者是什么关系?

  D3.js是一个数据可视化的库,看看他们的DEMO就可以知道,技术基础是SVG。兼容性是IE9+。

  webgl是HTML5中提出的新技术,是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,关于它的教程可以看看hiwebgl。目前兼容性堪忧

  three.js是以webgl为基础的库,封装了一些3D渲染需求中重要的工具方法与渲染循环。它的教程同样可以在hiwebgl里面找到。

  three.js之于webgl,类似于windows版本的虚幻引擎之于D3D。当然,虚幻引擎的能力范围比three.js大得多。d3.js跟上面两者没有关系。

如何使d3js的力学关系图固定下来

使d3js的力学关系图固定下来方法如下:

1、布局的事件

代码中,假设定义如下的布局:

d3.js和d3.min.js有什么区别

2、拖拽的事件

即设定当拖拽时调用函数 force.drag()。D3 中提供了3种拖拽事件:dragstart、dragend、drag。

d3.js和d3.min.js有什么区别

3、顶点的固定

使用布局转换数据之后,顶点有一个属性 fixed 。当这个值为 true 时,顶点就是固定不动的;为 false 时,它就是运动的。默认是 false 的。如果要改进【进阶 - 第 2.0 章】的代码,使得用户能够任意固定和解锁顶点,可添加代码如下

d3.js和d3.min.js有什么区别

113796