我想在我的html5缓存清单中使用第三方js.
我不知道我能不能做到,如果可能的话怎么样？
我可以在清单文件中指定完整的第三方js url吗？
我看过一些例子,他们在清单中为图像指定了http url,那么为什么我们不能为js和css做同样的事情呢？
如果我们无法实现它,还有其他选择吗？我知道我们可以将第三方j存储在本地存储中.
示例表示赞赏.
我最近正在使用HTML5 Canvas.这是我的JSFiddle:
以下是我发现的可能有用的内容:
http://www.mono-software.com/blog/post/Mono/145/jQuery-dynamic-text-sizing/
我需要这样的东西:
如果document.getElementById("nom").value.length> 10 ...则每次输入一个字母时文本值将拉伸-5%...因此,如果有文字,文本将开始缩小(仅宽度)在"画布"的文本框中键入10个以上的字母.
有谁知道我怎么能做这个工作？
谢谢!
我使用以下html标记和css代码来设计我的登录页面.
HTML
<!DOCTYPE html>
<html>
<head runat="server">
<title></title>
<link href="Styles/Site.css" rel="stylesheet" type="text/css" />
</head>
<body style="background:transparent;">
<div id="divContainer"></div>
<form id="form1" runat="server">
<div id="topDiv"></div>
<div id="divMain">
<aside><div id="logo">
<img id="imgLogo" src="Images/minerva.jpg" />
</div></aside>
<aside>
<div id="divContact"></div>
</aside>
</div>
<footer>
</footer>
</form>
</body>
</html>
CSS
#topDiv {
box-shadow: 0px 10px 20px #888888;
background-color: #113871;
width: 100%;
height: 40px;
}
#logo { }
#imgLogo {
width: 400px;
height: 200px;
margin-top: 20px;
float: left;
}
#divContact {
width: 300px;
height: 400px;
background-color: White;
opacity: …如果我在这样的页面上格式化一段文字:
document.execCommand('formatBlock', false, 'h1');
如何删除此格式？
我需要允许用户选择图像,然后将base64图像数据保存到Chrome中的Web sql数据库.然后,当用户上线时,将这些数据上传到服务器.
我可以得到这样的图像数据:
function onFileUploadChange(input) {
if (input.files && input.files[0]) {
//alert(input.files.length);
for (i = 0; i < input.files.length; i++) {
previewImage(input.files[i], "ImageTag" + getUniqueID());
}
}
}
function previewImage(file, imgID) {
$("#ImagePreview").append("<img id='" + imgID + "' />");
var reader = new FileReader();
reader.onload = function (e) {
$("#" + imgID)
.attr('src', e.target.result)
.width(200)
.height(200);
};
reader.readAsDataURL(file);
}
image.src具有base64图像数据.
一旦用户点击保存,我将获取所有图像的src,即base64图像数据,并将它们保存到chrome的web sql数据库中.现在的问题是大多数图片都太大了.我想调整它们的大小来说原始大小的1/4,然后将其保存到web sql.有什么办法吗？可能用帆布？
谢谢.
好吧,我在2001年把html&css倾斜了.我习惯做这样的事情(要创建一个带有"垂直列"布局的网站):
<html>
<head>
<title>Vertical-column layout</title>
</head>
<body>
<table id="doc" >
<!-- header -->
<tr>
<td id="header" colspan="3"><!-- header code/php include --></td>
</tr>
<!-- / header -->
<!-- / content -->
<tr>
<td id="col1" name="menu"><!-- content code/php include --></td>
<td id="col2" name="content_left"><!-- content code/php include --></td>
<td id="col3" name="content_right"><!-- content code/php include --></td>
</tr>
<!-- / content -->
<!-- footer -->
<tr>
<td id="footer" colspan="3"><!-- header code/php include --></td>
</tr>
<!-- / footer -->
</table>
</body>
</html>
容易,一切都按照我想要的方式自动对齐,没有css头痛等等.那时候生活很美好.然而,不久前,我读到这种方法不应再使用了.我打算尝试使用一堆div的新方法,但w3c和w3c的验证不喜欢你使用块元素作为内联元素... WTF !!!
所以...我的沮丧让我问你们: …
我试图在网站的可变长度内容部分构建复杂的阴影背景.我已经尝试过我所知道的每一个技巧来完成这项工作,而且无法弄清楚如何让它正常工作.我希望这里的CSS忍者可以提供帮助.
你可以在这里看到我想要完成的一个例子:http://mpgnet.com/example.jpg
如您所见,顶部和底部阴影很容易.右侧和左侧的阴影是麻烦制造者.顶部和底部150px与中心部分不同,当中心内容物垂直增长时,需要扩展.
这里它变得非常棘手:这些阴影必须具有透明背景,因为背景不是实心的(因为在这个示例图像中突出显示阴影),并且因为长度是可变的,所以你永远不知道端帽会在哪里落在背景图案上.因此,我不能只用重复的阴影制作整个东西,然后用顶部和底部覆盖它的顶部.
任何建议/想法/灵感如何实现这一点是值得赞赏的.CSS3用法还可以.
我有一个我这样创建的ember应用程序:
window.App = Ember.Application.create({});
我想对Web worker进行一些后台处理.
如何在单独的Web工作线程中访问窗口对象或其他全局对象？
我希望这不是太开放的结果.
我想知道是否有更好的(更多电池友好的)方式 -
我有一个小的HTML 5游戏,画在画布上(比方说500x500).我有一些对象的位置我每50ms更新一次.我目前的实现每50毫秒重新绘制整个画布.我无法想象在移动平台上的电池寿命非常好.
有一个更好的方法吗？这必须是游戏的常见模式.
编辑:
根据要求,这里有一些更新:
现在,对象是通过弧线和线条绘制的几何图元.我并不反对制作这些小的png/jpg/gif文件而不是帮助.这些是小图形 - 只需15x15左右.
随着游戏的进行,越来越多的屏幕一次变化.但是,在开始时,屏幕变化相对较慢(对象每隔50ms随机移动几个像素).
我正在研究一种用于iPad的纹理选择器.所以基本上只是一堆图像元素.为了避免图像重新加载和延迟,我Image在JS中缓存并重用了这些对象.这个排序
/**
* Asynchronous version of memoize for use with callback functions. Asserts
* that last argument is the callback.
*
* @param {Function} func
* @return {Function}
*/
util.memoize.async = function(func) {
var cache = {};
return function() {
var hash = JSON.stringify(arguments);
var args = Array.prototype.splice.call(arguments, 0);
var callback = args.pop();
if (hash in cache) {
return callback.apply(this, cache[hash]);
}
args.push(function() {
cache[hash] = Array.prototype.splice.call(arguments, 0);
callback.apply(this, cache[hash]);
});
return func.apply(this, args);
};
};
/**
* …html5 ×10
javascript ×5
html ×4
canvas ×3
css ×3
css3 ×3
jquery ×2
asp.net ×1
caching ×1
css-float ×1
formatting ×1
html5-canvas ×1
image ×1
ipad ×1
layout ×1
resize ×1
web-worker ×1