小编vsy*_*ync的帖子

为什么animation属性不适::selection用于CSS中的选择器？

演示页面

@keyframes frames{ 
  50%{ color:red } 
}
@-webkit-keyframes frames{ 
  50%{ color:red } 
}

::selection        { background:#EEE;         animation:0.4s frames infinite; }
::-moz-selection   { background:#EEE;         animation:0.4s frames infinite; }
::-webkit-selection{ background:#EEE; -webkit-animation:0.4s frames infinite; }

如何才能缓存最顶层的范围,以便以后在原型中更深入地使用,如下所示:

var Game = function(id){
   this.id = id;
};

Game.prototype = {
  board : {
    init: function(){
       // obviously "this" isn't the instance itself, but will be "board"
       console.log(this.id);
    }
  }
}

var game = new Game('123');
game.board.init(); // should output "123"

更新:

那么现在我考虑一下,我可以使用apply/ call并传递上下文...

game.board.init.apply(game);

这是一个小提琴

CSS:

div{
    width:160px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    text-transform: uppercase;
}

我编辑了一个由其他人创建的小提琴,他们打算回答这个问题.

这个答案是正确的并且运作良好,但在一个案例中,这种方法效果不佳.如果文本应该是100%的框,省略号隐藏最后几个字母并添加"..."但是当你操纵css并删除溢出语句时,你会看到,大小适合.

所以这种方式并非100%可靠.但我需要一个100%的工作.
请有人帮帮我吗？

我刚刚写了我的第一个书签。它是简单的 js 代码，它获取当前页面的 URL 并执行 POST 请求以将其提交到另一个页面。

问题是我需要在不允许 HTML 的博客平台 (quora.com) 上共享此内容。因此，我需要在另一个网站上发布指向我的书签的链接，并提供指向该书签的链接。我希望能够提供一个链接，人们可以将其拖动到书签栏。

这是书签代码。

javascript:(function() {
    var msg = window.jQuery.ajax({url:'https://www.quora.com/api/logged_in_user',async:false,type:'GET'});
    var username = undefined;
    if (msg) {
        username = window.jQuery.parseJSON(msg.responseText.replace('while(1);',''));
    window.jQuery.post('https://my-website',
        {'answer_1':window.location.href,'submitter':username.name});
    alert (username.name + ' nominates  ' + window.location.href);
}})();

在此示例中，我使用名为ADD_TODO的操作

import { createStore, combineReducers } from 'redux';

function todos(state, action) {
    state = state || [];
    switch (action.type) {
        case 'ADD_TODO':
            return state.concat([ action.text ]);
        default:
            return state;
    }
}

function counter(state, action){
    state = state || 0;
    switch (action.type){
        case 'INCREMENT':
            return state+1;
        case 'DECREMENT':
            return state-1;
        case 'ADD_TODO':
            return state+100;
        default:
            return state;
    }
}

var app = combineReducers({
    todos: todos,
    counter: counter
});

var store = createStore(app);
store.dispatch({ type: 'ADD_TODO': text: 'buy eggs' }); …