小编Sir*_*Sir的帖子

在不同浏览器中使用相同数学的不同结果

编辑:因为chrome已经更新了浏览器 - 这个问题是多余的,因为他们修复了内部错误,这意味着不再出现此问题.

我有一个固定在画布中心的圆圈动画.

圆越大,运动越不稳定.但不仅如此,对我来说至少在Chrome到Firefox方面要差得多.

数学在这个函数中完成:

function update(deltaTime){
    var centerX = canvas.width/2;
    var centerY = canvas.height/2;
        i.currentAngle = (i.currentAngle || 0) + (deltaTime/1000 * i.rotationSpeed);

    if(i.currentAngle>2*Math.PI){
        i.currentAngle-=2*Math.PI;
    }
        i.x = centerX + (i.radius*i.factor) * Math.cos(i.currentAngle);
        i.y = centerY + (i.radius*i.factor) * Math.sin(i.currentAngle);  
}
Run Code Online (Sandbox Code Playgroud)

这是工作示例中的代码:

http://jsfiddle.net/96QDK/

Chrome输出:

Firefox输出:

在此输入图像描述

Firefox似乎最接近我的目标,但Chrome只是古怪.

为什么我会得到这样不同的结果?我应该提到我已经问了几个人他们看到了什么,每个人都看到了不同的不准确性.

javascript math v8 spidermonkey

53
推荐指数
1
解决办法
1255
查看次数

浏览器中的图像表现为背景重复CSS

有没有人知道哪个浏览器在这两个选项之间加载时间会更好:

background-image:url('1by1px.png');
Run Code Online (Sandbox Code Playgroud)

要么

background-image:url('10by10px.png');
Run Code Online (Sandbox Code Playgroud)

为div重复1px乘1px半透明png.或者更大的一个说10px乘10px.

必须要进行某种循环才能在浏览器中显示重复的图像,所以我想知道1px by 1px导致很多循环的图像是否显示图像显示它实际上可能比较大的图像速度快尺寸较小的图像,循环次数较少?

当然,计数器参数是1by1的图像尺寸小于10by10,但并不意味着它更小更好,因为多次循环可能不会像稍微小一些地循环大图像尺寸那样好.

有没有更多关于哪个会更好以及浏览器如何处理这样的情况?

html css browser

28
推荐指数
2
解决办法
2324
查看次数

node-mysql connection.end()在哪里

我真的很困惑在node-mysql中使用connection.end().

我不完全明白它的位置,目前我在查询后放置它然后如果我创建一个新的查询我得到一个错误 Cannot enqueue Query after invoking quit.

现在我的应用程序有一堆检查在这里是其中之一:

   socket.on('connect', function(data,callBack){
       var session = sanitize(data['session']).escape();                    

       var query = connection.query('SELECT uid FROM sessions WHERE id = ?', [session],
           function(err,results){
           if(err){ 
                  console.log('Oh No! '+err);                   
              }else{
                  io.sockets.socket(socket.id).emit('connectConfirm',{data : true});
              }
              connection.end();
           });
   });
Run Code Online (Sandbox Code Playgroud)

此后如果我有任何其他查询我得到错误发生.

我在我的jsFiddle中做了一个更明智的解释:http://jsfiddle.net/K2FBk/以更好地解释我得到的问题.node-mysql的文档并没有完全解释正确的放置位置connection.end()

应该去哪里避免这个错误?

mysql sockets node.js

16
推荐指数
1
解决办法
2万
查看次数

在圆圈周围移动阴影

我有一个每10秒绕一圈旋转的圆圈.我正在尝试投射一个朝向轨道原点(光源)倾斜的阴影,同时还要考虑相机角度.

阴影适用于某些角度,但随着相机越来越倾斜或更多自上而下,它开始看起来不那么准确,我不知道如何纠正它 - 这似乎是一个复杂的数学问题,我正在努力弄清楚怎么解决.

这是动画:http://jsfiddle.net/8y2bm88w/

我为阴影绘制代码:

ctx.beginPath();

//rotate shadow with the planet
ctx.translate(originX + obj[i].x, originY + obj[i].y);
ctx.rotate(obj[i].angle); //rotate around origin
ctx.translate(-(originX + obj[i].x), -(originY + obj[i].y));


var offsetX = -(10 * Math.sin(obj[0].angle)); //i feel this is the issue
var offsetY = 0; //this too

ctx.rect(originX + obj[i].x + offsetX, originY + obj[i].y + offsetY - 10, 20, 20);
ctx.fillStyle = 'rgba(213,0,0,0.9)'; //red shadow - easier to see
ctx.fill();
Run Code Online (Sandbox Code Playgroud)

代码通过JSFiddle更有意义,因为它将代码放入更多上下文中.

所以我认为这与数学offsetX和offsetY变量有关,因为用户改变了摄像机角度,偏移量需要适应和改变阴影移动的方式.但是,这真的让人困惑如何解决.

javascript math transformation

14
推荐指数
1
解决办法
186
查看次数

防止浮动左div转到新行

我有4个div设置为向左浮动,但是结束div在一个较小的屏幕上保持包裹两个新线,这真的很烦我...我希望它们随着屏幕尺寸缩放,所以它们总是保持在同一条线上屏幕尺寸...我试图不使用一个表(这是非常诱人的给他们v.reliable为此!!!)

我想知道如何解决这个烦人的问题,所以无论屏幕尺寸如何,它们总能保持在原位?

我有这个作为我的CSS:

.wrapper{
    margin:0 auto;
    width: 80%;
    display: table-cell;
}
.gridf{
    float:left;
    margin-right:3px;
    width:200px;
    min-height:200px;
    border:1px solid white;
}
.grid{
    float:left;
    margin-left: 3px;
    margin-right:3px;
    width:200px;
    min-height:200px;
    border:1px solid white;
}
.gridl{
    float:left;
    margin-left: 3px;
    width:200px;
    min-height:200px;
    border:1px solid white;
}
Run Code Online (Sandbox Code Playgroud)

我的HTML:

<div style="overflow: hidden;">

 <div class="wrapper">

        <div class="gridf"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="gridl"></div>

 </div> 



</div>
Run Code Online (Sandbox Code Playgroud)

请帮忙:D

html css

12
推荐指数
1
解决办法
3万
查看次数

在不使用SELECT的情况下,在SQL中将布尔值更新为相反的布尔值

是否有可能升级bool字段,告诉它将字段更新为与其相反的字段而不必选择值 - 检查它然后相应地更新,这看起来很长...

我的意思的一个伪示例

UPDATE `table` SET `my_bool` = opposite_of(my_bool)
Run Code Online (Sandbox Code Playgroud)

目前我必须在一个查询中选择my_bool,然后快速检查其值,以便我可以在第二个查询中更新表.

如果有可能的话,我希望将其减少到一个查询?

mysql sql pdo sql-update

11
推荐指数
2
解决办法
2万
查看次数

使用内部联接插入查询

我想使我的插入查询具有内部联接到用户的数据表.

表的例子是这样的:

users:

uid | name 
Run Code Online (Sandbox Code Playgroud)

users_data:

id | data_id | uid | other fields
Run Code Online (Sandbox Code Playgroud)

data_stocks

id | data_id | quantity
Run Code Online (Sandbox Code Playgroud)

所以我试图插入data_stocks只涉及知道uid从users.

有点像这样:

INSERT INTO data_stocks (data_id,quantity)
VALUES (' need to join it some how ','$quantity');
Run Code Online (Sandbox Code Playgroud)

这在mySQL中是否可行?

mysql

11
推荐指数
1
解决办法
4万
查看次数

MySQL列表IN列表

我目前将用户的输入存储在逗号分隔的列表中,如下所示:

Userid | Options
1      |  1,2,5
Run Code Online (Sandbox Code Playgroud)

用户在表单中勾选一组选项,这是一个数组,然后用逗号连接

1,2,5
Run Code Online (Sandbox Code Playgroud)

然后MySQL试图找到其他用户,这些用户在不同的字段名称上勾选了一些或所有相同的选项(尽管是同一个表).

目前我这样做:

WHERE `choices` IN ('.$row['myoptions'].')
Run Code Online (Sandbox Code Playgroud)

所以这可能是这样的:

WHERE 1,2,5,8 IN (1,4,6)
Run Code Online (Sandbox Code Playgroud)

这将返回true,因为至少有一个值匹配正确吗?或者我有这个困惑..

mysql

10
推荐指数
1
解决办法
6万
查看次数

在Javascript中反序列化PHP数组

我有一个表,其中包含一系列序列化数组,我计划请求并传递给它JavaScript.

问题是 - 是否可以unserialize使用JavaScript而不是PHP?

否则我将必须加载所有行,循环它们并反序列化它们并将它们分配给临时PHP数组然后json_encode它回到JavaScript,如果我可以发送仍然序列化的数据以便JavaScript可以反序列化数据,这似乎效率很低它需要.

是否有内置的Javascript函数可以执行它,还是我必须在编码之前在PHP中循环行?

注意我没有使用jQuery.

编辑:我的表中的PHP序列化数据示例:

a:8:{i:0;a:2:{i:0;i:10;i:1;i:11;}i:1;a:2:{i:0;i:9;i:1;i:11;}i:2;a:2:
{i:0;i:8;i:1;i:11;}i:3;a:2:{i:0;i:8;i:1;i:10;}i:4;a:2:{i:0;i:8;i:1;i:9;}i:5;a:2:
{i:0;i:8;i:1;i:8;}i:6;a:2:{i:0;i:8;i:1;i:7;}i:7;a:2:{i:0;i:8;i:1;i:6;}}
Run Code Online (Sandbox Code Playgroud)

javascript php ajax

8
推荐指数
3
解决办法
4万
查看次数

在SFML中获取文本的维度

我想知道如何在SFML中获取文本的尺寸?

我试着这样做:

 sf::Text text("Hello SFML", font, 50);

// using text.getRect()
// i also tried getScale() & getSize()
// neither are correct

 text.setPosition( window.getSize().y/2 - text.getRect().y,50 );
Run Code Online (Sandbox Code Playgroud)

有人知道吗 ?

谢谢 :)

c++ sfml

7
推荐指数
1
解决办法
9934
查看次数

标签 统计

mysql ×4

javascript ×3

css ×2

html ×2

math ×2

ajax ×1

browser ×1

c++ ×1

node.js ×1

pdo ×1

php ×1

sfml ×1

sockets ×1

spidermonkey ×1

sql ×1

sql-update ×1

transformation ×1

v8 ×1