小编ran*_*ame的帖子

在我的网站上,我按以下方式生成Pinterest"pin"按钮:

<a href="https://www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.example.com%2Fblog%2Fphotography-website-redesign%2F&description=Photography+Website+Redesign" onclick="__gaTracker('send', 'event', 'outbound-article', 'https://www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.example.com%2Fblog%2Fphotography-website-redesign%2F&amp;description=Photography+Website+Redesign', '');" data-pin-do="buttonPin" data-pin-count="beside"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" /></a>

在以下脚本中加载以下脚本head:

<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

问题:
在这种情况下(以及其他一些类似的),点击它时错误地提供了Pin这个网址:https: //example.com/blog/st-louis-aiga-website-interactive-chair/

附加说明:
1.并非所有博客条目都有这种不正确的行为.许多其他帖子"固定"到正确的条目.
2.该网站已通过Pinterest 验证.
这个网站有一些htaccess重定向,我认为可能会导致问题.我已经调整/测试过,并且不相信它们是一个因素,但值得一提的是:它将"/ blog /"url重定向到其中没有"/ blog /".此外,它重定向到强制https,非www.示例:
http:www .// example.com/blog/st-louis-aiga-website-interactive-chair/
将重定向到
https://example.com/st-louis-aiga-website-interactive-chair/

更新:
问题仍然存在,但我在这里查看开发人员代码时花了大量时间尝试不同的选项.

并且,事实证明,即使图像是正确的,描述也是错误的.

有什么提示/建议吗？

编辑/更新1:
根据@Paolo的回答,我实际上尝试了不同的格式,但结果相同.

以下是不同格式的引脚,它会产生相同的结果:

<a href="https://www.pinterest.com/pin/create/button/"
    data-pin-do="buttonPin"
    data-pin-media="https%3A%2F%2Fexample.com%2Fwp-content%2Fuploads%2Fhip-photography-web-design.jpg"
    data-pin-url="https%3A%2F%2Fexample.com%2Fphotography-website-redesign%2F"
    data-pin-description="Photography+Website+Redesign"
    data-pin-count="beside">
        <img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" />
</a>

请注意,我想知道URL编码是否会导致问题,所以我尝试了没有URL编码,行为不同,但结果是正确的.

编辑/更新2:
我决定尝试按钮Bookmark,我看到一些图像上的错误行为.

它可以正确获取所有图像,但某些图像的描述是正确的,并且某些图像的描述不正确.

这是pin(带有匿名URL):

<a href="https://www.pinterest.com/pin/create/button/"
    data-pin-do="buttonBookmark"
    data-pin-url="http://www.example.com/blog/photography-website-redesign"
    data-pin-description="Photography Website Redesign"
    data-pin-count="beside"> …

我在debian Linux风格上使用npm来安装Jpm.但是我对安装的lodash版本有错误(如下)

test@localhost:~# npm install jpm --global
npm WARN deprecated lodash@2.4.1: lodash@<3.0.0 is no longer maintained. Upgrade to lodash@^3.0.0.

我已经提到了以下几个链接,但我仍然无法更新版本但仍然存在问题.

https://github.com/lodash/lodash/tree/3.10.1-npm

https://github.com/npm/npm/issues/10573

请提出更新lodash版本的解决方案.

什么是"权威"方法来检测_变量是否加载了lodash或下划线？

我在有时也可以加载下划线的环境中使用lodash进行项目.

目前,我想出了这个:

/** 
 * lodash defines a variable PLACEHOLDER = '__lodash_placeholder__'
 * so check if that is defined / contains the string "lodash"
 */
if ( typeof( _.PLACEHOLDER ) == 'undefined' || _.PLACEHOLDER.indexOf( 'lodash' ) < 0 ) {
    // _ is underscore, do what I need to access lodash
}

重要更新:以上代码不起作用!

是否有一种"权威"方式来检测是否_是lodash或下划线？

注意:
这是一个特定的请求,用于确定是否在_变量中加载了lodash或下划线:
1.无论是否加载下划线,我都无法控制.(lodash 是我的控制范围之内,而且将永远被载入).
2.不能依赖lodash /下划线的加载顺序.
3.加载的下划线版本可能会更改(它是可以更新的CMS框架的一部分).
4. Lodash 4.17.x有300多个功能.我的代码使用了 lodash中的 …

给出这个使用lodash的例子:

var object = {};
_.set(object, [ 1, 2 ], 5);
console.log(object);

控制台中的结果对象是:

{
  1: [undefined, undefined, 5]
}

现在想象一下,而不是整数2,你设置的时间戳为1445231475.你现在在一个非常大的数组中有1445231474个未定义的值,在一些_.set操作后将耗尽内存.

如果可能的话_.set,如何创建这个对象:

{
  1: {
    2: 5
  }
}

如果2真的是一个像"a"这样的字符串,那么Lodash可能会强制"2"进入多个未定义值的数组.

我可以_.merge在必要时使用,但我会更兴奋使用_.set功能.

我正在使用自定义角度指令来验证表单中的字段.

当其中一个验证失败以及自定义错误时,该类ng-invalid-parse也会添加到该字段中.

这是正常的行为吗？如果是这样,是什么导致的？

我正在寻找一种使用移动相机捕获照片并将其上传到Angular 2+中的服务器的方法。有可能做到吗？

我可以找到很多上传文件的教程，但找不到指导如何访问移动相机和使用捕获的照片的教程。

我现在一直在尝试这个问题的一些解决方案,但我无法让它工作.我试图将一个日期选择器放入我的表单中.表单放在bootstrap模式中,然后通过ajax加载整个表单.除了在放置在模态中时根本不显示的日期选择器,一切正常.

我希望这样一个简单的解决方案:.datepicker {z-index:9999!important;}可以工作,但事实并非如此.有人知道一个简单的解决方案吗？

这是我的日期选择器:

$(function() {
    $( ".datepicker" ).datepicker({ dateFormat: "yyyy-mm-dd" });
});

这是我的表格:

<form action="" method="post">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Endre artikkel</h4>
            </div>
            <div class="modal-body">                 
                <label for="arrived">Motatt</label>
                <input type="text" name="arrived" class="form-control datepicker" id="arrived">                                       
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</form>

表单将加载到此div中:

<div class="modal fade" id="load_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="z-index: 1040;"></div>

有了这个javascript:

function edit_article(id){
    $("#load_modal").load("load_modal.cgi?type=edit&id="+id);
}

display: grid未正确应用于summarySafari 中的以下元素。在现代 Edge、Chrome 和 Firefox 中，列是并排的（使用 CSS 网格）。在 Safari 中，列是全宽且堆叠的。

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  align-items: start;
  justify-content: start;
  justify-items: stretch;
}

.card {
  background: #eee;
  border-radius: 4px;
}

[class*="col"] {
  display: block;
  padding: 3px 6px;
  box-sizing: border-box;
}

.col-2 {
  grid-column: span 2;
}

.col-10 {
  grid-column: span 10;
}

details .indicator::after {
   content: '+';
}

details[open] .indicator::after {
   content: '-';
}

<details>
  <summary class="grid card">
    <div class="col-10">Click to View More</div>
    <div class="col-2 …

我一直在阅读一些文章,并没有找到解决我的问题的例子.

我的理解是:

1. ng-if并ng-repeat创建隔离范围.
2. 使用$parent.someProperty很糟糕.
3. 使用$parent.$parent.someProperty将是一种憎恶.

因此,使用给定的模板标记,如何正确绑定控制器以使控制器属性更新？

标记:(
注意嵌套,ng-if并ng-repeat创建一种$parent.$parent情况)

<div ng-app="MyApp" ng-controller="MyCtrl">
  <div ng-if="showOnCondition">
    <label ng-repeat="item in repeatingItems">
      {{item}}
      <setting item="item" />
    </label>
  </div>
  {{checkSetting()}}
</div>

JavaScript的

var myApp = angular.module('MyApp', []);

myApp.controller('MyCtrl', function($scope) {
  $scope.settings = {
    someProperty: '',
    anotherProperty: 'Hello'
  }

  $scope.repeatingItems = [
    'One',
    'Two',
    'Three'
  ];

  $scope.showOnCondition = true;

  $scope.checkSetting = function() {
    // When calling checkSettings(), I would like to access …

我有一个PHP字符串,其中包含单引号和双引号,但我很难将它正确地转义.甚至尝试过在线报价网站,但他们的结果错误也是如此.

$confirmation .= '<a title="Share on Facebook" target="_blank" href="javascript: void(0)" onclick="window.open('http://www.facebook.com/sharer.php?u=http%3A%2F%2Fmydomain.com%2Fquiz%2F','sharer','toolbar=0,status=0,width=548,height=325');" class="">Share on Facebook</a>';

我不认为双引号需要转义.尽管如此,我的所有尝试都会在加载页面时产生HTTP 500.

这个字符串中的单引号如何被转义？