小编Dar*_*ski的帖子

这是模板结构

{{#each loadedEvents}}
  {{#if future}}
    {{#if timezone="Europe/Warsaw"}}
    {{> event}}
  {{/if}}
{{/each}}

是否可以仅查看具有给定值的项目？第二个问题,如何结合这两个陈述:

{{#if future}} {{#if timezone="Europe/Warsaw"}}

我正在使用CSS flexbox和细胞的百分比大小再现金色螺旋.

使用常规边框和border-radius组合绘制圆形.

在将窗口调整到较小宽度之前,一切都是成比例的.

我试图完全删除边框,结果布局在某些时候仍然失去了比例.

大容器:

小容器:

演示: https ://jsfiddle.net/s09rkwub/1/

HTML

<div class="wrapper">
  <div class="rows fib">
    <div class="cols fill">
      <div class="rows fill">
        <div class="fr tl">3</div>
        <div class="fill cols">
          <div class="fc bl">4</div>
          <div class="fill rows">
            <div class="fill cols">
              <div class="fill tl fr">7</div>
              <div class="fc tr">6</div>
            </div>
            <div class="fr br">5</div>
          </div>
        </div>
      </div>
      <div class="fc tr">2</div>
    </div>
    <div class="fr br">1</div>
  </div>
</div>

CSS

.rows {
  flex-direction: column;
}
.cols {
  flex-direction: row;
}
.rows,
.cols {
  display: flex;
  .fill …

我正在构建基本的网格系统,需要结合以不同大小单位描述的弹性项目的高度,即%,px和剩余空间.

HTML:

<div class="grid">
  <div class="block" style="flex-basis: 50px;">50px</div>
  <div class="block" style="flex-basis: 25%;">25%</div>
  <div class="block">stretch to remaining space?</div>
  <div class="block" style="flex-basis: 50px;">50px</div>
</div>

CSS:

html,body,.grid {
  height: 100%;
  padding: 0;
  margin: 0;
}
.grid {
  width: 300px;
  background: #aaa;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;

}
.block {
  outline: solid 1px black;
  flex-grow: 0; // remove growing proportion
  flex-shrink: 0; // remove shrinking proportion
}

工作实例:http: //codepen.io/antraxis/pen/zxwgEo

我有一个SASS/SCSS字符串,其中包含两个列表(以逗号分隔),每个列表包含数字(由空格分隔).如何将字符串拆分为两个数字列表？

SCSS:

$values: "10px 20px 30px, 20px 30px 40px";

$begin: /* should be */ "10px", "20px", "30px";
$end: /* should be */ "20px", "30px", "40px";

// optionally it can be a map:
$begin: (10px, 20px, 30px);
$end: (20px, 30px, 40px);

关于Sass Meister的代码:http: //sassmeister.com/gist/4d9c1bd741177636ae1b

点击后.fw-code-copy-button我想从它最近的容器中复制源代码. .fw-code-copy-button用户单击专用的"查看源"按钮后动态创建-s.

例如Html按钮:

<span class="fw-code-copy">
  <span class="fw-code-copy-button" data-clipboard-text="...">copy</span>
</span>

这是我触发click事件的方法,并定义要复制到剪贴板的源代码:

$(document).on("click", ".fw-code-copy-button", function(){
  var source = $(this).closest(".fw-code-copy").next("code").text();
});

这就是clipboard.js触发它的复制事件的方式

new Clipboard(".fw-code-copy-button", {
  text: function(trigger) {
    return source; // source should somehow be copied from scope above it
  }
});

每当我点击网站上的任何地方时,都会出现以下错误:

Uncaught Error: Missing required attributes, use either "target" or "text"

但首先,我不想定义要复制的文本data-clipboard-text="..." ,其次data-clipboard-text是使用"..."它的值来定义.

如果有人愿意支付一秒钟,我将非常感激.

[编辑]我已经编写了jsFiddle用于演示,并且令人惊讶的是UncaughtError消失了,但我仍然需要将source代码从onClick 移动到剪贴板范围.

https://jsfiddle.net/2rjbtg0c/1/

我正在设置一个身体助手,用于Iron Router用作{{route}}:

Template.body.helpers({
  route: function(){
    alert(Router.current().route.getName());
  }
});

但Router.current().route.getName()返回undefined而不是"/ thirdPage /".

accounts-facebook包仅提供logIn和logOut功能.

meteor-fbgraph可以访问服务器端的fbgraph.

facebook-sdk可以在客户端访问fbgraph.

问题是facebook-sdk不使用Accounts-ui提供的任何东西,例如Accounts.onLoginevent或Accounts.ui.config.点击{{> loginButtons}}用户登录后只Meteor.user()注销,facebook-sdk仍然有它的AccessToken并保持登录状态.结果一半的应用程序仍然登录(客户端),一半注销(服务器).

这是我的帐户与FB事件配对的解决方法,但我认为这不是一个合适的解决方案.

Accounts.onLogin(function(){
  FB.login();
  AccountsOnLogout(function(){
    FB.logout();
  });
});

function AccountsOnLogout(callback){
  var waitForLogout = setInterval(function() {
    if (!(Meteor.user())) {
      console.log("logged out");
      callback();
      clearInterval(waitForLogout);
    }
  }, 1000);
}

你有更好的想法如何在客户端获得fbGraph吗？

我试着用:

MongoInternals.defaultRemoteCollectionDriver().mongo.db.listCollections()

为了获取meteor数据库中的所有集合名称,但它返回一个非常长的JSON,其中我找不到纯集合名称.(见附图)

如何以下列格式获取流星集合名称:

["test1", "test2", "users"...]

嗨我在chrome控制台中遇到以下错误:

Uncaught TypeError: _firebase2.default is not a constructor

当我在Fire.vue(webpack vue-loader)组件中使用以下代码时:

var db = new Firebase(this.rootUrl)

这是我的Fire.vue的完整代码:

<template lang="jade">
  h2 Hello from: {{ component_name }}
</template>

<script>
import Vue from 'vue'
import Firebase from 'firebase'
Vue.prototype.$consoleLog = function (args) { console.log(args) }

export default {
  props: {
    rootUrl: {
      default: 'https://boiling-heat...', // here will be url of database
      type: String
    }
  },
  data () {
    return {
      component_name: 'Firebase component!'
    }
  },
  ready () {
    var db …

可以从客户端和服务器端以相同的方式调用所有流星方法.

假设用户知道或可以预测服务器上的所有方法名称,那么他就可以调用它们并使用它的结果但是他想要的.

示例:执行跨域http请求和返回响应的方法可用于通过调用大量数据来使服务器超载Meteor.call(httpLoad, "google.com");,或者如果客户端知道文档_id,则可以使用从mongo加载数据的方法来访问数据库文档Meteor.call(getUserData, "_jh9d3nd9sn3js");.

那么,如何避免这种情况,可能有更好的方法来存储仅服务器的功能而不是Meteor.methods({...})？

我在 CloudFlare 上的域指向 DigitalOcean Droplet 的 IP 地址。在尝试使用自定义端口通过 CloudFlare 上的域访问网站时，我得到：error 525 SSL handshake failed. 我的 CloudFlare Crypto SSL is set to: Flexible（...据我所知 - DigitalOcean Droplet 不需要 SSL）。

示例地址：

通过DigitalOcean IPv4（服务器上未安装 SSL）

http://46.101.xxx.xxx/ - 100% 工作

https://46.101.xxx.xxx/ - 0% 根本不工作（服务器设置为：80）

http://46.101.xxx.xxx:2053/api - 100% 工作

http://46.101.xxx.xxx:2083/ - 100% 工作

通过CloudFlare：

https://example.com/ - 100% 工作

https://example.com:2053/api - 来自 CloudFlare 的 50% 错误：525 SSL握手失败

https://example.com:2083/ - 来自 CloudFlare 的 50% 错误：525 SSL 握手失败

我将服务器配置为使用为 https 连接保留的端口：https: …

我正在创建基本的管理面板,但我还没有使用MongoDB.

为发展宗旨,我离开autopublish,并insecure在项目中.为了从数据库(Accounts-ui+ Accounts-facebook)呈现用户,我需要一个处理程序,Users = new Mongo.Collection("users");但在编译期间出现以下错误:

'/users/insert' is already defined.

HTML

<body>
  {{> loginButtons}}

  {{#each users}}
    {{> user}}
  {{/each}}
</body>

<template name="user">
  <li>{{profile.name}}: {{_id}}</li>
</template>

JS

Users = new Mongo.Collection("users");

if (Meteor.isClient) {

  Template.body.helpers({
    users: function () {
      return Users.find({});
    }
  });

  Accounts.onLogin(function(){
    console.log("logged in: " + Meteor.userId());
  });

}

if (Meteor.isServer) {
  Meteor.startup(function () {
    // code to run on server at startup
  });
}

• facebook登录在另一个文件中配置