小编Iva*_*her的帖子

我正在创建一个模态:

var modal = $modal.open({
                    templateUrl: "/partials/welcome",
                    controller: "welcomeCtrl",
                    backdrop: "static",
                    scope: $scope,
                });

有没有办法增加它的宽度？

是否可以对es6地图对象的条目进行排序？

var map = new Map();
map.set('2-1', foo);
map.set('0-1', bar);

结果是:

map.entries = {
    0: {"2-1", foo },
    1: {"0-1", bar }
}

是否可以根据键输入条目？

map.entries = {
    0: {"0-1", bar },
    1: {"2-1", foo }
}

在一个指令中,我想创建一个div并将其附加到文档中.我究竟做错了什么？

var mover = angular.element('<div></div>');

    mover.css({
      position: 'absolute',
      top: '0px',
      bottom: '0px',
      left: '33px',
      width: '50px',
      background: 'blue',
      zIndex: '2'
    });

    $document.append( mover );

我想遍历HTML 5文件系统中的所有文件,并在迭代完成后启动一些事件.因为这是异步+承诺我很难尝试掌握它应该如何工作.

我正在使用angularJS并创建了一个服务来封装html 5文件系统特定的功能.

这是递归函数:

function walkDirectory(path) {

    fileSystem.getFolderContents(path) //this is the services and it returns a promise containing all files in the current folder or directory
        .then(function(entries) {

            for (var i = 0; i < entries.length; i++) {

                if(entries[i].isFile) {
                    console.log("is File: " + entries[i].name);
                    //do something with file here
                } 
                else if (entries[i].isDirectory) {
                    console.log("is Dir: " + entries[i].name);
                    walkDirectory(entries[i].fullPath);
                }
            }
        });
};

理想情况下,我想像这样调用函数,并让它返回一个在遍历所有文件后执行的promise.

walkDirectory("/").then( function() {
  console.log(done);
});

任何提示/想法如何实现这一目标？

一个想法是拥有一个promises数组,并为每个文件/目录的数组添加一个新的promise.我的尝试:

function walkDirectory(path) {

    var defer= $q.defer(); …

有没有办法在使用ace编辑器时删除行号？

与删除打印边距类似,如下所示？

editor.setShowPrintMargin(false);

我用JSPM成功导入了一个js 3d渲染库,如下所示:

import THREE from 'three.js/build/three';

我还想为Three.js导入轨道控件插件

import OrbitControls from 'three.js/examples/js/controls/OrbitControls';

但这会引发错误,因为插件没有引用库

Uncaught ReferenceError: THREE is not definedOrbitControls.js:24 (anonymous       function)system.src.js:2187 doEvalsystem.src.js:2153 __evalsystem.src.js:212 asystem.src.js:1019 global.e.metadata.format.e.metadata.executesystem.src.js:540 csystem.src.js:403 ssystem.src.js:715 executees6-module-loader.src.js:1879 oes6-module-loader.src.js:1927 pes6-module-loader.src.js:1701 jes6-module-loader.src.js:1749 kes6-module-loader.src.js:1575 (anonymous function)es6-module-loader.src.js:1177 Oes6-module-loader.src.js:1136 Kes6-module-loader.src.js:927 y.whenes6-module-loader.src.js:818 v.runes6-module-loader.src.js:97 a._draines6-module-loader.src.js:62 draines6-module-loader.src.js:267 b
es6-module-loader.src.js:139 Potentially unhandled rejection [2] Error loading "github:mrdoob/three.js@master/examples/js/controls/OrbitControls" at http://localhost:8080/jspm_packages/github/mrdoob/three.js@master/examples/js/controls/OrbitControls.js
Error loading "github:mrdoob/three.js@master/examples/js/controls/OrbitControls" from "app/main" at http://localhost:8080/app/main.js
Error evaluating http://localhost:8080/jspm_packages/github/mrdoob/three.js@master/examples/js/controls/OrbitControls.js
Uncaught ReferenceError: THREE is not defined (WARNING: non-Error used)

该插件为库添加了更多功能,如下所示:

THREE.OrbitControls = function ( object, domElement ) { ... } …

我在画布上画了 4 个矩形。每个都有不同的颜色：

Rectangle 1: rgb(38, 94, 33)
Rectangle 2: rgb(96, 231, 42)
Rectangle 3: rgb(190, 152, 213)
Rectangle 4: rgb(57, 93, 254)

现在，如果我获得使用 绘制这些矩形的像素的 rgb 值ctx.getImageData()。RGB 值与我设置的值不对应。

let imgData1 = ctx.getImageData(50, 50, 1, 1).data;
let imgData2 = ctx.getImageData(150, 50, 1, 1).data;
let imgData3 = ctx.getImageData(250, 50, 1, 1).data;
let imgData4 = ctx.getImageData(350, 50, 1, 1).data;

rgb(39, 94, 32)     --> should be rgb(38, 94, 33)
rgb(97, 231, 43)    --> should be rgb(96, 231, 42)
rgb(191, 152, 212)  --> …

我创建了一个带有大型分层数据集的圆形包装布局。下图显示了它的样子。每个圆圈中的数字对应于叶节点的数量。

每个叶节点的初始值均为 1。然后布局计算每个节点的 r、x 和 y。

let root = d3.stratify()
  .id((d) => d.id)
  .parentId((d) => d.parent)
  (data)

root
  .sum(d => d.children ? 0 : 1)
  .sort((a, b) => b.height - a.height || b.value - a.value)

pack(root)

这里的问题是最大圆的大小不正确。它的值只有 1271，因此它应该小于值为 1364 的圆。因此，可视化具有误导性。

现在，如果我修剪层次结构并删除根子节点的所有子节点，则每个圆圈的大小都是正确的。但这不允许我放大并显示节点的子节点。由于它们的 x、y 和 r 尚未计算。

root
  .sum(d => d.children ? 0 : 1)
  .sort((a, b) => b.height - a.height || b.value - a.value)

root.children.forEach( child => {
  delete child.children
})

pack(root)

我知道上述问题只是空间填充圆填充算法的限制。事实上，这篇文章已经很好地解释了这一点。

圆形堆积只能表示具有恒定面积比例因子的一代或所有叶节点 - 不能同时表示两者。这两种方法都可以通过 d3.pack 来完成

圆形堆积可以按比例表示任一叶或一代的直径。同样，这两种方法都可以通过 …

我试图允许用户将包含javascript文件的文件夹拖放到html 5页面.这就是我目前拥有的:

$scope.files = [];

//Establish dropzone
var dropbox;
dropbox = document.getElementById("fileDragAndDrop");
dropbox.addEventListener("dragenter", dragenter, false);
dropbox.addEventListener("dragover", dragover, false);
dropbox.addEventListener("drop", drop, false);

//Events
function dragenter(e) {
    e.stopPropagation();
    e.preventDefault();
};
function dragover(e) {
    e.stopPropagation();
    e.preventDefault();
};
function drop(e) {
    e.stopPropagation();
    e.preventDefault();

    var items = e.dataTransfer.items;

    for (var i = 0, item; item = items[i]; i ++) {
        var entry = item.webkitGetAsEntry();

        if(entry) {
            traverseFileTree(entry);
        }
    }
};

//resursive file walker
function traverseFileTree(item) {
    if(item.isFile) {
         $scope.$apply(function () {
            $scope.files.push(item);
         });
    } else …

我创建了一个组条形图（img 1）并用于coord_flip()将组条形移动到 y 轴。我注意到coord_flip()它还重新排序了每个条在组中的显示方式。

例如，在 img 1 条中，从 AD 组流出。但是，在 img 2 中，条形图来自 DA 组。如何使用 保持每个组中条形的相同顺序coord_flip()？

ggplot(all_Q, aes(x=qid, y=correct_per, fill=group)) + 
  geom_bar(stat="identity", position="dodge")

ggplot(all_Q, aes(x=qid, y=correct_per, fill=group)) + 
  geom_bar(stat="identity", position="dodge") +
  scale_x_discrete(limits = as.character(16:1)) +
  coord_flip()

工作示例（数据子集——问题 8-11）

dput() output:

structure(list(group = structure(c(1L, 2L, 3L, 4L, 1L, 2L, 3L, 4L, 1L, 2L, 3L, 4L, 1L, 2L, 3L, 4L), .Label = c("A", "B", "C", "D"), class = "factor"), correct_per = c(90.4761904761905, 100, 100, 87.5, 83.3333333333333, …