在我的node.js应用程序中,我做了一个,npm install btoa-atob以便我可以使用btoa()和atob()函数,这些函数在客户端javascript中是原生的,但由于某种原因未包含在节点中.新目录显示在我的node_modules文件夹中,该文件夹本身与app.js一起位于root目录中.然后我确保在我的package.json文件中添加btoa-atob作为依赖项,该文件位于root中.
但是,由于某种原因,它仍然无法正常工作.
console.log(btoa("Hello World!"));
Run Code Online (Sandbox Code Playgroud)
^应该输出"SGVsbG8gV29ybGQh"到控制台,但我得到错误"btoa不是defiend".
我没有正确安装吗?我忽略了什么?
我的页面上有一个div元素,其高度设置为100%.身体的高度也设定为100%.内部div具有背景和所有这些并且与身体背景不同.这适用于使div高度为浏览器屏幕高度的100%,但问题是我在div内部的内容垂直延伸超出浏览器屏幕高度.当我向下滚动时,div在您必须开始滚动页面的位置结束,但内容溢出超出该范围.如何让div始终一直到底以适应内在的内容?
这是我的CSS的简化:
body {
height:100%;
background:red;
}
#some_div {
height:100%;
background:black;
}
Run Code Online (Sandbox Code Playgroud)
滚动页面后,黑度结束,内容流向红色背景.在#some_div上我将位置设置为相对位置还是绝对位置似乎并不重要,问题是否发生.#some_div中的内容大多是绝对定位的,它是从数据库动态生成的,因此无法提前知道其高度.
编辑:以下是问题的屏幕截图:

我有一个名为Blob()的字符串:
var mystring = "Hello World!";
var myblob = new Blob([mystring], {
type: 'text/plain'
});
mystring = "";
Run Code Online (Sandbox Code Playgroud)
如何取回字符串?
function getBlobData(blob) {
// Not sure what code to put here
}
alert(getBlobData(myblob)); // should alert "Hello World!"
Run Code Online (Sandbox Code Playgroud) 我有一个有移动样式表的网站:
<link rel="stylesheet" href="css/mobile.css" media="handheld">
Run Code Online (Sandbox Code Playgroud)
我也在使用jQuery来检查移动设备并相应地改变功能.
但我想知道是否有办法强制仅横向方向并禁用自动旋转?CSS或jQuery解决方案都可以.
谢谢!
在客户端独立的JS应用程序中,我正在努力实现它,所以我可以在画布上调用toDataURL(),在画布上我绘制了一些由URL指定的图像.即我可以在文本框中输入我要在画布上绘制的任何图像(托管在,例如,imgur)上的URL,单击"绘制"按钮,它将在画布上绘制.最终用户应该能够将他们的最终渲染保存为单个图像,因为我正在使用toDataURL().
无论如何,直到他们真正解决了令人讨厌的"操作不安全"错误(哎呀,你要告诉最终用户他们可以做什么,不能做他们自己的数据?)我按照一个解决方法说要添加图像到DOM并将其crossOrigin属性设置为"Anonmyous",然后将其绘制到画布上.
这是我的代码的完整工作简化版本(但实际上会有更多功能):
<!DOCTYPE html5>
<html>
<head>
<style>
#canvas {border:10px solid green;background-color:black;}
#imgbox {border:2px solid black;}
</style>
</head>
<body>
<canvas id="canvas" width=336 height=336></canvas>
<br><br>
<input size=60 id="imgbox">
<input type="submit" value="Draw" onclick=draw()>
<script>
function draw() {
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
var img = new Image();
img.src = document.getElementById("imgbox").value;
img.crossOrigin = "Anonymous";
context.drawImage(img, 40, 40);
}
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
如果没有该img.crossOrigin = "Anonymous";行,我可以输入http://i.imgur.com/c2wRzfD.jpg文本框并单击绘图,它会起作用.然而,只要我添加该行,整个事情就会破碎,甚至根本不会被绘制到画布上.
我需要更改什么来解决这个问题?我真的需要能够为最终用户实现保存最终图像的功能,并且编写html5规范的人故意介绍了这个bug,这非常令人讨厌.
在我的主要过程中,我创建了一个渲染器窗口:
var mainWindow = new BrowserWindow({
height: 600,
width: 800,
x: 0,
y: 0,
frame: false,
resizable: true
});
mainWindow.openDevTools();
mainWindow.loadURL('file://' + __dirname + '/renderer/index.html');
Run Code Online (Sandbox Code Playgroud)
然后我想以某种方式与它沟通:
mainWindow.webContents.send('message', 'hello world');
Run Code Online (Sandbox Code Playgroud)
但是,主窗口不会收到此消息,因为在我尝试发送它时未完全创建它.
我通过将后一个代码包装在setTimeout()中暂时解决了这个问题,但这绝对不是解决竞争条件的正确方法.
主窗口准备就绪时是否有回调?我尝试了文档中提到的"准备展示"活动,但它没有用.
有没有办法用css而不是脚本来做到这一点?我有一个最小宽度的div,它内部是一个绝对定位的内部div,动态生成可变宽度的内容.有时内容超出了包含div,但由于它的绝对位置,它不会拉伸包含div.如何让它延伸包含div?谢谢
如何获得表示设备背面相对于地球坐标指向方向的方向向量?
例如,如果放在桌子上(屏幕朝上),它应该读取[0,0,-1],如果垂直朝北,则应该读取[1,0,0]等.
我知道如何从航向,俯仰和滚转计算它,只要它们相对于地球坐标.要清楚这里,我不是在寻找角速度,而是寻找相对于与地球相切的平面的实际当前角度.因此,如果设备垂直保持朝北,角度"alpha"应为0或360,角度"beta"应为90,"gamma"应为0.我无法弄清楚如何获取这些值无论是.
我整天都在阅读API,但我仍然无法找到如何获得这些东西.
public void onSensorChanged(SensorEvent event) {
// ?
}
Run Code Online (Sandbox Code Playgroud)
感谢您的任何见解.
如果我有一个简单的网页和脚本,如下所示:
<body>
<div id="alpha">a</div>
<div id="beta">b</div>
<div id="gamma">g</div>
</body>
<script>
window.addEventListener('deviceorientation', function(event) {
var alpha = event.alpha;
var beta = event.beta;
var gamma = event.gamma;
document.getElementById("alpha").innerHTML = alpha;
document.getElementById("beta").innerHTML = beta;
document.getElementById("gamma").innerHTML = gamma;
}, false);
</script>
Run Code Online (Sandbox Code Playgroud)
我可以在Android的移动Firefox中打开它,它将输出3个如下所示的数字:
89.256125
3.109375
0.28125
Run Code Online (Sandbox Code Playgroud)
旋转设备时,数字会根据旋转轴而变化.我注意到"alpha"的值非常嘈杂 - 即使手机在桌面上休息,它们也会不间断地反弹,而其他两个保持稳定.我明白阿尔法是我的标题.我好奇的是,它是从指南针(有噪音问题)得到"alpha"值而另外两个来自陀螺仪吗?
另一个问题是当我改变音高时,由于某种原因,标题也会改变,即使我实际上没有改变音标.我只是好奇为什么会这样,以及如何纠正它?
此外,由于陀螺仪测量角速度,我认为这个事件监听器是自动集成的 - 集成算法是否与任何一个一样好?它是否使用加速度计来校正漂移?
在这个谷歌技术讲座视频中,从15:00到19:00,演讲者谈到通过使用加速器来校正陀螺仪固有的漂移,以及校准相对于重力的方向:http://www.youtube .com/watch?v = C7JQ7Rpwn2k 我该怎么做呢?
感谢任何人的见解.
以下代码无效的原因是什么?
alert("1");
document.head.appendChild("<script type=\"text/javascript\" src=\"https://getfirebug.com/firebug-lite.js\"></script>");
alert("2");
Run Code Online (Sandbox Code Playgroud)
(我知道它正在破裂,因为1被警告但不是2.)
完成同样事情的正确方法是什么?即,将脚本标记附加到文档头,其中标记使用SRC属性获取.js文件.我不希望它写内联javascript.
谢谢!