小编Mow*_*zer的帖子

我需要验证传入的字符串的文本<script.

string a = "This is a simple <script> string";

现在,我需要编写一个正则表达式,告诉我该字符串是否包含<script>标记.

我最后写了类似的东西: <* ?script.* ?>

但挑战是,传入字符串可能包含以下方式的脚本,

string a = "This is a simple <script> string";
string a = "This is a simple < script> string";
string a = "This is a simple <javascript></javascript> string";
string a = "This is a simple <script type=text/javascript> string";

因此,正则表达式应该检查开始<标记然后它应该检查script.

我不知道如何 :host(:hover)父自定义元素的子自定义元素是工作的。有人可以解释如何使这项工作？

<!-- import polymer-element's definition -->
<link rel="import" href="packages/polymer/polymer.html">

<polymer-element name="my-li" extends="li">
  <style>
      :host(:hover){
      color: red;
    }
  </style>
  <template>
    <content></content>
  </template>
  <script type="application/dart" src="todoitem.dart"></script>
</polymer-element>

import 'package:polymer/polymer.dart';
import "dart:html" as html;

import 'package:logging/logging.dart';

final Logger _widgetlogger = new Logger("todo.item");

@CustomTag('my-li')
class MyListElement extends html.LIElement with Polymer, Observable {

  factory MyListElement() => new html.Element.tag('li', 'my-li');

  MyListElement.created() : super.created() {
    polymerCreated();
  }

  @override
  void attached() {
    super.attached();
    _widgetlogger.info("todoitem attached");
  }

  @override
  void detached() {
    super.detached();
    _widgetlogger.info("todoitem detached");
  } …

题:

每当<paper-dialog>元素关闭时如何自动执行函数？

版本:聚合物1.0

码:

<paper-dialog id="paper-id"
              entry-animation="scale-up-animation"
              exit-animation="scale-down-animation">
    <sample-element></sample-element>
</paper-dialog>

题

放置<script>标签的方法是"最佳实践？"

• 里面的<dom-module>？

要么

• 外面的<dom-module>？

另外,请回答:

1. 为什么？
2. 你的答案来源是什么？
3. 以"错误"的方式做出哪些下行风险？

聚合物入门套件:OUTSIDE

在聚合物入门套件,将my-list.html和my-greeting.html文件放置<script>标签之外的<dom-module>.

像这样:

<dom-module>
  <style>...</style>
  <template>...</template>
<dom-module>
<script>...</script>

其他专家:INSIDE

从谷歌的员工和谷歌的开发人员.然而,我已经听到和看到的几个例子暗示的<script>标签应该去里面的<dom-module>.

像这样:

<dom-module>
  <style>...</style>
  <template>...</template>
  <script>...</script>
<dom-module>

我正在试验Polymer 2.x,我不理解的是如何在Polymer 2.x中使用Polymers自己的行为,iron-resizable-behavior作为一个例子.

Polymer 2.0升级指南告诉我们,对于我们自己的组件,我们应该使用类表达式mixin.这很好,但聚合物自身行为呢？他们是否正在被重写为mixins,还是会保持不变？有一种Polymer.mixinBehaviors方法似乎允许我使用Polymer 1.x mixins.这是最终解决方案还是中间步骤？

换句话说:聚合物行为是否被认为是聚合物2.x虽然我们被告知使用mixins作为我们自己的组件？

资料来源:

https://www.polymer-project.org/2.0/docs/upgrade#upgrading-to-class-based-elements

在聚合物2中应用JS Mixins的行为

我的目标是在使用 Firebase Cloud Firestore 时优化应用架构的成本。我了解 Cloud Firestore 的定价模型是按读/写计算的。因此，出于成本优化的目的，我正在考虑以下模式。我想知道这是“最佳实践”还是反模式。

这个想法是，每当我创建一个新文档以添加到集合中时，我都会让用户更新第二个“主文档”，其中包含文档内容的某个子集以及来自许多不同用户的许多类似文档的相同内容。

然后，当我去获取列表数据时，我不是获取一个集合并为从集合中读取的每个文档收取费用（多次读取），而是只检索主文档（一次读取）。

在代码中，它将如下所示。

db.collection("reviews")
  .get()
  .then(querySnapshot => {
    querySnapshot.forEach(doc => {
      // doc.data() is never undefined for query doc snapshots
      console.log(doc.id, " => ", doc.data());
    });
  })

const docRef = db.collection("reviews").doc("MasterList");

docRef.get().then(doc => {
  if (doc.exists) {
    console.log("Document data:", doc.data());
  } else {
    // doc.data() will be undefined in this case
    console.log("No such document!");
  }
})

这是成本方面的最佳实践吗？或者这是一种反模式？

如何在Reactjs中执行以下CSS媒体查询？

.heading {
  text-align: right;
  /* media queries */
  @media (max-width: 767px) {
    text-align: center;
  }
  @media (max-width: 400px) {
    text-align: left;
  }
}

我尝试了以下操作，但是它引发了语法错误并且无法编译。

heading: {
  textAlign: 'right',
  @media (maxWidth: '767px') {
    textAlign: 'center';
  }
  @media (maxWidth: '400px') {
    textAlign: 'left';
  }
}

有没有办法增加firestore 中的现有值？

    FirebaseFirestore.getInstance()
            .collection("notifications")
            .document(response.getString("multicast_id"))
            .set(notificationData);
    FirebaseFirestore.getInstance()
            .collection("users")
            .document(post.userId)
            .get().addOnCompleteListener(new OnCompleteListener<DocumentSnapshot>() {
        @Override
        public void onComplete(@NonNull Task<DocumentSnapshot> task) {
            if (task.isSuccessful()) {
                int followers = Integer.valueOf(task.getResult().getData().get("followers").toString());
                FirebaseFirestore.getInstance()
                        .collection("users")
                        .document(post.userId).update("followers", followers++).addOnCompleteListener(new OnCompleteListener<Void>() {
                    @Override
                    public void onComplete(@NonNull Task<Void> task) {
                    }
                });
            }
        }
    });

users

  - data....
  - followers(number)

根据此答案函数可用于增加或减少数字字段值

版本 5.9.0 - 2019 年 3 月 14 日

添加了 FieldValue.increment()，它可以在 update() 和 set(..., {merge:true}) 中使用，以在没有事务的情况下安全地递增或递减数字字段值。

https://firebase.google.com/support/release-notes/js

是否有任何函数可用于增加 firestore android 中的现有值？

<iron-meta>使用静态值时,我可以让我的实例正常工作.但是当我将值绑定到动态变量(使用{{}})时,它<iron-meta>不再按预期运行.

是否<iron-meta>支持将其值绑定到动态变量？

<iron-meta id="meta" key="info" value="foo/bar"></iron-meta> // works
<iron-meta id="meta" key="info" value="{{str}}"></iron-meta> // fails

这个问题是对这个问题的改进,以澄清导致问题的唯一原因是从静态字符串值到动态字符串值绑定的变化.我得到了很多其他建议,这与从静态到动态的变化无关,所以我认为最好重写一下这个问题来澄清这一点.但是如果有帮助的话,整个代码上下文都包含在那里的链接中.

最近有一些关于使用的喋喋不休<iron-localstorage>.也许这是动态绑定基本上创建全局变量的最佳方式？

Polymer支持<style is="custom-style">允许您定义仅适用于元素的样式,例如shadow DOM.

Polymer还支持<dom-module id="shared-styles">允许您打包一组可以导入到元素定义中的样式声明.

因此,它们两者的关键似乎是允许您设计聚合物元素的样式.你为什么要用另一个呢？看来,用例大致重叠.

额外的困惑:shared-styles可以导入custom-style.你为什么要这样做？为什么不？