小编Dog*_*oku的帖子

将Google Plus(一个或共享)链接添加到电子邮件简报中

我正在尝试在简报中找到一种为Google+嵌入分享/ + 1链接的方法,就像Facebook分享和推文推文链接可以嵌入到简报中一样,可以使用以下两个网址来实现:

https://www.facebook.com/sharer.php?u=[URL]&t=[TEXT]
http://twitter.com/intent/tweet?source=sharethiscom&text=[TEXT]&url=[URL]

Run Code Online (Sandbox Code Playgroud)

Google Plus是否有类似的功能？

我自己找到的只有Google+按钮,不幸的是使用了JavaScript,因此无法用于电子邮件简报.我希望谷歌提供静态网址回退,但我无法在任何地方找到它.

email share newsletter google-plus-one google-plus

Dog*_*oku

2011 10-28

128
推荐指数

5
解决办法

10万
查看次数

马赛克网格图库与动态大小的图像

我刚刚收到了一个项目的以下设计,一个图像网格库,具有动态宽度和高度图像(用户提交的图像).(帖子末尾的截图)

我尝试过jQuery Masonry,Tympanus Automatic Image Montage和CSS-Tricks Seemless Responsive Photo Grid,但每个都有其局限性.

Jquery Masonry允许宽度和高度都是动态的,但是会产生间隙
后两个脚本生成非常好的网格,但问题是宽度或高度必须是静态的

编辑:我遇到了,Isotope,这几乎是完美的,我可能最终会使用它,除非有一些东西可以完全解决我的需求.因此我的问题仍然是一样的......

是否有任何javascript(最好是jQuery)脚本可以生成一个完全动态的马赛克(关于图像大小),如下面的截图中的那个？

谢谢你的帮助

javascript grid jquery gallery mosaic

Dog*_*oku

2012 06-07

80
推荐指数

1
解决办法

16万
查看次数

IntelliJ 自动检测每个文件的缩进

我最近从 Sublime Text 切换到 IntelliJ，我试图弄清楚，IntelliJ 是否有办法自动检测当前文件使用的缩进并使用它而不是默认值

我必须处理很多 3rd 方代码，它们可以有不同的缩进设置，由于明显的原因我不允许更改。

Sublime Text 能够检测并遵守当前文件的缩进，这非常直观且不显眼。另一方面，IntelliJ 只是坚持自己的设置，导致混合制表符和空格、错误的缩进级别和错误的合并冲突。

除了每次获取具有不同缩进的文件时都必须手动更改缩进设置之外，有没有办法让 IntelliJ 发挥作用。

谢谢

indentation intellij-idea sublimetext2

Dog*_*oku

lucky-day

7
推荐指数

1
解决办法

1500
查看次数

有没有办法知道链接/脚本是否仍处于挂起状态或是否失败

我想从HTML知道以下,如果link[rel=import],link[rel=stylesheet],img和script被挂起的加载/失败/中止/ ,而无需事先并在任何时候添加侦听器的事件发生后,

<!DOCTYPE html>
<html>
<head>
    <title>App</title>
    <meta charset="utf-8">
    <link rel="import" href="template-bundle.html">
    <link rel="stylesheet" href="bundle.css">
</head>
<body>
    <header><img src="logo.png" alt="App logo"></header>
    <!-- Boilerplate... -->
    <script src="./app-bundle.js"></script>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

换句话说:是否有提供类似蓝鸟的一些接口isPending(),isResolved(),isRejected()方法或常规ES6承诺？

奖金问题:这可以通过服务工作者实现吗？

由于SW可以拦截请求并知道它们的状态,我想知道我是否可以实现一个返回Promise的API

如果请求仍未决,则待处理
如果load事件被触发,则解决
如果被解雇error或被aborted解雇,则被拒绝

谢谢您的帮助

更新和解决方案:

感谢@pritishvaidya和@ guest271314的答案,我能够提出一个可行的解决方案MutationObserver,包括观察DOM添加资源节点(链接,img,脚本)并向他们添加一个将如上所述解决的承诺

这非常有效,只有<head>在任何其他资源之前脚本标记需要内联的空洞.这是一个例子

var resourceNodeSelector = 'link[href],script[src],img[src]';
function watchResource (n) {
    var url = n.href || n.src;

    if …

Run Code Online (Sandbox Code Playgroud)

javascript html5 dom promise

Dog*_*oku

2016 10-07

7
推荐指数

1
解决办法

985
查看次数

创建具有不同子类型的自定义元素

我目前正在使用自定义元素（Web 组件）实现数据表元素。表格可以具有用于呈现每一行的不同类型的单元格（文本、数字、日期等）。

例如

<my-table>
    <my-table-cell-text column="name"></my-table-cell-text>
    <my-table-cell-date column="dob" format="YYYY-MM-DD"></my-table-cell-date>
    <my-table-cell-number column="salary" decimals="2"></my-table-cell-number >
</my-table>

Run Code Online (Sandbox Code Playgroud)

我还有一个MyTableCell所有单元格元素都扩展的类。这适用于共享通用功能，但样式可能很麻烦，因为每个单元格类型都是它自己的 html 标签。目前，我在扩展时添加了一个 css 类MyTableCell，但为了论证，可以说我不想这样做。

理想的解决方案是能够扩展自定义元素，使用is关键字，例如<my-table-cell is="my-table-cell-text">，但只允许内置 html 元素。

我可以想到解决这个问题的 3 种方法：

具有类似于的语法<input type="">，但需要做更多的工作，因为您不再扩展基类，而是创建相同元素的变体，这意味着您需要一种自定义方式来注册不同的变体，例如静态MyTableCell.registerType
一种可组合的方法，我将渲染器元素包裹<my-table-renderer-text>在通用<my-table-cell>. 这避免了自定义注册方法，但它更难编写，并导致更多元素和更多样板代码，这反过来意味着性能下降。
两者的混合，用户写入<my-table-cell type="text">和单元格在document.createElement('my-table-rendener-'+ type)内部使用类似的东西。这保留了选项 1 的更简单的语法，同时仍然避免了自定义寄存器方法，但它具有与选项 2 相同的性能影响。

你能提出更好的选择吗？我错过了什么吗？

html css dom web-component custom-element

Dog*_*oku

2017 05-23

5
推荐指数

1
解决办法

2030
查看次数

单击标签不聚焦自定义元素（Web 组件）

I\xe2\x80\x99m<select>使用本机 DOM（无 Polymer）编写自定义元素。

I\xe2\x80\x99m 尝试将我的元素与<label>元素一起使用，并在单击时正确触发我的元素的单击事件<label>，即：

<label>\n  My Select:\n  <my-select placeholder="Please select one">...</my-select>\n</label>\n

Run Code Online (Sandbox Code Playgroud)\n

或者

<label for=\'mySelect1\'>My Select:</label>\n<my-select id=\'mySelect1\' placeholder="Please select one">...</my-select>\n

Run Code Online (Sandbox Code Playgroud)\n

tabindex但是，即使我添加 a使其可聚焦，这种行为似乎也无法开箱即用。

这里\xe2\x80\x99是代码的精简版本和带有一些基本调试的JSFiddle ：

var MySelectOptionProto = Object.create(HTMLElement.prototype);\ndocument.registerElement(\'my-select-option\', {\n  prototype: MySelectOptionProto\n});\nvar MySelectProto = Object.create(HTMLElement.prototype);\n\nMySelectProto.createdCallback = function() {\n  if (!this.getAttribute(\'tabindex\')) {\n    this.setAttribute(\'tabindex\', 0);\n  }\n  \n  this.placeholder = document.createElement(\'span\');\n  this.placeholder.className = \'my-select-placeholder\';\n  this.appendChild(this.placeholder);\n\n  var selected = this.querySelector(\'my-select-option[selected]\');\n  \n  this.placeholder.textContent = selected\n    ? selected.textContent\n    : (this.getAttribute(\'placeholder\') || \'\');\n};\ndocument.registerElement(\'my-select\', …

Run Code Online (Sandbox Code Playgroud)

html javascript web-component custom-element

Dog*_*oku

2022 10-21

3
推荐指数

1
解决办法

1294
查看次数

在对话框中使用<h1>在语义上是否正确？

我已经浏览了《难以置信的可访问对话框》 v3的代码，我注意到他们正在使用<h1>标签

<div id="modal" aria-hidden="false" aria-labelledby="modalTitle" aria-describedby="modalDescription" role="dialog">
    <div id="modalDescription" class="screen-reader-offscreen">...</div>
    <h1 id="modalTitle">...</h1>
    <p>...</p>
    <form name="form1" onsubmit="return false;">...</form>
</div>

Run Code Online (Sandbox Code Playgroud)

这让我思考，这实际上在语义上是正确的吗？我的意思是每个人都在说<h1>文档中应该只有1 个。

请注意，在先前版本的对话框中，他们给对话框一个role="document"使用<h1>ok imho 的对话框

html accessibility dialog wai-aria

Dog*_*oku

2016 07-19

3
推荐指数

1
解决办法

1229
查看次数