小编Jas*_*ant的帖子

我应该使用<i>标签代替<span>吗?

我查看了Facebook的来源,他们使用<i>标签来显示图标.

此外,今天我查看了Twitter的Bootstrap.它还使用<i>标签来显示图标.

但,

来自HTML5规范:

I元素表示一个替代语音或心情的文本范围,或以其他方式偏离正常散文,例如分类标识,技术术语,来自另一种语言的惯用短语,思想,船名或其他散文的典型排版呈现斜体.

他们为什么使用<i>标签来显示图标?

这不是一个坏习惯吗?

或者我在这里遗漏了什么?

我正在使用span显示图标,它似乎对我有用,直到现在.

更新:

Bootstrap 3现在span用于图标.官方文件

html html5 semantic-markup

554
推荐指数
6
解决办法
23万
查看次数

jQuery在复选框的更改和单击事件之间的区别

标题建议我想知道复选框changeclick事件之间的区别(在jQuery中)

我已经读过这个答案了.click和.change在复选框上有什么区别

但是,它不适合我.change即使我在没有失去焦点的情况下击中空间也会开火

这是一个小提琴演示

两者似乎都是一样的.我在这里错过了什么吗?

javascript checkbox jquery onchange

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

未定义,typeof undefined,hasOwnProperty

拿这个片段,

var a = {

}

if(typeof a.c === 'undefined'){
 console.log('inside if');
}
if(a.c === undefined){
 console.log('inside if');
}
Run Code Online (Sandbox Code Playgroud)

两者都if导致了true.某些浏览器特定的两种语句有什么不同吗?

此外,在我的上一个项目中,我已经typeof a.c == 'undefined'多次使用来检查json数据中的值.

现在,我知道这不是好方法,因为某些价值可能也是undefined如此,所以我的逻辑会失败.

我应该用过hasOwnProperty.

但我相信,没有价值将是undefined,我可以用typeof a.c == 'undefined'代替hasOwnProperty或者我应该改变我所有的typeofhasOwnProperty

javascript

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

CSS3过渡留下了痕迹

有时使用特定文本,使用CSS3进行转换.我不知道它发生的原因,因此我不能在jsfiddle中重新创建它.

但是你可以在这里看第4张幻灯片(5张戒指)

http://jashwant.github.io/kickass-slider/

很酷的文字会留下痕迹,而动画和路径会在一段时间后被删除.但是其他文本没有任何痕迹也没问题.我无法找出问题所在.

我该如何避免这种痕迹?

(我使用的是最新的linux chrome 26.0.1410.63)

ps我正在使用jquery-transit来制作动画.

见图Cool.

在此输入图像描述

更新:

这是更详细的答案

google-chrome css-transitions jquery-transit

15
推荐指数
1
解决办法
3358
查看次数

基于价值的Highcharts更改条形颜色

我正在使用Highcharts并且想知道是否有可能在条形图中获得前3个结果,以便在图表的其余部分使用不同的颜色条?我正在从CSV文件填充图表.

这是我的javascript:

$(document).ready(function() {

        var options = {
            chart: {
                renderTo: 'container',
                defaultSeriesType: 'bar'
            },
            title: {
                text: 'Spiritual Gifts Results'
            },
            colors: [
                '#3BBEE3'
            ],
            xAxis: {
                categories: []
            },

            yAxis: {
                title: {
                    text: 'Service'
                }
            },
            series: []
        };

        var data = document.getElementById("<%= hdn_Data.ClientID %>");
        // Split the lines
        if (data.value != "") {
            var lines = data.value.split('\n');

            // Iterate over the lines and add categories or series
            $.each(lines, function(lineNo, line) {
                var items = line.split(',');
                // …
Run Code Online (Sandbox Code Playgroud)

javascript highcharts

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

jQuery detach()v/s remove()v/s hide()

我在我的页面中使用高级图表.这有点沉重.

当用户单击按钮时,它会动态加载高图,当用户单击close按钮时,它会删除/隐藏图表.

我想知道哪一个会更好.

  1. 用户点击时隐藏图表?它是否会减慢页面的其余部分(因为重型javascript和处理程序一起存在?)或者,

  2. remove() 它,这使页面更轻(但在这里,当用户再次点击按钮,我需要再次加载图表)或,

  3. 使用detach(),以便在重新加载highcharts时,它的工作速度比remove()(但不会因为jQuery处理程序一直存在而使页面变重?)

我从jQuery文档中知道,

.去掉()

.remove()方法从DOM中获取元素.如果要删除元素本身以及其中的所有内容,请使用.remove().除了元素本身之外,还删除了与元素关联的所有绑定事件和jQuery数据.

.分离()

.detach()方法与.remove()相同,除了.detach()保留与删除的元素关联的所有jQuery数据.当删除的元素稍后要重新插入DOM时,此方法很有用.

.隐藏()

匹配的元素将立即隐藏,没有动画.这大致相当于调用.css('display','none')

javascript jquery highcharts

12
推荐指数
2
解决办法
8349
查看次数

Mustache partials和代码重用

我正在为周末开始的项目留下小胡子.

我正在使用PHP实现.我有一些问题,因为我不习惯这个系统.

你如何处理模板继承或重用?我知道偏僻,但我应该如何使用它们?我正在做这样的事情,包括:

top.mustache:

<!DOCTYPE html>
<html lang='es'>
<head>
    <meta charset=utf-8" />
    <link rel="stylesheet" href="/media/style.css" type="text/css" media="screen" />
</head>
<body>
     <header><h1><a href="/">Top</a></h1>
     </header>
     <section>
Run Code Online (Sandbox Code Playgroud)

bottom.mustache:

        </section>
        <footer><a href="http://potajecreativo.com/">potaje</a></footer>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

以及呈现此模板的视图:

{{>top}}
<form action="/album/" method="post">
    <p><label for="name">Name</label> <input type="text" name="name" value=""/></p>
    <p><label for="description">Description</label> <textarea name="description" rows="8" cols="40"></textarea></p>
    <p><input type="submit" value="Save" /></p>
</form>
{{>bottom }}
Run Code Online (Sandbox Code Playgroud)

这是正确的方法吗?

php templates mustache

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

合并两个javascript对象,添加公共属性的值

我有两个或更多的JavaScript对象.我想合并它们添加公共属性的值,然后按值的降序对它们进行排序.

例如

var a = {en : 5,fr: 3,in: 9}
var b = {en: 8,fr: 21,br: 8}

var c = merge(a,b)
Run Code Online (Sandbox Code Playgroud)

c 应该是这样的:

c = {
fr: 24,
en: 13,
in:9,
br:8
} 
Run Code Online (Sandbox Code Playgroud)

即,两个对象都是合并的,添加了公共密钥的值,然后对密钥进行了排序.

这是我尝试过的:

var a = {en : 5,fr: 3,in: 9}
var b = {en: 8,fr: 21,br: 8}
c = {}

// copy common values and all values of a to c
for(var k in a){
  if(typeof b[k] != 'undefined'){  
    c[k] = a[k] + b[k]  
  }
  else{ c[k] …
Run Code Online (Sandbox Code Playgroud)

javascript jquery json

9
推荐指数
1
解决办法
3555
查看次数

Highcharts:添加自定义图像按钮

我想在highcharts上添加和图像按钮.到目前为止,我已经成功创建了一个图像按钮,并在其上附加了一个点击事件.但问题是,图像(sun.png)位于图表的左侧,图像按钮右对齐(工具栏的默认位置).对此有任何修复?

exporting: {
    buttons: {
        popUpBtn: {
            symbol: 'url(images/sun.png)',
            _titleKey: 'popUpBtnTitle',
            x: -10,
            symbolFill: '#B5C9DF',
            hoverSymbolFill: '#779ABF',
            onclick: function () {
                alert('ad');
                popUpChart($(this));
            }
        },
        exportButton: {
            enabled: false
        },
        printButton: {
            enabled: false
        }

    }
}
Run Code Online (Sandbox Code Playgroud)

此外,如果还有其他方法可以在图表中添加具有click事件的图像,那么也欢迎这些方法.

javascript jquery highcharts

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

SQLAlchemy - 限制连接加载结果

楷模:

class Team(Base):
    id = Column(Integer, primary_key=True)
    name = Column(String, nullable=False)

    players = relationship("Player", backref="team")

class Player(Base):
    id = Column(Integer, primary_key=True)
    name = Column(String(255), unique=True)
    team_id = Column(Integer, ForeignKey("team.id"))
    positions = relationship("Position", backref="player")


class Position(Base):
    id = Column(Integer(), primary_key=True)
    name = Column(String(255), unique=True)
    player_id = Column(Integer, ForeignKey("player.id"))
    goals = relationship("Goal", backref="position")


class Goal(Base):
    id = Column(Integer(), primary_key=True)
    distance = Column(Integer)
    position_id = Column(Integer, ForeignKey("position.id"))

Run Code Online (Sandbox Code Playgroud)
# Query to get all goals of all players of a team
query = (
    select(Team) …
Run Code Online (Sandbox Code Playgroud)

python sql postgresql join sqlalchemy

9
推荐指数
2
解决办法
2526
查看次数