小编Ney*_*sor的帖子
在.data或attr中保存对象状态 - Performance vs CSS？
为了回应我昨天关于旋转图像的回答,Jamund告诉我使用.data()而不是.attr()
首先我认为他是对的,但后来我想到了一个更大的背景 ......是否总是更好地使用.data()而不是.attr()？我查了一些其他帖子,比如what-is-better-data-or-attr或jquery-data-vs-attrdata
答案对我来说不满意......
所以我继续并通过添加CSS来编辑示例.我认为如果它旋转,在每个图像上制作不同的样式可能是有用的.我的风格如下:
.rp[data-rotate="0"] {
border:10px solid #FF0000;
}
.rp[data-rotate="90"] {
border:10px solid #00FF00;
}
.rp[data-rotate="180"] {
border:10px solid #0000FF;
}
.rp[data-rotate="270"] {
border:10px solid #00FF00;
}
由于设计和编码通常是分开的,因此在CSS中处理此功能可能是一个很好的功能,而不是将此功能添加到JavaScript中.此外,在我的情况data-rotate就像是一个特殊的状态,其图像目前拥有.所以在我看来,在DOM中表示它是有意义的.
我还认为这可能是它在哪里好得多保存的情况下,.attr()然后用.data().以前从未在我读过的其中一篇文章中提到过.
但后来我考虑了性能.哪个功能更快？我建立了自己的测试:
<!DOCTYPE HTML>
<html>
<head>
<title>test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
function runfirst(dobj,dname){
console.log("runfirst …推荐指数
解决办法
查看次数
无法获得UIAStaticText的价值？
我试图访问value()的UIAStaticText(一个UILabel在客观C代码)JavaScript对象.我可以设置好的值setValue(),我可以确认模拟器更新文本,但当我尝试获取值时,我只能得到null.
即
text.setValue("new text");
将标签更新为模拟器中的"新文本".
text.value()
null在设置值后仍然返回.
我在这做错了什么？
推荐指数
解决办法
查看次数
不能使用jQuery添加两个十进制数字
我试图添加两个十进制值,但返回的总和是纯整数.怎么了？我找不到它.欢迎任何帮助.
jQuery(".delivery-method #ship_select").change(function(){
var cost = jQuery(this).val();
jQuery("#delivery_cost").val(cost); //returns 20.00
var tot = parseInt(cost) + parseInt(total); //total returns 71.96
});
使用代码我只得到91而不是91.96
推荐指数
解决办法
查看次数
如何在XML中找到特定节点？
我必须从以下XML中读取xml节点"name",但我不知道该怎么做.
这是XML:
<?xml version="1.0" standalone="yes" ?>
<games>
<game>
<name>Google Pacman</name>
<url>http:\\www.google.de</url>
</game>
</games>
码:
using System.Xml;
namespace SRCDSGUI
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}
private void Form1_Load(object sender, EventArgs e)
{
XmlDocument doc = new XmlDocument();
doc.Load(Application.StartupPath + @"\games.xml");
XmlElement root = doc.DocumentElement;
XmlNodeList nodes = root.SelectNodes("//games");
foreach (XmlNode node in nodes)
{
listBox1.Items.Add(node["game"].InnerText);
}
}
}
}
推荐指数
解决办法
查看次数
在json文件中定义日期
我想知道如何在json文件中设置今天的日期,就像我们在js中使用的一样.
有没有选项在json文件中指定Date.today()？
因为,每当我们读取json文件时,json数据都有date对象,它指定系统日期.
希望,你会明白我想说的.
提前致谢,
-Raja.
推荐指数
解决办法
查看次数
可以手动安装socket.io吗？
我几周前在我的工作电脑上安装了nodejs ...今天我已经尝试安装socket.io(通过npm install socket.io" on my stupid DOS terminal >_>),但我有一些代理问题然后我不能使用npm ...
可以Socket.io手动安装吗？或者我必须使用npm？
一如既往地为我糟糕的英语而烦恼
PS我的工作电脑SO是winXP
推荐指数
解决办法
查看次数
如何舍入parseFloat导致Jquery/Javascript？
我如何从文本字段中舍入一个值并将parseFloat结果包含在内？此应用程序基本上总结了单击时所有单选按钮的值,并在文本框中显示总和.
如果单选按钮值是一个整数,则下面的代码可以正常工作,但是如果我想在单选按钮上有浮点值,则总值将具有100.0000000679应该的时间100.任何提示将非常感谢.提前致谢.
function calcscore(){
var score = 0;
$(".calc:checked").each(function(){
score+=parseFloat($(this).val(),10);
});
$("input[name=openingsum]").val(score);
}
$().ready(function(){
$(".calc").change(function(){
calcscore();
});
});
HTML代码:
<input class="calc" name="v2" type="radio" onclick="ver2(this);" value="1.6666666666666666666666666666667" />Yes
<input class="calc" name="v2" type="radio" onclick="ver2(this);" value="0" />No
推荐指数
解决办法
查看次数
如何在Linux中安装py2exe模块
我下载了实际的py2exe包.但我不知道如何在我的系统中获得它.我的意思是我可以按照100%的教程,但我找不到任何如何安装py2exe到我的kubuntu 11.10.我也找不到我可以包含在我的工作文件夹中的py2exe.py.
有些人请帮助我,项目必须要到明天才能完成？
谢谢你的帮助
欢呼,克里斯
推荐指数
解决办法
查看次数
三角三角函数(ActionScript 3)
我试图在ActionScript 3中编写一个公式,它将以度为单位给出var"z"(请参见下图),然后我将转换为弧度.
我已经知道了变量"x"和"y"的价值.使用三角函数,我如何计算斜边的长度,从而计算var z的可变角度？AS3或伪代码中的解决方案将非常有用.谢谢.
推荐指数
解决办法
查看次数
将图像定位在布局之外
我正在制作一个宽960像素的网站,但是如果你有一个更大的屏幕,我想要在标题的两边都能看到图像.
因为我想保持网站960px宽我需要这些额外的侧面图像不被浏览器计算,我可以让它在左边工作
看这里:
http://www.wireframebox.com/test/sideimages/index_leftworks.html
码:
<!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">
body { margin: 0; padding: 0; border: 0; background-color:#096 }
img { border: 0; }
#main {
width:960px;
height:216px;
background-image:url(main.jpg);
position:relative;
top:0; margin: 0 auto;
}
#left {
width:170px;
height:216px;
background-image:url(left.jpg);
float:left;
left:-170px;
position:relative;
}
#right {
width:170px;
height:216px;
background-image:url(right.jpg);
float:right;
left:170px;
position:relative;
}
</style>
</head>
<body>
<div id="main">
<div id="left"></div>
<div id="right"></div>
</div>
</body> …推荐指数
解决办法
查看次数
标签 统计
javascript ×6
jquery ×3
css ×2
c# ×1
css3 ×1
date ×1
decimal ×1
html ×1
html5 ×1
hypotenuse ×1
install ×1
ios ×1
json ×1
node.js ×1
nodes ×1
parsefloat ×1
parseint ×1
performance ×1
py2exe ×1
python ×1
rounding ×1
socket.io ×1
trigonometry ×1
xcode4 ×1
xml ×1