我正在尝试交换两个divs位置以进行响应式设计(网站看起来不同,具体取决于浏览器的宽度/移动设备的好处).
现在我有这样的事情:
<div id="first_div"></div>
<div id="second_div"></div>
Run Code Online (Sandbox Code Playgroud)
但是,是否可以交换他们的展示位置,使其看起来像是second_div第一个,仅使用CSS?HTML保持不变.我尝试过使用花车和东西,但它似乎没有按照我想要的方式工作.我不想使用绝对定位,因为divs 的高度总是在变化.有没有解决方案,或者没有办法做到这一点?
当我这样做:
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"之外的所有内容.到底是怎么回事?
假设我有数百万个数据包要查看,我想看看数据包被发送到某个端口号的次数.
以下是一些数据包:
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) 我有一个用于搜索的输入字段:
<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 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) 所以我正在写一个rspec测试.它将测试模型是否正确复制.所以规范是这样的:
Run Code Online (Sandbox Code Playgroud)it "should copy the data" do @model = build(:model) @another_model.copy_data(@model) @model.data.should == @another_model.data end
数据是嵌入式文档,因此在执行此操作时会重复.成功复制模型上的所有属性减去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的所有其他字段?
谢谢!
这取自Backbone.js文档:
var musketeers = friends.where({job: "Musketeer"});
Run Code Online (Sandbox Code Playgroud)
你可以得到一系列工作相同的模型是"火枪手".但是我该怎么做呢?除了"火枪手"之外,我怎样才能获得一系列模型,除此之外还有什么工作?
我允许用户在我的网站上传文件.其中一些文件可能非常大,它占用了我的大量日志文件.所以我不希望它出现.我知道:
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是否可以接受嵌套参数?或者是否有另一种限制所有参数长度的方法,因此如果它们大于某个大小,它将不会存储在我的日志文件中.
不确定这是否是陈述问题的最佳方式,但我只希望在更改状态时运行一次.这是因为我有多个选项卡,我需要使用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调用之前存在但是没有用.
所以现在,我可以选择行并上下移动.这是事件监听器:
$(".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)