小编big*_*olf的帖子

我正在寻找有关为以下内容创建自定义共享图标的任何可靠的当前信息.

• Facebook的
• 推特
• 谷歌+
• LinkedIn
• Pinterest的

我一直在使用的所有文档似乎都是关于使用他们的社交类似/共享按钮 - 我认为大部分时间都不是很吸引人.像socialite.js这样的东西有助于处理在使用"原生"喜欢/分享按钮时出现的一些其他问题(抱歉不知道还有什么可以称之为),但说实话它们并不是很漂亮.

任何参考材料/教程或指导都会很棒.

干杯.

在玩ES6之后,我真的开始喜欢新的语法和功能了,但我确实对类有疑问.

新的ES6类是旧原型模式的语法糖吗？或者幕后还有更多的事情发生在这里？即:

class Thing {
   //... classy stuff
  doStuff(){}
}

vs:

var Thing = function() {
  // ... setup stuff
};

Thing.prototype.doStuff = function() {}; // etc

我正在返回以下JSON对象

{"status":"success",
"valmessage":"Your message has been sent successfully.",
"postcontent":{
    "post_author":1,
    "post_recipient":"1",
    "post_title":"handle test 2",
    "post_type":"wp_inbox_msg",
    "post_content":"<p>giving it another go.<\/p>\n"},
"postmeta":{
    "postid":410,
    "postdate":"Monday, March 17th, 2014",
    "author":"admin"},"replies":null,
    "Formerrors":[]
}

我在我的车把模板中收到以下错误:

Uncaught Error: Parse error on line 23:
...replies}}                    {{ #each replies }
----------------------^
Expecting 'ID', 'DATA', got 'INVALID' 

在我的tempalte里面,我正在做以下事情:

        {{#if replies}}
                {{ #each replies }}
                    <li>
                        <figure class="reply-author-img">
                            <img alt="" src="{{ avatar }}" height="96" width="96">
                        </figure>
                        <div class="replycontentwrap">
                            <div class="reply-from">
                                <p class="reply-author">
                                    <strong>{{ fullname }}</strong>
                                    <span>{{ nickname }}</span>
                                </p>
                                <span class="replydate">{{ …

Meteor.autorun和之间有什么区别Tracker.autorun？

• 他们只是别名吗？
• 一个被弃用的？
• 有没有一个人比另一个更好？

我很清楚this.autorun在模板生命周期回调中使用的区别,但已经看到这两个可以互换使用,只是想确保我没有错过任何技巧.

我正在为JS库创建一个meteor包,其中包含主存储库中的许多可选插件.我想为用户提供选项,以选择要使用的库扩展,而不必总是不必要地包含它们.

这是否可以使用当前的构建系统？如果是这样,我从哪里开始？

我在github上找到了一些物理动画的源代码,我在这里写了这篇文章

if (this._position < 0) this._position /= 3;

一个快速的谷歌什么都没有,任何人都知道？

就使用骨干路由器和骨干网中的渲染视图而言,这更像是一个概念性问题.

为了一个例子(我正在构建以学习这个)我有一个基本的CRUD应用程序的联系人,创建表单,所有联系人列表,联系人单一视图和编辑表单.

为了简单起见,我会说我只想一次看到其中一件事.显然用jQuery显示和隐藏它们将是微不足道的,但那不是我追求的.

我有两个想法,

1)从我的路由器触发自定义事件,删除所有视图并发送可在所有视图中侦听的事件(触发close方法)和主App视图,然后实例化特定视图 - 即:

App.Router = Backbone.Router.extend({
    routes: {
        '' : 'index',
        'addnew' : 'addNew',
        'contacts/:id' : 'singleContact',
        'contacts/:id/edit' : 'editContact'
    },

    index: function(){

        vent.trigger('contactR:closeAll');
        vent.trigger('contactR:index');
    },

    addNew: function() {

        vent.trigger('contactR:closeAll');
        vent.trigger('contactR:addNew');
    },

    singleContact: function(id) {

        vent.trigger('contactR:closeAll');
        vent.trigger('contactR:singleContact', id);
    },

    editContact: function(id) {

        vent.trigger('contactR:closeAll');
        vent.trigger('contactR:editContact', id);
    },

});

(nb:vent正在扩展骨干事件obj所以我可以发布/ sub)

2)或将/可能/我应该发送关闭所有事件并在路由器中创建视图的实例？

注意我正在寻求实现这一点,而不是钻研其他库或框架,如木偶等.

我通常不太关心微优化,直到javascript UI性能(特别是在移动设备上)并保持神圣的16.666666667ms下的所有内容以获得平滑不间断的60fps.

我正在从requestAnimationFrame运行tick函数,直到满足条件,并且它依赖于在当前实例上设置的某些值,例如this.velocity,this.translateX等.

我的问题是,是否应该使用this在var _this = this;声明之外声明的缓存版本,而不是指"这个地方更快？" 要清楚我已经多次调用它了......下面是一些代码:

swipeIt.prototype.tick = function() {
    if (Math.abs(this.translateX) < (+this.elWidth*1.2 && this.velocity > 6) ) {


        this.velocity = this.velocity*1.15;
        this.translateX = (this.dir === 'left') ? this.translateX - this.velocity : this.translateX + this.velocity;

        requestAnimationFrame(function() {
          _this._update(_this.updateCb);
          _this.tick();
        });

    } else {
       //....
    }
}

关于进一步优化这一点的任何其他建议都会受到欢迎,这是我第一次真正给予这一点.干杯.

我已经开始挖掘骨干了,当使用路由器功能创建和销毁视图时,我遇到了这个小片段,这对我来说没有多大意义,因为我一直认为这些操作符只适用于条件陈述,

this.view && this.view.remove();

这是一个连接到路由器的方法,它看起来像一个魅力,但我总是厌倦了不适合我的伏都教代码.

这是完整的方法

loadView : function(view) {
        this.view && this.view.remove();
        this.view = view;
    }

很想更好地理解这一点,希望它不要太傻了.

干杯.

我有下面的Sass片段就像一个魅力,但我想知道我是否需要为我的变换属性添加前缀,如果是,如何？(如果没有,为什么不呢？)

@mixin expand-o-band() {
    0%   { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(2); }
}

@-webkit-keyframes expand-o-band { @include expand-o-band(); }
@-moz-keyframes expand-o-band { @include expand-o-band(); }
@-o-keyframes expand-o-band { @include expand-o-band(); }
@keyframes expand-o-band { @include expand-o-band(); }


.circle-thing {
    -webkit-animation: expand-o-band 1.5s infinite; /* Safari 4+ */
    -moz-animation:    expand-o-band 1.5s infinite; /* Fx 5+ */
    -o-animation:      expand-o-band 1.5s infinite; /* Opera 12+ */
    animation:         expand-o-band 1.5s infinite; /* IE 10+, Fx 29+ */
} …

Template.templatename.onCreated在文档中被提及(连同.onRendered和.onDestroyed方法).

但是,当我打电话给这些时,没有任 如果我打电话Template.templatename.created,例如,这是有效的.

有什么想法吗？我在文档中误读了什么吗？这是对其他东西的引用吗？

编辑:我刚刚在源代码中找到了这个:

https://github.com/meteor/meteor/blob/master/packages/blaze/template.js#L65

在第180行,这些被标记为在1.1中被弃用,但我仍然没有得到任何来自onCreated的爱....

有谁知道我做错了什么？

Template.channels_admin.onCreated = function () {
    // .... doesn't run
};

我正在检查node.js Hapi框架,我正在遵循的教程是ES6.我已经读过该节点支持ES2015开箱即用的所有标准化位,所以我认为这样可行:

 server.start(() => console.log('Started At: ${server.info.uri}'));

但没有骰子.我一直得到:

 [nodemon] starting `node index.js`
  Started At: ${server.info.uri}

我哪里错了？

注意:

• 如果我使用ES5语法执行此操作,那么server.info.uri是正确的.
• 我在node/nodemon中没有收到任何错误

我使用 redux 的假设是调度操作是一个同步任务。

fire action 1 - > store updated
fire action 2 -> store updated

在我目前正在进行的一个项目中，我有一个产品定制器，允许一些用户选择，他们可以下多个订单，但如果他们只订购当前选择并选择“购买”，我会触发“addOrder”，将他们的选择添加到 orders 数组，然后是“purchase”操作，这是一个将存储在 redux 中的订单提交到我的购物车 API 的 thunk。

我预计我将能够在每次操作后可靠地依赖商店处于一致状态，因此当第二个操作触发时，它将具有状态，就像它之前的第一个常规操作触发后一样，但没有骰子。

• 我对 redux 的期望和理解不正确吗？
• 如果是这样，redux thunk 是否以某种方式在正常调度之外起作用？

在我的连接组件中，我调度每个动作：

//.... inside component
purchase = () => {
  this.props.addOrder(); // regular action
  this.props.purchase(); // thunk
};
// ... rest of component