小编use*_*621的帖子

分别了解offsetWidth,clientWidth,scrollWidth和-Height

StackOverflow上有几个关于offsetWidth/clientWidth/scrollWidth(和-Height)的问题,但没有一个问题可以全面解释这些值是什么.

此外,网上有几个来源,提供令人困惑或不正确的信息.

你能给出一个完整的解释,包括一些视觉提示吗?另外,如何使用这些值来计算滚动条宽度?

html css dom

355
推荐指数
5
解决办法
13万
查看次数

HTML是无上下文的语言吗?

阅读一些 相关 问题让我思考HTML的理论本质.

我不是在谈论类似XHTML的代码.我正在谈论像这个疯狂的标记,这是完全有效的HTML(!)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html<head>
<title//
<p ltr<span id=p></span</p>
</>
Run Code Online (Sandbox Code Playgroud)

因此,鉴于SGML注入的巨大复杂性,HTML是一种无上下文的语言吗?这是一种正式的语言吗?用语法?

HTML5怎么样?

我是正式语言概念的新手,所以请耐心等待.是的,我已阅读维基百科的文章;)

html sgml grammar language-theory

46
推荐指数
4
解决办法
1万
查看次数

一体化位置/ hashchange历史管理库

首先,我知道有提供polyfills图书馆location.pushState/ popState(History.js,Hash.js,jQuery的hashchange),所以请不要只是链接到这些.

我需要一个更强大的库来实现RIA中的以下功能:

  1. 用户单击链接
  2. 库通知并通过Ajax加载上下文(没有完全重新加载!)
  3. <a>利用点击处理程序利用所有元素
    • 防止2.(preventDefault)和中的页面重新加载
    • 为旧版浏览器调用location.pushState/设置location.hash
  4. 已加载的内容将插入页面并替换当前内容
  5. 继续1.

此外,应在用户导航回来时恢复以前加载的内容.

例如,在Internet Explorer <10和任何其他浏览器中点击Google+.

有什么东西可以接近吗?我需要支持IE8,FF10,Safari 5和Chrome 18.此外,它应该拥有像MIT或Apache这样的许可许可.

javascript cross-browser browser-history

42
推荐指数
5
解决办法
1万
查看次数

从XPath中的选择中排除某些元素

我知道这是一个简单的问题,但我无法弄清楚.考虑以下简单的XML文档:

<root>
  <a></a>
  <b></b>
  <c></c>
  <a></a>
  <d></d>
  <e></e>
  <a></a>
  <a></a>
</root>
Run Code Online (Sandbox Code Playgroud)

什么是选择节点的最佳方式<b>通过<e>使用XPath?

我正在寻找类似的东西

/root/*[not(a)]
Run Code Online (Sandbox Code Playgroud)

(这不是诀窍)

xml xpath

38
推荐指数
3
解决办法
4万
查看次数

Git:显示提交后的文件内容

在阅读Git pre-commit hook:更改/添加文件后,出现以下问题:

鉴于我有一个包含分阶段和非分阶段更改的文件,如何在分段后显示文件内容的预览?

例:

echo "foo" >> file
git add file
echo "bar" >> file
Run Code Online (Sandbox Code Playgroud)

通缉输出:

[previous contents of file]
foo
Run Code Online (Sandbox Code Playgroud)

git bash

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

将重点放在Extjs文本字段上

目前我在设置焦点在extjs文本字段时遇到了问题.当表单显示时,我想将焦点设置为名字文本框,我尝试在函数focus()中使用build但仍然无法使其工作.我很高兴看到你的建议.

var simple = new Ext.FormPanel({

    labelWidth: 75, 
    url:'save-form.php',
    frame:true,
    title: 'Simple Form',
    bodyStyle:'padding:5px 5px 0',
    width: 350,
    defaults: {width: 230},
    defaultType: 'textfield',
    items: [{
            fieldLabel: 'First Name',
            name: 'first',
            id: 'first_name',
            allowBlank:false
        },{
            fieldLabel: 'Last Name',
            name: 'last'
        },{
            fieldLabel: 'Company',
            name: 'company'
        }, {
            fieldLabel: 'Email',
            name: 'email',
            vtype:'email'
        }, new Ext.form.TimeField({
            fieldLabel: 'Time',
            name: 'time',
            minValue: '8:00am',
            maxValue: '6:00pm'
        })
    ],

    buttons: [{
        text: 'Save'
    },{
        text: 'Cancel'
    }]
});

simple.render(document.body);
Run Code Online (Sandbox Code Playgroud)

javascript extjs

21
推荐指数
4
解决办法
6万
查看次数

从另一个字符串的值创建字符串变量名称

在我的bash脚本我有两个变量CONFIG_OPTION,并CONFIG_VALUE包含字符串VENDOR_NAMEDefault_Vendor分别.

我需要创建一个名为$CONFIG_OPTIONie 的变量,VENDOR_NAME并将值赋给CONFIG_VALUE新创建的变量.

我怎么能这样做?

我试过了

$CONFIG_OPTION=$CONFIG_VALUE
Run Code Online (Sandbox Code Playgroud)

但我在这一行上收到错误

'./Build.bash: line 137: VENDOR_NAME="Default_Vendor": command not found'
Run Code Online (Sandbox Code Playgroud)

谢谢.

unix bash

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

是什么让Firefox渲染出不正确的边框宽度?

我正在研究的项目中有一个奇怪的问题.Firefox(22)神奇地吃了我边框的1个像素.所有其他浏览器都很好.

现在,布局非常复杂,我无法显示所有代码,但我希望这是相关部分:

HTML

<div class="carouselitem unselectable photo selected">
    <img alt="" src="https://example.com/something.jpg" class="carouselimg">
    <div class="typeicon"></div>
 </div>
Run Code Online (Sandbox Code Playgroud)

CSS

.mediacarousel .carouselitem.selected {
    border: 5px solid white;
    height: 71px;
    opacity: 1;
    width: 136px;
}
.mediacarousel .carouselitem:hover .carouselimg,
.mediacarousel .carouselitem.selected .carouselimg {
    left: -5px;
    position: relative;
    top: -5px;
}
.mediacarousel .carouselitem,
.mediacarousel .carouselimg {
    width: 146px;
}
.mediacarousel .carouselimg {
    vertical-align: top;
}
.mediacarousel .carouselarrow, .mediacarousel .carouselscroller,
.mediacarousel .carouselitems, .mediacarousel .carouselitem, .mediacarousel .carouselimg {
    height: 81px;
}
img, .unselectable {
    -moz-user-select: none;
}
.mediacarousel .carouselitem …
Run Code Online (Sandbox Code Playgroud)

html css firefox

16
推荐指数
1
解决办法
2005
查看次数

什么是JavaScript语法中有效的左侧表达式?

好的,我们都知道有效的左侧表达式是什么.的种类.*

但是,看看ECMA-Script标准的定义,我很困惑:

LeftHandSideExpression :
    NewExpression
    CallExpression
Run Code Online (Sandbox Code Playgroud)

这只是定义中的错误,还是我在这里弄错了?我的意思是,这实际上并不意味着

new Object = 1; // NewExpression AssignmentOperator PrimaryExpression
function () { return foo; }() = 1;// CallExpression AssignmentOperator PrimaryExpression
Run Code Online (Sandbox Code Playgroud)

应该是有效的赋值表达式?


*从我谦虚的理解,这将更有意义:

LeftHandSideExpression :
    Identifier
    MemberExpression [ Expression ]
    MemberExpression . IdentifierName
    CallExpression [ Expression ]
    CallExpression . IdentifierName
Run Code Online (Sandbox Code Playgroud)

javascript grammar ecma262

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

css - 忽略行高的内联元素

我无法弄清楚为什么内联元素会line-height在某些浏览器中忽略(Chrome和Firefox会忽略它,但IE9不会忽略它).

这是一个例子:

<small style="line-height: 1; font-size: 26px;">Hello, World</small>
Run Code Online (Sandbox Code Playgroud)

预期的结果是元素高度为26px,但是,它被设置为31px.如果我将元素的显示设置为块,则高度正确设置为26px.

我读到的所有东西都说应该设置为线高,所以我无法想出这个.这是我在W3C上看到的内容:

计算行框中每个内联级别框的高度.对于替换元素,内联块元素和内联表元素,这是其边距框的高度; 对于内联盒子,这是他们的"线高".

资料来源:http://www.w3.org/TR/CSS2/visudet.html#line-height

html css

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