小编Koe*_*ers的帖子

将JSON数据映射到具有特定视图模型类型的Knockout observableArray

有没有办法将JSON数据对象映射到可观察数组,然后将可观察数组的每个项初始化为特定类型的视图模型?

我已经查看了所有淘汰赛的文档以及这里的淘汰赛和映射示例,我找不到任何适用于我所追求的答案.

所以,我有以下JSON数据:

    var data = {
    state : {
        name : 'SD',
        cities : [{
            name : 'Sioux Falls',
            streets : [{
                number : 1
            }, {
                number : 3
            }]
        }, {
            name : 'Rapid City',
            streets : [{
                number : 2
            }, {
                number : 4
            }]
        }]
    }
};
Run Code Online (Sandbox Code Playgroud)

我有以下视图模型:

var StateViewModel = function(){
    this.name = ko.observable();
    this.cities = ko.observableArray([new CityViewModel()]);
}

var CityViewModel = function(){
    this.name = ko.observable();
    this.streets = ko.observableArray([new StreetViewModel()]);
}

var StreetViewModel …
Run Code Online (Sandbox Code Playgroud)

json knockout-mapping-plugin knockout.js

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

Ember.js reopenClass是如何工作的?

我真的没有得到ember.js'reopenClass的功能.我认为它为Object的原型添加了额外的代码,因此该Object的所有实例都将获得以非静态方式添加的功能.但是,它没有这样做.看起来它只添加了可以静态执行的代码.例如.我有这个代码:

Logger = Ember.Object.extend({ 
  log: function(thing) { 
     console.log(thing + ' wassup'); 
    }
});

var logger = Logger.create();
logger.log("1, yo")

logger.reopen({ 
  log: function(name) { 
      console.log(name + 'ghurt')
    }
});
logger.log("2, yo")

Logger.reopenClass({ 
  log: function(name) { 
      console.log(name + 'fresh')
    }
});
logger.log("3, yo")
Logger.log("4, yo")
Run Code Online (Sandbox Code Playgroud)

它输出这个:

1, yo wassup
2, yoghurt
3, yoghurt
4, yofresh
Run Code Online (Sandbox Code Playgroud)

我的期望是这样的:

1, yo wassup
2, yoghurt
3, yofresh
4, undefined (I think)
Run Code Online (Sandbox Code Playgroud)

所以我的问题是:reopenClass做什么以及何时使用它?

ember.js

24
推荐指数
1
解决办法
9429
查看次数

什么将在搜索引擎中更好地索引:img标签或带有屏幕阅读器标签的背景图像?

在构建响应式网站时,我有时会使用背景图像为适当的屏幕尺寸渲染合适的图像.

例如:

    #image { 
        background-image: url(largeimage.jpg); 
    }
    @media only screen and (max-width: 320px) {
        #image { 
            background-image: url(smallimage.jpg); 
        }
    }
Run Code Online (Sandbox Code Playgroud)

为了让屏幕阅读器知道我们正在处理什么类型的元素,我添加

role="img"
Run Code Online (Sandbox Code Playgroud)

aria-label
Run Code Online (Sandbox Code Playgroud)

这是我的问题:

我一直都知道SEO最好在实际的图像元素中添加像公司徽标这样的图像.

例如

<img src="logo-companyname.png">
Run Code Online (Sandbox Code Playgroud)

原因是当Google图像搜索公司名称时,徽标会显示.(假设网站排名很好)

谷歌在作为div实施时仍会"刮"出徽标吗?例如

<div id="logo-company" role="img" aria-label="company name"></div>
Run Code Online (Sandbox Code Playgroud)

或者我是否仍需要在某处添加图像以获得所需的结果?谷歌是否会对屏幕阅读器标签做任何事情?

html css seo image responsive-design

14
推荐指数
1
解决办法
8612
查看次数

默认情况下限制所有可观察量

在knockout.js中是否有办法默认对所有可观察量进行限价?

我不想extend一个接一个地看到我所有的观察结果.

javascript knockout.js

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

哪些浏览器默认会阻止第三方Cookie?

我想了解一下我们的流量中有多少不支持第三方Cookie。为此,我现在需要默认情况下哪些浏览器/操作系统组合当前阻止了第三方Cookie。有人知道吗

browser security cookies

6
推荐指数
1
解决办法
2033
查看次数

仅使用CSS淡出后隐藏元素

我有一个一个页面,一次显示一个页面,并在从一个页面转换到下一个页面时使用动画.它的工作原理如下:

  1. 用户单击按钮
  2. 完成ajax调用并在等待响应时页面淡出(不透明度:0)
  3. 如果在淡出结束后500毫秒完成,我们没有来自服务器的响应,一个微调器淡入并保持在那里直到ajax调用结束
  4. 收到响应时,微调器淡出,新页面淡入.

我目前在页面的不透明度上使用CSS 3过渡动画.然而,这个问题是在微调器可见的时候,用户仍然可以与刚刚淡出的页面的(不可见)形式进行交互(它没有消失,只是使用不透明度看不见).

所以我想有一个只有CSS的解决方案,将页面设置为可见性:在转换结束时隐藏(我不能使用display:none).怎么去这里?

css css-transitions

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

如何为在swagger中未知密钥的键/值建模

我有一个简单的JSON对象,可以包含前面不知道确切值的键/值.它们依赖于某些服务器端进程.如何在招摇中模拟这个?

JSON的一个例子是:

... 
,message: "invalid length. Must be in between {min} and {max}" 
,attributes: {
  min: 0
  ,max: 6
}
...
Run Code Online (Sandbox Code Playgroud)

另一个例子是:

... 
,message: "You must fill out this field as well because {field} has a value" 
,attributes: {
  field: "age"
}
...
Run Code Online (Sandbox Code Playgroud)

swagger

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

什么基于浏览器的WYSIWYG编辑器尊重我的HTML格式?

当我切换回WYSIWYG视图时,基于浏览器的WYSIWYG编辑器是否尊重我在代码视图中键入的HTML?我已经使用了基于dojo的一个(dijit.Editor)但删除了它不知道的所有标记,并重新格式化了我的代码.有任何想法吗?

javascript php jquery dojo wysiwyg

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

如何使用twitter bootstrap网格框架创建两个独立的列

我想创建一个(或多或少Pinterest)网格布局,如下所示.两列具有不同的行,但是并排显示.如何使用twitter bootstrap网格框架执行此操作?

在此输入图像描述

如果我没有弄错,正常的行/ col行为会给我下面的布局. 在此输入图像描述

css grid-layout twitter-bootstrap

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

php _construct()中的数组到字符串转换

我有一个带有__construct()方法的PHP类.我传递参数并将它们存储在属性中.像这样:

class BlogList {

  private $app_config, $texts;

  public function __construct($app_config, $texts) {
      $this->$app_config = $app_config;
      $this->$texts = $texts;
  }

  ...

}
Run Code Online (Sandbox Code Playgroud)

当我创建这个类的实例时,我看到日志说的是:

PHP Notice:  Array to string conversion in /path/to/blogList.php on line 6
Run Code Online (Sandbox Code Playgroud)

我在__construct方法中为这两个赋值得到了这个.$ app_config和$ texts都是数组

为什么要进行此转换?我该如何预防呢?

php

-1
推荐指数
1
解决办法
92
查看次数