小编Dra*_*fly的帖子

仅使用CSS交换DIV位置

我正在尝试交换两个divs位置以进行响应式设计(网站看起来不同,具体取决于浏览器的宽度/移动设备的好处).

现在我有这样的事情:

<div id="first_div"></div>
<div id="second_div"></div>
Run Code Online (Sandbox Code Playgroud)

但是,是否可以交换他们的展示位置,使其看起来像是second_div第一个,仅使用CSS?HTML保持不变.我尝试过使用花车和东西,但它似乎没有按照我想要的方式工作.我不想使用绝对定位,因为divs 的高度总是在变化.有没有解决方案,或者没有办法做到这一点?

css responsive-design

70
推荐指数
7
解决办法
12万
查看次数

在将数组拼接分配给自身时,Javascript控制台打印无法正常工作

当我这样做:

var testArray  = ["a","b","c"];
console.log(testArray);
console.log("size:" + testArray.length);
Run Code Online (Sandbox Code Playgroud)

我把它印在我的控制台上:

["a", "b", "c"]
size:3 
Run Code Online (Sandbox Code Playgroud)

这很好.但是现在我开始拼接这个:

var testArray  = ["a","b","c"];
console.log(testArray);
console.log("size:" + testArray.length);
testArray = testArray.splice(0,1);
Run Code Online (Sandbox Code Playgroud)

这恰好在我的控制台中显示:

["b", "c", undefined × 1]
size:3 
Run Code Online (Sandbox Code Playgroud)

所以第一个问题是,为什么即使拼接在打印之后它也会弄乱我的阵列打印?大小显示正确,但"a"消失了,我最后得到一个未定义的.

所以我想要做的是删除数组中的第一项.基本上是一个转变.所以我这样做:

var testArray  = ["a","b","c"];
console.log(testArray);
console.log("size:" + testArray.length);
testArray = testArray.splice(0,1);
console.log(testArray);
console.log("size:" + testArray.length);
Run Code Online (Sandbox Code Playgroud)

这就是输出的内容:

["b", "c", undefined × 1]
size:3
["a"]
size:1 
Run Code Online (Sandbox Code Playgroud)

不仅大小减少了2,它还删除了除"a"之外的所有内容.到底是怎么回事?

javascript arrays

19
推荐指数
1
解决办法
3万
查看次数

如何用grep打印出唯一匹配的数量?

假设我有数百万个数据包要查看,我想看看数据包被发送到某个端口号的次数.

以下是一些数据包:

10:27:46.227407 IP 85.130.236.26.54156 > 139.91.133.120.60679: tcp 0
10:27:46.337038 IP 211.142.173.14.80 > 139.91.138.125.56163: tcp 0
10:27:46.511241 IP 211.49.224.217.3389 > 139.91.131.47.6973: tcp 0
Run Code Online (Sandbox Code Playgroud)

我想在这里查看第二个端口号,这样:

60679,53163,6973等

所以我可以用:

grep -c '\.80:' output.txt
Run Code Online (Sandbox Code Playgroud)

计算端口80的所有时间.但有没有办法显示所有使用的端口以及在此文件中找到的端口数.像这样的东西,也是最好的排序,所以我可以看到最常使用的端口:

.80: - 54513
.110: - 12334
.445: - 412
Run Code Online (Sandbox Code Playgroud)

regex sorting grep count

18
推荐指数
1
解决办法
3万
查看次数

仅在按键输入时更新AngularJS ng-model?

我有一个用于搜索的输入字段:

<input id="search_input" type="text" ng-model="filter.search_terms">
Run Code Online (Sandbox Code Playgroud)

我还使用了许多其他过滤器(复选框,收音机等),我在过滤器上有一个$ watch,所以任何更改都会触发搜索.问题是我不希望每次输入一个字母时都要搜索文本字段,只希望只有在按Enter键时才将其"保存"在filter.search_terms上.

是否有一种简单的方法可以执行此操作,还是必须删除ng-model并使用将其设置为输入的功能进行ng-click?

angularjs angular-ngmodel

15
推荐指数
3
解决办法
2万
查看次数

AngularJS如何为Bootstrap模式创建可重用的模板

所以我使用的是AngularJS Bootstrap模式(http://angular-ui.github.io/bootstrap/).哪个工作正常,但我想知道我是否可以创建一个可以接收标题和内容的基本模板.

然后它将使用这些信息填充我的模板.该模板将有一个关闭按钮,取消按钮,叠加等.有一个简单的方法来做这个AngularJS?

这是从示例中获取的,它是关于我拥有的.我的内容在templateUrl中.传递模态模板会很好,所以我不必为我创建的每个模态重新创建标题和关闭按钮.

var modalInstance = $modal.open({
  templateUrl: 'myModalContent.html',
  controller: ModalInstanceCtrl,
  size: size,
  resolve: {
    items: function () {
      return $scope.items;
    }
  }
});
Run Code Online (Sandbox Code Playgroud)

javascript angularjs angular-ui-bootstrap

15
推荐指数
1
解决办法
2万
查看次数

如何获得模型的所有属性减去几个

所以我正在写一个rspec测试.它将测试模型是否正确复制.所以规范是这样的:

  it "should copy the data" do
    @model = build(:model)
    @another_model.copy_data(@model)
    @model.data.should == @another_model.data
  end
Run Code Online (Sandbox Code Playgroud)

数据是嵌入式文档,因此在执行此操作时会重复.成功复制模型上的所有属性减去id和created_at日期.有没有办法可以做这样的事情?

    @model.data.attributes.without(:_id, :created_at).should == @another_model.data.attributes.without(:_id, :created_at)
Run Code Online (Sandbox Code Playgroud)

或者反过来我选择没有id和created_at的所有其他字段?

谢谢!

rspec ruby-on-rails mongoid

11
推荐指数
1
解决办法
9828
查看次数

获取骨干集合中的所有模型,其中属性不等于某个值

这取自Backbone.js文档:

var musketeers = friends.where({job: "Musketeer"});
Run Code Online (Sandbox Code Playgroud)

你可以得到一系列工作相同的模型是"火枪手".但是我该怎么做呢?除了"火枪手"之外,我怎样才能获得一系列模型,除此之外还有什么工作?

javascript backbone.js

10
推荐指数
1
解决办法
7945
查看次数

在Rails中过滤长日志参数

我允许用户在我的网站上传文件.其中一些文件可能非常大,它占用了我的大量日志文件.所以我不希望它出现.我知道:

config.filter_parameters += [:password]
Run Code Online (Sandbox Code Playgroud)

过滤某些参数.但问题是它的参数是这样的哈希:

{
   :person => { 
      :name => 'bob', 
      :file => { 
         :data => 'really long data. this can be tens of thousands of characters long' 
      }
   }
}
Run Code Online (Sandbox Code Playgroud)

我可以将数据添加到filter_parameters但是这会在整个站点中隐藏大量日志,因为数据是一个公共密钥(我也无法将其重命名为更加模糊的东西).filter_parameters是否可以接受嵌套参数?或者是否有另一种限制所有参数长度的方法,因此如果它们大于某个大小,它将不会存储在我的日志文件中.

ruby logging ruby-on-rails ruby-on-rails-3

7
推荐指数
1
解决办法
924
查看次数

如何缓存AngularJS ui-router解析?

不确定这是否是陈述问题的最佳方式,但我只希望在更改状态时运行一次.这是因为我有多个选项卡,我需要使用AJAX调用来获取模板的数据.因此,当您单击选项卡时,我会将该信息存储到$ scope中.但是,如果用户切换到另一个选项卡并返回,我不想继续拨打此电话.

这就是我的$ stateProvider现在的样子:

  state('something', {
    views: {
      'filters.form': {
        templateUrl: '<%= asset_path('my_path.html') %>',
        controller: function($scope, sources){
          $scope.sources = sources;
        }
      }
    },
    resolve: {
      sources: function($http) {
        return $http.get('/sources').success(function(data){
          return JSON.parse(data.sources);
        });
      }
    }
  })
Run Code Online (Sandbox Code Playgroud)

哪个效果很好,但每次切换标签然后回来时,都会拨打另一个我不想要的电话.

我试图将$ scope传入解析并检查$ scope.sources是否在我进行AJAX调用之前存在但是没有用.

javascript jquery angularjs angular-ui-router

5
推荐指数
1
解决办法
4114
查看次数

在DataTables中上下移动行

所以现在,我可以选择行并上下移动.这是事件监听器:

    $(".moveUpPlaylist").click(function () {
        moveSelected("up");
    });

    $(".moveDownPlaylist").click(function () {
        moveSelected("down");
    });
Run Code Online (Sandbox Code Playgroud)

这是实际的功能:

function moveSelected(direction){
        var arr = jQuery('#table_playlist tbody tr.row_selected');

        for(var i=0; i<arr.length; i++) {            
            var tr = arr[i];            
            var row = jQuery(tr);               // row to move.

            var prevRow;
        if(direction === "up")
            prevRow = jQuery(tr).prev();
        else
            prevRow = jQuery(tr).next();

        /* already at the top? */
        if(prevRow.length==0){  break; }    

        moveDataUp(row, prevRow);
        moveVisualSelectionUp(row, prevRow);
    }   
}   

/* the visual stuff that show which rows are selected */
function moveVisualSelectionUp(row, prevRow){
    row.removeClass("row_selected");
    prevRow.addClass("row_selected"); …
Run Code Online (Sandbox Code Playgroud)

jquery jquery-datatables

2
推荐指数
1
解决办法
6071
查看次数