小编Ama*_*may的帖子

我有id ='mainmenu'的div.我在按钮点击后通过JavaScript添加CSS3过渡(通过向#mainmenu添加'transition'并创建将添加到div元素的类.fadein和.fadeout).码:

<div id='mainmenu'></div>
<button id="btn1">Click me1</button>
<button id="btn2">Click me2</button>

#mainmenu {
    width:100px; 
    height:100px; 
    background:#eee; 
    -webkit-transition: opacity 1s; 
    -moz-transition: opacity 1s; 
    transition: opacity 1s; 
}

.fadeout {
    opacity:0;
}
.fadein {
    opacity:1;
}


var menu = document.getElementById('mainmenu'),
    btn1 = document.getElementById('btn1'),
    btn2 = document.getElementById('btn2');

btn1.addEventListener('click', function() {
    menu.className = 'fadeout';
}
btn2.addEventListener('click', function() {
    menu.className = 'fadein';
}

问题是现在我想添加display none和block to fadeout和fadein选项.所以在fadeout动画div之后应该显示none,并且在fadein显示块之后:

btn1.addEventListener('click', function() {
    menu.className = 'fadeout';
    menu.style.display = 'none';
}
btn2.addEventListener('click', function() {
    menu.className = 'fadein';
    menu.style.display = 'block'; …

如何暂停使用requestAnimationFrame制作的画布动画？我像这样开始动画:

码:

window.requestAnimFrame = (function() {
    return  window.requestAnimationFrame       ||
            window.webkitRequestAnimationFrame ||
            window.mozRequestAnimationFrame    ||
            function(callback) {
                window.setTimeout(callback, 1000 / 60);
            };
})();

function Start() {
    Update();
    requestAnimFrame(Start);
}

Start();

现在我想在keydown之后添加pause选项.有没有简单的方法呢？

我有一个关于CSS3的问题.是否可以选择在完成后重置动画(例如使用jQuery)？

示例:单击按钮后,动画重置.

我正在尝试在Canvas中创建一个平台游戏.我有主角和一些敌人.当玩家触摸敌人时,他将失去一些HP,并且他将在3s左右不可接触.现在我有一个问题.松开HP之后,我想将角色图像的不透明度设置为0.5(以显示不可触摸的东西).

var mainchar = new Image();
    mainchar.src = 'mainch.png';

我不想使用ctx.globalCompositeOperation = "lighter"或者ctx.globalAlpha = 0.5因为它们都改变了所有元素的不透明度(它是全局的).有没有办法改变图像的不透明度？例如'mainchar.changeopacity'？

我正在开发一款名为"狼山羊白菜"的益智游戏.编程语言是Prolog.

change(e,w).
change(w,e).
move([X,X,Goat,Cabbage],wolf,[Y,Y,Goat,Cabbage]) :- change(X,Y).
move([X,Wolf,X,Cabbage],goat,[Y,Wolf,Y,Cabbage]) :- change(X,Y).
move([X,Wolf,Goat,X],cabbage,[Y,Wolf,Goat,Y]) :- change(X,Y).
move([X,Wolf,Goat,Cabbage],nothing,[Y,Wolf,Goat,Cabbage]) :- change(X,Y).

oneeq(X,X,WW).
oneeq(X,WWW,X).

safe([Man,Wolf,Goat,Cabbage]) :-
        oneeq(Man,Goat,Wolf),
        oneeq(Man,Goat,Cabbage).

wgc([e,e,e,e],[]).

wgc(Config,[FirstMove|OtherMoves]) :-
        move(Config,FirstMove,NextConfig),
        safe(NextConfig),
        wgc(NextConfig,OtherMoves).

为了使它工作,我打电话 length(X,7),wgc([w,w,w,w],X).,它显示结果.问题是它显示了很多次第一个结果,然后是第二个结果:

X = [goat, nothing, wolf, goat, cabbage, nothing, goat] ;
X = [goat, nothing, wolf, goat, cabbage, nothing, goat] ;
X = [goat, nothing, wolf, goat, cabbage, nothing, goat] ;
X = [goat, nothing, wolf, goat, cabbage, nothing, goat] ;
X = [goat, nothing, wolf, goat, cabbage, nothing, goat] ; …

我想问一下普通Chrome浏览器中可用的标志(chrome:// flags).以前我使用Crosswalk和Cordova,我可以选择通过添加首选项来更改config.xml中的内容xwalkCommandLine.

<preference name="xwalkCommandLine" value="--enable-experimental-canvas-features --ignore-gpu-blacklist" />

由于Crosswalk基本上已经死了,在科尔多瓦可以做同样的事情吗？是否有其他首选项名称(或者甚至是插件)可以启用此功能？

我有一个简单的问题 - 有没有办法通过 JavaScript 读取主域上的子域 cookie？例如：我在子域yeah.something.com 中将cookie 'hello' 设置为值'2'，然后我想在something.com 上阅读它。我试图找到答案，但我只找到了如何通过在域上创建 cookie 在子域上设置 cookie 的信息。

我需要在Webpack开始构建过程之前执行一个JavaScript函数.该函数只接受.scss文件并将它们连接成一个.

之后,Webpack应该获取结果文件.有没有选择呢？

目前,我运行前的功能module.exports的webpack.config.js,但是似乎它的不同步操作.Module.exports在concat()函数结束之前执行,Webpack找不到.scss文件.

function concat(opts) {
  (...)
}

concat({ src : styles,  dest : './css/style.scss' });

module.exports = [
   (...)
] 

我正在尝试使用img标签创建一个简单的网站，该网站将使用new srcset属性。主要思想是根据屏幕分辨率更改图像（src）。

工作实例

问题出在sizes。如您所见，现在是100vw，但无法正常工作。对我而言，它将img的大小调整为屏幕的大约80％，而不是100％。最好的是，当我用CSS编写imgtag时width: 100vw，它将调整为屏幕的100％。

有人可以帮我吗？也许我做错了什么？

我正在尝试制作一个矩形，使其绕圆旋转并绕其自身旋转。我精彩的图画将表达我的意思:)

我绕着圆做了一个旋转矩形，但我无法绕着它自己旋转矩形。有人能帮我吗？我的代码：

var game = {

        canvas: document.getElementById('mycanvas'),

        ctx: document.getElementById('mycanvas').getContext('2d'), 

        char: {
            x: 100,
            y: 100,
            w: 50,
            h: 50,
            inc: 0
        },

        init: function() {
            game.drawAll();

        },

        Player: {
            move: function() {

                game.char.inc += 0.05;

                var 
                    x = game.char.inc, 
                    y = game.char.inc;

                    game.char.x = 100 * (Math.cos(x));
                    game.char.y = 100 * (Math.sin(y));

            }

        },

        drawAll: function() {
            game.ctx.clearRect(0,0,800,600);
            game.ctx.save();
            game.ctx.translate(400, 300);
            game.ctx.rotate(Math.cos(game.char.inc));
            game.ctx.fillRect(game.char.x, game.char.y, game.char.w, game.char.h);
            game.ctx.translate(-400, -300);
            window.requestAnimationFrame(game.drawAll);
            game.Player.move();
        }
}
$(function() { game.init(); });

http://jsfiddle.net/mQpSu/2/

我有PHP和JavaScript/CSS的问题.

我有数据库与表.该表有文章的描述.我想回应数据库中文章的描述.不幸的是,其中许多都包含JavaScript或CSS(然后是一些文章文本),所以当我使用echo时,它会显示所有代码(以及之后的文本).有没有办法不显示JavaScript/CSS部分并只显示文本？例如使用str_replace和正则表达式？如果是,有人可以写我应该怎么样？

感谢您的帮助,如果您需要更多信息(代码等),请告诉我

我正在使用canvas.getContext('2d', {alpha: false});（维基信息）来消除画布不透明度并提高动画性能。不幸的是，在那之后，画布元素获得白色背景。是否可以选择更改画布背景/颜色的默认颜色？

我尝试drawImage()填充整个区域，但是（由于动画）我认为这不是最好的解决方案：

var canvas = document.querySelector('#mycanvas'),
    ctx = canvas.getContext('2d', {alpha: false});

function run() {
    ctx.clearRect(0, 0, size.width, size.height);

    ctx.drawImage(bg, 0, 0, size.width, size.height);

    draw();
    update();

    requestAnimationFrame(run);
}

我真的很关心性能，所以只改变一次颜色会很有用。

有任何想法吗？