JS
文章平均质量分 50
Kotomi_5555
这个作者很懒,什么都没留下…
展开
-
关于本地文件请求json文件
因为需要用到json数据格式,上网查了一下例子之后我就想本地测试一下看能不能成功。 结果,chrome下没有任何反应,打开控制台之后报错如下:XMLHttpRequest cannot load file:///E:/project/info.json. Cross origin requests are only supported for转载 2016-11-23 18:01:12 · 4389 阅读 · 1 评论 -
多样foci力布局(Multi-Foci Force Layout)
http://bl.ocks.org/mbostock/1021841// 把节点聚集在四个区块 var k = 6 * e.alpha; nodes.forEach(function(o, i) { o.y += i & 1 ? k : -k; o.x += i & 2 ? k : -k; }); //四个区块颜色不同.style("fill", function(d原创 2017-01-05 10:21:12 · 358 阅读 · 0 评论 -
prompt+date.now打字计时器
挺有趣的一个交互,记录一下var start = Date.now();var response = prompt("What is your name?", "");var end = Date.now();var elapsed = (end - start) / 1000;document.write("You took " + elapsed + " seconds"原创 2017-01-06 21:54:37 · 506 阅读 · 0 评论 -
d3 齿轮的代码理解
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; width: 960px; height: 500px; position: relative;}form { position: absolute; top: 1em; left: 1em;}path { fill-r原创 2017-01-06 23:00:51 · 471 阅读 · 0 评论 -
js语言特性的理解
闭包性,是缺点也是优点。应用场景:封装成私有成员变量,保证变量的安全性。原创 2017-02-10 15:32:45 · 5785 阅读 · 0 评论 -
jQuery的deferred对象详解
具体查看:http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html引言:jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能----de转载 2017-02-26 16:49:33 · 192 阅读 · 0 评论 -
d3 数据转换
需求:将如下csv格式的数据转化成hierachy结构的node和linkname,parent,value陈洁琼,钱俊,陈洁琼,0.398刘畅,陈洁琼,0.872杨柳,陈洁琼,0.457朱小丽,陈洁琼,0.784李萍,陈洁琼,0.734吕合金,陈洁琼,0.548周欣欣,陈洁琼,0.632谭超,陈洁琼,0.324李时俊,陈洁琼,0.376刘阔,陈洁琼,0.876莊.婧,陈洁琼,0.654顾子生原创 2017-02-27 11:24:44 · 1430 阅读 · 0 评论 -
浏览器清理缓存
问题:前端开发时经常会遇到更新后台数据,但是浏览器刷新页面时没有变化需求:清楚浏览器缓存解决方案:这里是chrome浏览器参照1.F12打开开发者模式2.点击下图3.勾选下图的checkbox原创 2017-02-27 11:35:41 · 414 阅读 · 0 评论 -
svg 画箭头
引入:有下面的知识整理,是因为今天看了群里面的一个问题:给力引导图增加一个箭头,但是在IE中不支持。为了解决这个问题,需要自己话三角形箭头,然后移到自己想要移的位置。具体要考虑的数理问题是:如何计算偏移量:绕某个点的旋转度----cosABC=向量AB向量BC/|AB|*|BC|注意点:E 不是不支持箭头,是不支持defs 与marker-endMethod Draw –原创 2017-04-07 15:35:45 · 6144 阅读 · 0 评论 -
关于配色的API
关于配色的APIhttps://github.com/d3/d3-scale-chromatic#schemeAccent原创 2017-03-27 12:14:04 · 529 阅读 · 0 评论 -
Sticky Force Layout
node = node.data(graph.nodes) .enter().append("circle") .attr("class", "node") .attr("r", 12) .on("dblclick", dblclick) .call(drag);var drag = force.drag().on("dragstart",转载 2017-01-05 10:05:24 · 253 阅读 · 0 评论 -
JavaScript中eval()、with()和reduce()的用法
http://blog.csdn.net/f247316233/article/details/524450401、eval()的用法 eval(string)函数可计算某个字符串,并执行其中的JavaScript代码。参数string只能是原始字符串,不能是String对象。 document.write(eval('2+2') + ''); // 4转载 2016-12-27 21:33:20 · 333 阅读 · 0 评论 -
js的浅拷贝,深复制
浅拷贝,拷贝的是一个数组:var arr = ["One","Two","Three"];var arrto = arr;arrto[1] = "test";document.writeln("数组的原始值:" + arr + "");//Export:数组的原始值:One,test,Threedocument.writeln("数组的新值:" + arrto + "");//E转载 2017-01-04 18:09:32 · 171 阅读 · 0 评论 -
js ==与===的区别
1、对于string,number等基础类型,==和===是有区别的1)不同类型间比较,==之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等2)同类型比较,直接进行“值”比较,两者结果一样2、对于Array,Object等高级类型,==和===是没有区别的进行“指针地址”比较3、基础类型与高级类型,==和==转载 2016-11-23 20:53:32 · 260 阅读 · 0 评论 -
安装node.js
1、安装node.js2、配置环境,测试用node指令能否创建服务器(百度环境配置)3、将node.js作为buildsystem放入sublime里,ctrl+b执行,可在执行台看到输出。原创 2016-11-27 12:32:51 · 221 阅读 · 0 评论 -
代码校验工具 SublimeLinter 的安装与使用
参考以下网址,详细说明了node.js里的jshint和sublime里的jshint的关系:jshint是sublimelinter的插件,要激活这个插件需要结合node.js,相应node.js里的jshint。https://gaohaoyang.github.io/2015/03/26/sublimeLinter/原创 2016-11-27 22:34:16 · 1524 阅读 · 0 评论 -
d3.partitioin知识整理
# partition.nodes(root)运行分区布局,将返回指定根节点 root 的相关联的节点阵列数组。分区布局是D3家族(hierarchical layouts)中的一部分。这些布局将遵循相同的基本结构:传递给布局的输入参数值是层次结构的根节点,并且输出返回值将是一个代表所有节点经过计算的位置的数组。每个节点上将拥有以下几个属性:parent - 父节点,或空的根节点。原创 2016-11-27 11:20:44 · 382 阅读 · 0 评论 -
js console.log机制
两个对象,显示出来的属性不一样多,但是点进去之后属性是一样的。这个怎么解释?console.log只是输出一个对象的引用,鼠标点开的时候,会去内存里取这个引用,取到的是最后的值。你两次consoel.log的是同一个变量,所以log出来的是同一个对象的引用解决: function recurse(node) { if (node.children) nod原创 2017-01-04 10:35:17 · 2362 阅读 · 0 评论 -
关于力导向图
今天自己写了一个力导向图,也算花了大半天时间才搞定细节东西。修改了一些bug,如下:1、只出现一个点,因为function(d){return d.target.id;})没有定义id属性,所以只出现一个。2、attr("class","node"),写错:attr("attr",".node")3、关于节点整理,从json里面读取的是一个对象--一个节点,要将里面每一个子节点都定义出原创 2017-01-04 17:38:52 · 2663 阅读 · 0 评论 -
树---让子节点隐藏,出现
// Toggle children on click. 让子节点隐藏,出现function click(d) { if (d3.event.defaultPrevented) return; // ignore drag if (d.children) { d._children = d.children; d.children = null; } el原创 2017-01-04 17:47:11 · 2398 阅读 · 0 评论 -
运算符||和|
单竖杠的运算规则看了上面的例子,大体知道单竖杠可以进行取整运算,就是只保留正数部分,小数部分通过拿掉,但是“|0”,又是如何进行运算的呢,为什么能“|0”能达到取整的目的呢?单竖杠不是0有会是多少呢?带着这些问题,我们看下面例子:console.log(3|4); //7好吧,我在这里公布答案吧。其实单竖杠“|”就是转换为2进制之后相加得到的结果。例如我们拿简单转载 2017-01-04 17:51:51 · 316 阅读 · 0 评论 -
实现两个文件同步读取
//实现两个文件一起读取var getCsv = function (csvUrl) { var defer = $.Deferred(); d3.csv(csvUrl, function (error, rows) { if (error) { defer.reject(error); } defer.re原创 2017-04-26 12:13:51 · 804 阅读 · 0 评论