小编Dev*_*ate的帖子

所以我正在模拟一个表格布局,里面有div和几个跨度.我希望右边的跨度缩进任何包装的文本.我尝试了一些东西,却无法让它发挥作用.任何帮助,将不胜感激.

jsFiddle:http://jsfiddle.net/2Wbuv/

HTML

<div class="display-element">
    <span class="display-label">Field 1</span>
    <span class="display-field">This is my string of data, some times it is pretty long.  Sometimes it is not.  This one is.</span>
</div>
<div class="display-element">
    <span class="display-label">Field 2</span>
    <span class="display-field">This is another string of data.</span>
</div>

CSS

.display-element        {}

.display-label          {display: inline-block;
                         width: 100px;
                         padding-left: 5px;}

.display-field          {display: inline;}

我无法使以下功能正常工作.这似乎是错误的序列化.这是关于不同数据变体的第5次迭代.我最初只是在做数据:{'id':id}就像我在使用WCF一样,但是使用ASMX它只是不起作用.看起来它将数据序列化为id = 1234而不是id:1234,但我对此很新.任何帮助,将不胜感激.哦,我可以直接在浏览器中调用该服务,它会正确返回数据,所以我知道它不是服务.

function getVentID(id) {
    //look up id in database and get VentID
    alert('id: ' + id);
    var jsdata = { "id": + id}
    $.ajax({
        type: 'POST',
        contentType: 'application/json; charset=utf-8',
        url: 'services/UserService.asmx/getVentID',
        data: jsdata,
        dataType: 'json',
        success: function (msg) {
            alert(msg.d);
        },
        error: function (a, b, c) {
            alert('Error: ' + a.toString() + ' ' + b.toString() + " " + c.toString());
        }
    });
}

ps我知道有10个相同的问题,但没有一个我能找到或者对我有用的答案.

尝试搜索这个,但鉴于语法很难.有没有办法在LESS中生成一个随机数？我检查了文档并没有看到任何内容,但想知道是否有人知道一个技巧或无证的解决方案.

我正在使用Lighthouse来审核我的webapp.我正在努力解决这些问题,但我仍然坚持这个:

失败:清单start_url不由服务工作者缓存.

在我的manifest.json我

"start_url": "index.html",

在我worker.js,我缓存如下:

let CACHE_NAME = 'my-site-cache-v1';
let urlsToCache = [
    '/',
    '/scripts/app.js',
    '/index.html'
];

哪个与我在Chrome开发工具的应用程序选项卡中看到的一致:

那么......为什么告诉我start_url没有缓存？

这是我的完整worker.js档案:

if ('serviceWorker' in navigator) {
  window.addEventListener('load', function() {
    navigator.serviceWorker.register('/worker.js').then(function(registration) {
      console.log('ServiceWorker registration successful with scope: ', registration.scope);
    }, function(err) {
      console.log('ServiceWorker registration failed: ', err);
    });
  });
}

let CACHE_NAME = 'my-site-cache-v1.1';
let urlsToCache = [
  '/',
  '/scripts/app.js',
  '/index.html'
];

self.addEventListener('install', function(event) {
  event.waitUntil(
    caches.open(CACHE_NAME)
    .then(function(cache) {
      console.log('Opened cache');
      return cache.addAll(urlsToCache); …

我刚刚更新到Chrome 64,并开始在我们的网络应用中注意到此消息:

[Violation] Only request geolocation information in response to a user gesture.

这似乎过于严格.当我在Google地图中导航时,我不必反复点击"更新位置".位置轮询的替代方案是什么？

我们目前使用以下代码:

let locInt = self.setInterval(function(){
    navigator.geolocation.getCurrentPosition(geoSuccess, geoError, geoOptions);
},5000);

我们的应用程序是基于位置的,并依赖于不断更新的位置.这里的首选方法是什么？

这是有效的:

view.html

<div><input type="radio" name="radioPriority" data-bind="checked: priority" value="want" style="margin-top: -3px; margin-right: 3px;" />I want to</div>
<div><input type="radio" name="radioPriority" data-bind="checked: priority" value="need"  style="margin-top: -3px; margin-right: 3px;"/>I need to</div>

controller.js

function feedbackViewModel() {
    var self = this;
    self.priority = ko.observable("want");
    //lots of other stuff
}

正如预期的那样,当您选择第二个无线电时,优先级可观察值将变为"需要".但是,我想使用Twitter Bootstrap按钮组作为收音机.这是我的HTML,但它没有按预期更改observable:

<span class="btn-group" data-toggle="buttons-radio">
    <button data-bind="checked: priority" type="button" class="btn" value="want">I want to</button>
    <button data-bind="checked: priority" type="button" class="btn" value="need">I need to</button>
</span>

更新我有一个jsfiddle在这里:http: //jsfiddle.net/a8wa8/6/ "priority1"是标准的无线电选择,"priority2"是自举按钮.

我有一张像这样的桌子:

<table>
 <thead>
  <tr>
   <td>Column 1</td><td>Column 2</td>
  </tr>
 </thead>
  <tr>
   <td>static 1a</td><td>static 2a</td>
  </tr>
  <tr>
   <td>dynamic 1b</td><td>dynamic 2b</td>
  </tr>
  <tr>
   <td>dynamic 1c</td><td>dynamic 2c</td>
  </tr>
 </table>

动态字段需要是一个淘汰的foreach来迭代对象的所有属性.我唯一能想到的就是:

    <tbody data-bind="foreachprop: properties">
        <tr><td><span data-bind="text: propertyName"></span></td><td><span data-bind="text: value"></span></td></tr>
    </tbody>

这在技术上是有效的,但它与我的造型有关,因为静态行应该是tbody的一部分.还有什么可以与每个人绑定？我一定错过了一个简单的解决方案.

更新:我实际上并没有使用"foreach",我正在使用迭代属性的自定义函数.当我尝试使用<! - ko foreachprop:>属性时 - 我收到以下控制台错误:

未捕获错误:绑定'foreachprop'不能与虚拟元素一起使用

这是foreachprop函数

ko.bindingHandlers.foreachprop = {
    transformObject: function (obj) {
        var properties = [];
        for (var key in obj) {
            if (obj.hasOwnProperty(key)) {
                var newObj = obj[key];
                newObj.propertyName = key;
                properties.push(newObj);
            }
        }
        return properties;
    },
    init: function …

我知道这不是一个长期使用的好方法,但是为了排除故障,有什么方法可以在绑定模板时传递一个简单的字符串,然后将其作为模板中的变量进行访问？例如,如果这是我的约束:

<!-- ko template: { name: tmplOne }, myvar: 'apple' -->

这是tmplOne:

<div>
    <span>Fruit: </span>
    <span data-bind="text: myvar"></span>
</div>

这将导致以下结果:

fruit: apple

即使我必须在名为"fruit"的viewmodel中声明一个observable,我可以手动将其设置为模板绑定吗？

我有一个HTML文件,可以移植分发给客户端.它有一个文件索引.我想要每个文档的PDF或Word图标,但我不想重复base64字符串30次,如果我可以避免它.我该怎么做？Javascript没问题,但我的目标是简单性和可移植性.

有时在本地调试时,我会为各种资源获得类似的弹出窗口:

如何完全禁用此功能？