草庐IT

flex布局之flex-direction

全部标签

javascript - 获取错误 Dropzone 已经附加了 Angular Directive(指令)

我正在为拖放区使用以下代码,但出现错误,我尝试对其进行调试,但我无法解决此操作请指导http://jsfiddle.net/anam123/rL6Bh/------------------->"Error:Dropzonealreadyattached.thrownewError("Dropzonealreadyattached.");"代码::https://gist.github.com/compact/8118670片段:/***AnAngularJSdirectiveforDropzone.js,http://www.dropzonejs.com/**Usage:****Dra

javascript - CSS 网格布局 - 如何使用 javascript 计算出鼠标所在的网格单元格?

“css网格布局”=https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout有谁知道用javascript来计算鼠标当前所在的列/行?我猜这样的事情是获取鼠标所在单元格的开始,但这只对大小相等的网格有用。MouseGridColumn=round(mouseX/(gridContainerWidth/gridTotalColumnsNumber))MouseGridRow=round(mouseY/(gridContainerHeight/gridTotalRowsNumber))有没有办法对不相等的单元格执行此操

javascript - 使用javascript更改键盘布局

我有一个html表单。用户可以用英语和波斯语填写表格。但我有一个验证码输入,用户应该用英文填写。如果用户的键盘布局是波斯语,在此字段中键入的内容应更改为英语,因此我需要一些代码来更改键盘布局以专注于此输入文本。是否可以使用javascript更改键盘布局?? 最佳答案 您将无法使用JS更改键盘布局,但您可以捕获keydown事件并将字符替换为如下内容:http://jsfiddle.net/SxdKZ/$('textarea').on('keydown',function(e){console.log(e.keyCode);if(e

javascript - d3 : Make a static directed graph

我想在d3中可视化一个20K节点的依赖关系图。力导向图,例如http://bl.ocks.org/mbostock/1153292对于这个数量的节点,在浏览器中呈现太慢。基本上我想表示节点包含文本和从一个节点到另一个节点的有向边,并添加缩放和平移功能。我怎样才能在d3中做到这一点? 最佳答案 这里有一个替代方案,它似乎没有使用强制来布置节点-没有弹跳,性能良好,并且内置了上传/下载工具。它的许可证是MIT/X:Interactivetoolforcreatingdirectedgraphsusingd3.jsdirected-gra

javascript - Angular : ng-controller on directive does not work on transcluded elements within directive

Here是我的脚本:angular.module('MyApp',[]).directive('mySalutation',function(){return{restrict:'E',scope:true,replace:true,transclude:true,template:'Hello',link:function($scope,$element,$attrs){}};}).controller('SalutationController',['$scope',function($scope){$scope.target="StackOverflow";}])和html:{{

javascript - d3-js 的 Force-Directed Layout 是否支持图像作为节点?

d3有ademoofaForce-DirectedGraphLayout.我希望图中的所有节点都是图像,而不是圆圈。所以,我变了.append("svg:circle").attr("class","node").attr("cx",function(d){returnd.x;}).attr("cy",function(d){returnd.y;}).attr("r",5).style("fill",function(d){returnfill(d.group);}).call(force.drag);到.append("xhtml:img").attr("src","http://a

javascript - 在 Angular Directive(指令)中将事件绑定(bind)到 $(document)

我有一个实现某种选择框的指令。现在,当Select框打开并单击它外部的某个地方(文档中的其他任何地方),我需要折叠。这个JQuery代码在我的指令中工作,但我想以“Angular方式”来做:$(document).bind('click',function(e){var$clicked=e.target;if(!$clicked.parents().hasClass("myClass")){scope.colapse();}});我尝试将$document服务注入(inject)我的指令,但没有成功。 最佳答案 我相信,最真实的An

Javascript 图形布局引擎

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describetheproblem以及迄今为止为解决该问题所做的工作。关闭9年前。Improvethisquestion我正在寻找可以进行图形布局的Javascript库/引擎。(当我说布局时,我的意思是在逻辑上很好地定位顶点。)我正在使用的图形都是m-ary树。M通常不超过5或6,但在某些情况下可以更大。我确实有一些我现在正在使用的东西,Graphvi

javascript - 检测浏览器中的 flex-wrap 支持

我正在从事一个元素,其中我有一个响应式网格,我使用flexwrap属性实现了该网格。由于我支持IE9和更低版本的Firefox,版本28及以下,我如何通过javascript找到对它的支持。目前我只能通过条件语句识别IE9浏览器,但现在有人知道如何通过javascript检测旧版本的Firefox吗。 最佳答案 我发现这是最简单的方法:vard=document.documentElement.styleif(('flexWrap'ind)||('WebkitFlexWrap'ind)||('msFlexWrap'ind)){ale

javascript - 创建自定义 d3 布局

我需要创建一个自定义的d3布局,它有点接近树状图,但采用三Angular形样式。这是一个屏幕截图,以便您可以理解:Pyramidlayout如您所见,它工作起来非常简洁,符合我的需要。为了对其进行编码,我将代码基于TreeMap布局代码:d3.layout.pyramid=function(){varhierarchy=d3.layout.hierarchy(),round=Math.round,size=[1,1],padding=0;functionpopulate(nodes,currentHeight,currentHeightPadded,currentBase,curren