小编Ale*_*ack的帖子
在包含HTML的CSS中使用CSS设置SVG样式
我有一个包含一个名为的简单三角形的SVG文件.该文件名为indicator.svg:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!--Scalable Vector Graphic-->
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:ev="http://www.w3.org/2001/xml-events"
baseProfile="full">
<polygon points="0,7 7,0 14,7"/>
</svg>
我有一个内置CSS的html,试图设置SVG多边形的颜色:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.indicator{
fill:blue;
}
</style>
<title>Untitled Document</title>
</head>
<body>
<img class="indicator" src="images/indicator.svg" />
</body>
</html>
但它不会将SVG中三角形的颜色更改为蓝色.怎么解决这个问题？我希望能够从HTML内部选择三角形的颜色,而SVG本身在一个单独的文件中.
推荐指数
解决办法
查看次数
使localStorage或sessionStorage像cookie一样过期
可能重复:
HTML5本地存储中的项何时到期？
我的Web应用程序使用客户端存储(sessionStorage和localStorage).但是,我希望这段数据在一段时间后过期(例如2天).这是一个非常简单的任务,有cookie的到期日期但我不知道如何设置HTML5存储的到期日期.
任何想法如何解决这个问题？效率和简单性很重要.
推荐指数
解决办法
查看次数
我真的需要调用getElementById()吗？
可能重复:
IE/Chrome:DOM树元素是全局变量吗？
我在浏览器中偶然发现了一个意外但有用的行为:它为我的html代码中具有ID的每个元素创建一个变量.所以当我有:
<div id="ohlala"> ... </div>
浏览器似乎在幕后运行此代码:
var ohlala = document.getElementById("ohlala");
所以我可以通过以下方式轻松更改该元素的文本:
ohlala.innerHTML="test"
在网上尝试:http://jsfiddle.net/Facby/
问题是:为什么我需要自己写这个document.getElementById()位？该代码的可移植性如何？我在Opera,FireFox和Chrome上试过,它有效!我可以依靠这个功能吗？浏览器是否总是为每个具有id的元素创建变量？在这种情况下,我必须更加小心我的javascript代码中使用的名称不要与HTML中的类似ID冲突,对吧？
推荐指数
解决办法
查看次数
在嵌套循环中创建事件处理程序的效率:我在这里创建了1440个函数吗？
我刚开发了一些代码来创建一个24x60的表.我想打印每个ID <td>上mouseover:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
table {
background-color:blue;
}
td {
width: 2px;
height: 2px;
background-color:red;
}
</style>
</head>
<body>
<table id="time-table"></table>
<script type="text/javascript">
var table = document.getElementById( "time-table" );
for ( var r = 0; r < 24; r++ ) {
var row = document.createElement( "tr" );
for ( var c = 0; c < 60; c++ ) { …推荐指数
解决办法
查看次数
我怎么知道一个表是否是一个数组？
我正在开发一个简单的优化JSON函数.Lua使用表来表示数组,但在JSON中我需要在它们之间进行识别.使用以下代码:
t={
a="hi",
b=100
}
function table2json(t,formatted)
if type(t)~="table" then return nil,"Parameter is not a table. It is: "..type(t) end
local ret=""--return value
local lvl=0 --indentation level
local INDENT=" " --OPTION: the characters put in front of every line for indentation
function addToRet(str) if formatted then ret=ret..string.rep(INDENT,lvl)..str.."\n" else ret=ret..str end end
addToRet("{")
lvl=1
for k,v in pairs(t) do
local typeof=type(v)
if typeof=="string" then
addToRet(k..":\""..v.."\"")
elseif typeof=="number" then
addToRet(k..":"..v)
end
end
lvl=0
addToRet("}")
return ret
end
print(table2json(t,true))
正如你在JSON参考中看到的那样,在Lua中object …
推荐指数
解决办法
查看次数
获取返回状态和程序输出
我需要使用Lua来运行一个二进制程序,该程序可以在其stdout中写入一些内容并返回一个状态代码(也称为" 退出状态 ").
我在网上搜索,找不到能满足我需要的东西.但是我发现在Lua:
os.execute()返回状态代码io.popen()返回一个可用于读取进程输出的文件处理程序
但是我需要两者.编写一个在场景后面运行两个函数的包装函数不是一个选项,因为进程开销和连续运行时结果可能会发生变化.我需要写一个这样的函数:
function run(binpath)
...
return output,exitcode
end
有谁知道如何解决这个问题？
PS.目标系统响了Linux.
推荐指数
解决办法
查看次数
如何在图块中浮动具有不同大小的元素
问题很简单.我有一堆要制作瓷砖的元素.然而,其中一些有更长的高度; 让我们说两倍于其他人.我希望所有这些都只是通过纯CSS样式在瓷砖中匹配.
这是我有的:
这就是我想要的:
这是我的代码:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div {
box-shadow: 0 0 1px black inset;
width: 100px;
display: inline-block;
}
#d1,
#d2,
#d4,
#d5,
#d6,
#d8,
#d9{
height: 100px;
background-color: yellow;
}
#d7,
#d3{
height: 200px;
background-color: red;
}
</style>
</head>
<body>
<div id="d1">1</div><div id="d2">2</div><div id="d3">3</div><div id="d4">4</div><div id="d5">5</div><div id="d6">6</div><div id="d7">7</div><div id="d8">8</div><div id="d9">9</div>
</body>
</html>
你可以在JSBin上试一试:http://jsbin.com/usovek/1/edit
笔记:
- 内容是动态的
- 盒子的数量可以变化
- 任何盒子都可以更长.可能更广泛.
- 盒子的宽度或高度总是多个单位.此示例中的单位为50,有些框为50,有些则为100px高.但如果问题解决了任何数量的单位(1,2,3 ... 50px,100px,150px,......)将是完美的
推荐指数
解决办法
查看次数
使用requirejs时访问全局对象
我知道不建议使用全局对象,使用AMD背后的整个想法是避免使用全局对象.但是对于一些遗留代码,我必须在全局对象中定义一些东西.目前代码如下所示:
//example2.js
define(function(){
var globalObject = window;
globalObject.x = ...
globalObject.y = ...
});
它工作但硬编码全局对象window看起来不是很好,我很想知道是否有可能删除它.什么时候define()没用,代码看起来像这样:
//example1.js
x = ...
y = ...
我知道,我知道你讨厌这段代码,但让我们define()谈谈:如何在requirejs中的函数内以结构化的方式访问全局变量？我希望有一个像函数的隐藏的最后一个参数传递给define()这样的:
//example3.js
define(function(globalObject){
globalObject.x = ...
globalObject.y = ...
});
甚至更简单:this变量将指向该函数内的全局对象.例如:
//example4.js
define(function(){
this.x = ...
this.y = ...
});
注意:我不确定最后一个.调查this传递给函数内部的变量require()说它等于window哪个可以作为我的问题的答案,但我找不到任何文档提到传递函数正在运行的上下文.也许它毕竟是在全局变量的上下文中运行的？
推荐指数
解决办法
查看次数
我可以向package.json添加任意数据吗？
我有一个基于浏览器的应用程序,它有一个package.json(用于使用node.js管理依赖项).
但是,我想在我的应用程序中添加一些json元数据,我有两个选择:创建一个新的json文件并添加数据,或将其添加到package.json.
问题是:
是否建议将特定于应用程序的非标准元数据添加到package.json？
我在哪里可以添加这些数据？在哪个键下？
_my_data似乎是一个很好的关键,但我找不到任何关于此的标准文档.
推荐指数
解决办法
查看次数
将有序列表<OL>编号为数组,并在数字周围用括号括起来
我有这个清单:
<ol start="0">
<li>Tokyo Skytree</li>
<li>Canton Tower</li>
<li>CN Tower</li>
<li>Ostankino Tower</li>
<li>Oriental Pearl Tower</li>
</ol>
其中显示的内容如下:
1. Tokyo Skytree
2. Canton Tower
3. CN Tower
4. Ostankino Tower
5. Oriental Pearl Tower
现在我想要的是这样的东西:
[1] Tokyo Skytree
[2] Canton Tower
[3] CN Tower
[4] Ostankino Tower
[5] Oriental Pearl Tower
理想情况下,我想要一个基于0的数组,如:
[0] = Tokyo Skytree
[1] = Canton Tower
[2] = CN Tower
[3] = Ostankino Tower
[4] = Oriental Pearl Tower
我已经阅读了CSS编号样式和CSS列表W3C草案,但我无法找到有效的解决方案.
推荐指数
解决办法
查看次数