小编vde*_*nne的帖子

我有我的元素:

<dom-module id="x-el">
  <p class="special-paragraph">first paragraph</p>
  <content></content>
</dom-module>

我喜欢它

<x-el>
  <p class="special-paragraph">second paragraph</p>
</x-el>

在我的命令部分:

Polymer({
  is: 'x-el',

  ready: function () {
    /* this will select all .special-paragraph in the light DOM
       e.g. 'second paragraph' */
    Polymer.dom(this).querySelectorAll('.special-paragraph');

    /* this will select all .special-paragraph in the local DOM
       e.g. 'first paragraph' */
    Polymer.dom(this.root).querySelectorAll('.special-paragraph');

    /* how can I select all .special-paragraph in both light DOM and
       local DOM ? */
  }
});

是否有可能使用Polymer内置的？或者我应该使用默认的DOM API？

我不打算问什么是最好的方式...？因为他们可能有几种方法可以做到这一点,我只想从您的经验中了解如何在开始构建网站时管理文件夹和文件？(注意:我不是英国本土人,这就是我在这里要求的原因,我找不到合适的地方来回答).

我已经编写了多年,但总是独立编写,我从不分享人们如何构建他们的网站.

作为一个信息,我在我的网站的根目录下创建了一个结构文件struct.php,其中包含我网站中许多页面共享的公共布局.

如果用户键入http://mywebsite.com/folder/它会请求包含'struct'文件导入的请求文件夹的索引文件,对于其他可变部分,如webpages的元数据,我正在创建一个文件夹命名元,包含任何类型数据的文件(.title,.description,.keywords),当然struct文件正在获取这些信息文件的内容,并将它们显示在文档中的适当位置.

我对这种结构感到满意,因为它已经使用了很长时间.但如果您提供一些建议或一些有用的链接和/或告诉我您如何管理自己的网站,我真的很感激.

在Firefox中

在铬

有人可以解释为什么devtools的大小是24.5KB？

我从这个cdn:bootstrap.min.css加载引导程序

ps:在测试期间刷新了缓存.

如果我运行yarn add <dependency> -D，yarn将安装依赖项并在我的package.json. 它将运行该"start"脚本。

起初我很生气，所以我"start"用其他东西重命名，但现在它会在命令"build"之后运行add......

有没有办法阻止yarn 之后运行任何命令add？

这是我当前的脚本package.json：

  "scripts": {
    "clean": "mkdir -p lib && rm -r lib",
    "build": "yarn clean && tsc",
    "test": "tsc && mocha -c",
    "test:watch": "tsc-then -- mocha -c"
  }

注意：我为那些感兴趣的人提出了一个问题，因为它似乎特定于 watchy^0.9.0 @atom/watcher 问题 #20

从这个数据结构可以看出：

const properties = [
  { name: 'name', type: '' },
  { name: 'age', type: 0 },
  { name: 'sex', type: ['m', 'f'] as const },
  { name: 'username', type: '' }
]

我正在尝试动态地构造以下类型：

type Person = {
  name: string;
  age: number;
  sex: 'm'|'f';
  username: string;
}

我知道 TypeScript 可以通过映射其他类型来创建类型。但这里的源对象是一个数组，所以看起来有点棘手。我该怎么做呢？

这是我的代码片段:

<ul>
    <li><a href="home">Home</a></li>
    <li><a href="links">Links</a></li>
    <li><a href="contact">Contact</a></li>
</ul>

我使用css水平设置它们(菜单式),我想要做的是动画<ul>元素的所有列表项.当dom准备就绪时我将它们放在首位,并在加载整个页面时将它们设置为底部以吸引用户的眼睛.

这是jquery代码:

$(function(){
    $("ul li").css('top', '-40px'); //items are in relative position

    $(window).bind("load", items_animate, false);
});

function items_animate(){
       ... //I'd like to animate each <li> of the <ul> changing 'top' to '0px' but not simultaneously, I want to declare a DELAY between each animation (<li>'s get down in a row)
}

我知道如何使用queue()对函数进行排序或逐个调用函数,但只在一个元素上,我在这种情况下丢失了..

编辑:对于那些感兴趣的人,这是完成这个序列的代码,感谢Joseph

var animationDelay = 600;
var offset = 200;

function blah(meh) {
    setTimeout(function(){
        $(meh).animate({
            opacity: "0"
        }, …

我正在编写一个显示图片专辑的网站,页面正在加载拇指,并在每张图片完全加载之前应用白色覆盖.

我在本地编码,它工作正常.但是上传我的服务器上的文件并加载页面几乎没有显示错误,一些白色覆盖不会淡出,因为在加载和应用脚本之前图像加载后,jQuery 加载功能没有被触发.

解决方案是仅对正在执行jQuery脚本时仍然加载的图像应用白色叠加.

我的问题是如何知道页面中的特定元素是否仍在提取或已完全呈现在屏幕上？

注意:这是http://www.benjamindegenne.com/portfolio/numeric/upper-playground/页面

如果我查询这个：

SELECT DISTINCT class_low
FROM groups NATURAL JOIN species
WHERE type ~~ 'faune'
AND class_high ~~ 'Arachnides'
AND (class_middle ~~ 'Araignées' OR class_middle IS NULL)
AND (class_low ~~ '%' OR class_low IS NULL);

我得到：

      class_low      
---------------------
 Dictynidés
 Linyphiidés

 Sparassidés
 Metidés
 Thomisidés
 Dolomedidés
 Pisauridés
 Araignées sauteuses
 Araneidés
 Lycosidés
 Atypidés
 Pholcidés
 Ségestriidés
 Tetragnathidés
 Miturgidés
 Agelenidés

请注意 NULL 值（它不是空的 varchar）。

现在，如果我这样查询：

SELECT array_to_string(array_agg(DISTINCT class_low), ',')
FROM groups NATURAL JOIN species
WHERE type ~~ 'faune'
AND class_high ~~ 'Arachnides'
AND (class_middle ~~ 'Araignées' OR …

好像长按事件不是Polymer的规格的一部分.

你会如何实现？

我想过使用行为和使用down以及up事件的一些debounce技巧来管理这样一个新的事件,但是这意味着我必须做出一个自定义的元素使用这种行为,例如不能直接使用它我要像任何内容:

<div on-long-press="_cheese">...</div>

这不方便.

你有其他解决方案吗？

这可能听起来像一个愚蠢的问题，但

var arr1 = ['1', '2'];
var arr2 = ['3', '4'];
console.log(arr1.concat(arr2));

会输出 ["1", "2", "3", "4"]

但

var arr1 = ['1', '2'];
console.log(
  arr1.concat(document.getElementsByTagName('h1'))
);

会输出 ["1", "2", HTMLCollection[2]]

如何将 html 集合与数组连接？