javascript - Secrets.meteor 之类的东西用了什么?

标签 javascript meteor

secrets.meteor.com 是一个简单的应用程序,每个用户在其中输入一些内容,提交后,消息会通过应用程序实时发送给每个人查看,然后删除该消息以显示下一条消息。

实际上正在采取什么措施来实现这一目标?我很抱歉问了这个愚蠢的问题,但我已经广泛搜索了它是如何制作的,但什么也没看到。每条消息都是一个被传递然后被执行和删除的函数吗?

Warning secrets.meteor.com not sanitze use input!! If you type <script>alert('hi')</script>, you see an alert, which means anyone can run javascript on your machine. If you really want to check out the site, you're probably okay to open it in an incognito window.

最佳答案

这是一个完整的答案,实际上展示了多台计算机上的 react 性。

Working Demo in MeteorPad

lib/collections.js

Secrets = new Mongo.Collection("secrets");

client/templates.js

Template.body.helpers({
  secret: function () {
    return Secrets.findOne({}, { sort: { date: -1} });
  }
});

Template.body.events({
  'submit form': function (e) {
    // prevent page action
    e.preventDefault();

    // get value
    var message = event.target.mySecret.value;

    // insert into database
    Secrets.insert({
      text: message,
      date: new Date()
    });

    // clear form
    event.target.mySecret.value = "";
  }
});

ma​​in.html

<body>
  {{secret.text}}

  <form>
    <input type="text" name="mySecret" placeholder="Say Something..." />
    <input type="submit" value="Post It"/>
  </form>

</body>

关于javascript - Secrets.meteor 之类的东西用了什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32492553/

相关文章:

javascript - 使用 chrome 扩展覆盖用户定义的函数以使用 native 函数

javascript - 如果值在变量中,Firefox 和 IE 不会调用 window.location.href

shell - 如何重新启动 meteor

javascript - 如何在嵌套字段中保存Mongo文档自己的_id?

javascript - Meteor 比较集合中的嵌入数组

javascript - 显示和隐藏一个 div 并在其他 div 之后插入

javascript - 如何使用JavaScript打开全屏

javascript - JavaScript 中的同名函数

javascript - Meteor JS - 如何结合添加和编辑模板

javascript - 将 Meteor 与 FileReader 一起使用,读取文件时出错