小编Jer*_*man的帖子

查看生成的网页来源的最佳方式?

我正在寻找一种工具,它将为我提供正确的生成源,包括由AJAX请求输入到W3验证器的DOM更改.我尝试了以下方法:

  1. Web Developer Toolbar - 根据doc-type生成无效的源(例如,它删除了标签的自关闭部分).丢失页面的doctype部分.
  2. Firebug - 修复源中的潜在缺陷(例如未封闭的标签).还丢失标签的doctype部分并注入本身无效的HTML控制台.
  3. IE Developer Toolbar - 根据doc-type生成无效的源(例如,它使所有标签都是大写的,针对XHTML规范).
  4. 突出显示+查看选择源 - 经常难以获得整个页面,也不包括doc-type.

是否有任何程序或附加组件可以为我提供源的确切当前版本,而无需以某种方式修复或更改它?到目前为止,Firebug似乎是最好的,但我担心它可能会解决我的一些错误.

事实证明,Justin解释说,没有确切的解决方案.最好的解决方案似乎是验证Firebug控制台内部的源代码,即使它包含Firebug引起的一些错误.我还要感谢Forgotten Semicolon解释为什么"View Generated Source"与实际来源不匹配.如果我可以标记2个最佳答案,我会的.

html xhtml firebug w3c web-developer-toolbar

83
推荐指数
8
解决办法
10万
查看次数

删除/重置CSS行为属性

是否可以通过更具体的规则或!important声明删除特定于IE的行为CSS属性?例:

.a-rule
{
  behavior: url(/some.htc);
}
.a-rule.more-specific
{
  behavior: /*no HTC*/
}
Run Code Online (Sandbox Code Playgroud)

我意识到重写CSS属性是不可取的,但我被困在这里.

编辑:我不确定人们对这个问题感到困惑.出于所有目的,您可以将此视为IE特定的样式表.我问如果.a-rule上面存在并且是不可变的,如何通过更具体的规则删除行为?标准的CSS等价物将是:

.a-rule
{
  border: 1px solid black;
}
.a-rule.more-specific
{
  border: 0 none;
}
Run Code Online (Sandbox Code Playgroud)

可以通过更具体的规则重置元素子集的border属性.我问的是如何以类似的方式重置行为属性.

css internet-explorer behavior html-components

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

如何在一条线上垂直居中图像?

当图像小于线高时,在线上居中图标的最佳方法是什么?

例如(样式内联以便于阅读):

<div style="line-height: 20px">
  <img style="width: 12px; height: 12px;"/>
  Blah blah blah
</div>
Run Code Online (Sandbox Code Playgroud)

这是一个jsFiddle示例.这个例子也说明了为什么vertical-align: middle不起作用.

我希望img以div的文本为中心.也就是说,即使文本被包裹到多行,图像也会以单行为中心.理想情况下,解决方案不会涉及在图像上设置边距/填充,即使我不知道线高也可以工作.

我读过的东西:

如何使用CSS垂直对齐图像旁边的文本?(处理图像较大的情况,这里似乎不适用)

了解垂直对齐

html css alignment vertical-alignment

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

如何将具有不同字体大小的垂直居中元素混合并保持一致的线高?

将元素的字体大小与vertical-align: middle容器内部混合时,容器的高度可能大于单个元素的行高或高度.这是一个小提琴:

body {
  line-height: 20px;
  font-size: 14px;
}
.smaller {
  font-size: 0.9em;
  vertical-align: middle;
}
Run Code Online (Sandbox Code Playgroud)
<div class="body">
  <div class="why-not-twenty-px">
    containing div has height <span class="smaller">&bull;</span> of 21px, not 20px
  </div>
  <div class="why-not-sixty-px">
    containing div has height of 61 px, not 60px multiline multiline multiline multiline multiline multiline <span class="smaller">&bull;</span> multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

在这个例子中,两个包含div是21px和61px而不是20px和60px.

在混合元素时,如何保持容器高度是线高的倍数.smaller …

html css html5 css3

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

Symfony Friendly购物车

Symfony上的简单购物车系统有哪些选择?我正在寻找能够:

  1. 提供用于跟踪要购买的商品的界面.
  2. 提供购物车操作和模板(结帐,查看购物车等)
  3. 支持Paypal.
  4. 支持优惠券代码.

我发现的每个Symfony特定解决方案(sfShop,symfony-ecommerce,sfShoppingCart)都已过时,并未针对1.4进行维护.是否还有其他Symfony特定解决方案?

如果Symfony没有特定的内容,那么更常见的系统是否与Symfony完全集成?我正在寻找一些简单的东西.我不需要提供商店,跟踪商品/库存等的完整电子商务解决方案,因为这仅适用于较大网站的小型付费注册部分.

php shopping-cart symfony1 symfony-1.4

11
推荐指数
1
解决办法
4818
查看次数

在删除附加的元素之前,是否需要删除javascript事件侦听器?

假设我已经将各种事件监听器附加到各种表单元素.后来,我想删除整个表单.

是否有必要(或建议)取消注册表单及其元素上存在的任何事件处理程序?如果是这样,删除元素集合上所有侦听器的最简单方法是什么?不这样做的后果是什么?如果重要的话,我正在使用Prototype.

这就是我实际在做的事情.我有一个简单的形式,像这样:

<form id="form">
  <input type="text" id="foo"/>
  <input type="text" id="bar"/>
</form>
Run Code Online (Sandbox Code Playgroud)

我观察了输入上的各种事件,例如:

$('foo').observe('keypress', onFooKeypress);
$('bar').observe('keypress', onBarKeypress);
Run Code Online (Sandbox Code Playgroud)

等等

表单通过AJAX提交,响应是表单的新副本.我将旧表单替换为新表单的副本$('form').replace(newForm).我在积累一堆活动吗?

javascript events event-handling prototypejs dom-events

8
推荐指数
1
解决办法
2792
查看次数

应该在哪里放置"全球"Symfony功能?

放置在多个MVC层中使用的函数的最佳实践是什么?

我最近不得不编写一些在View和Model中使用的统计函数.如果我把它们放在帮助器中,我就会在模型层中加载助手,这很烦人,似乎不正确,并且当从任务调用这些函数时会完全中断(因为没有默认上下文).如果我将它们放在顶级lib目录中,我就会像Stats::normalPercentile在视图中那样进行调用.

还有其他选择吗?Symfony开发者是否有任何关于应该放置这些功能的评论?

编辑:显然在视图中进行静态调用没有问题.我推断这是基于Symfony没有将他们的助手编写为类(即使经过重要的讨论.)在这种情况下,是否有任何约定放置文件的约定?把它们扔进去lib/util

php symfony1

8
推荐指数
1
解决办法
2784
查看次数

LESS CSS预处理器:有没有办法将单一颜色映射到rgb和rgba定义?

我正在尝试在CSS预处理器LESS中编写一个块,它将执行以下操作:

@transparent_background(@color; @alpha: .8)
{
  background: @color;
  background: rgba(<color R value>, <color G value>, <color B value>, @alpha);
}
Run Code Online (Sandbox Code Playgroud)

如果它是标准的十六进制定义(即#rrggbb),有没有办法从@color中获取RGB值?如果以某种其他方式定义@color,有没有办法做到这一点?

编辑:解决方案

@transparent_background(@color; @alpha: .8)
{
  background: @color;
  background: @color + rgba(0, 0, 0, @alpha);
}
Run Code Online (Sandbox Code Playgroud)

css ruby ruby-on-rails less

7
推荐指数
1
解决办法
1605
查看次数

为什么CSS3Pie + Prototype 1.6.1会使Internet Explorer 8崩溃

我试图理解为什么Css3Pie与Prototype 1.6.1结合使用会导致Internet Explorer 8崩溃.为什么会发生这种情况?

相关信息

  • CSS3Pie [ 源代码 ]是一种Internet Explorer行为(htc),它增加了对border3半径,渐变等CSS3属性的支持.
  • 崩溃只发生在IE8中,而不是IE7或更早版本.
  • 崩溃只发生在Prototype 1.6.1 [ 源代码 ],而不是Prototype 1.6.0.x
  • 崩溃在页面加载时立即发生,我甚至无法与页面进行交互.
  • 开发人员知道这个问题,但由于他认为这是一个原型问题(可能是),他可能并不急于解决它.有一个论坛帖子GitHub错误报告,但都没有添加太多信息.

javascript css3 prototypejs internet-explorer-8 html-components

6
推荐指数
1
解决办法
1349
查看次数

我应该在我的网站上使用像精灵一样的缩略图技术吗?

在我正在创建的网站上,我有大约100种不同时间显示的缩略图(64x64).在某些页面上,可能只显示5-15个缩略图.在其他人,所有100个都被加载.

我正在考虑使用像CSS sprites这样的技术来显示图像.也就是说,不是每个拇指都有图像标签,而是执行以下操作:

<span class=thumb1"></span>
Run Code Online (Sandbox Code Playgroud)

然后使用CSS将所有拇指拼接在一起的单个图像切片.也就是说,一个图像全部为100个拇指(在这种情况下,为640x640图像).

我的问题:

  • 这是一个好主意吗?
  • 如果是,我应该在图像出现的所有页面上进行,还是仅在包含所有图像的页面上进行?
  • 还有除精灵之外的其他技术可能比简单地包含带有img标签的图像更好吗?

html css image css-sprites

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

当我迭代这个数组两次时,为什么PHP会覆盖值(通过引用,按值)

如果我遍历一个数组两次,一次通过引用然后按值迭代,如果我为每个循环使用相同的变量名,PHP将覆盖数组中的最后一个值.通过示例最好地说明了这一点:

$array = range(1,5);
foreach($array as &$element)
{
  $element *= 2;
}
print_r($array);
foreach($array as $element) { }
print_r($array);
Run Code Online (Sandbox Code Playgroud)

输出:

数组([0] => 2 [1] => 4 [2] => 6 [3] => 8 [4] => 10)

数组([0] => 2 [1] => 4 [2] => 6 [3] => 8 [4] => 8)

请注意,我不是在寻找修复,我希望了解为什么会发生这种情况.还要注意,如果每个循环中的变量名都没有被调用$element,就不会发生这种情况,因此我猜测它与$element第一个循环结束后仍在范围内的引用和引用有关.

php php-5.3

5
推荐指数
2
解决办法
2396
查看次数

在群体中寻找Groupwise最大值

如何在Doctrine中找到分组最大值或包含最大值的行?在SQL中,我通常会使用此处所述的自联接来执行此操作.

虽然可以在Doctrine中建立自我关系,但还有更好的方法吗?

doctrine

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

如何在不使用UNION的情况下在相关表之间执行此查询?

假设我有两个单独的表供我查询.这两个表都与第三个表有关系.如何使用单个非UNION查询查询这两个表?

这是一个理论上的例子.我有一个用户表.该用户可以同时拥有CD和书籍.我希望通过匹配字符串的单个查询找到所有用户的书籍和CD(在此示例中为"awesome").

基于UNION的查询可能如下所示:

SELECT "book" AS model, name, ranking 
 FROM book 
WHERE name LIKE 'Awesome%' 
UNION 
SELECT "cd" AS model, name, ranking 
  FROM cd 
 WHERE name LIKE 'Awesome%' 
ORDER BY ranking DESC
Run Code Online (Sandbox Code Playgroud)

如何在没有UNION的情况下执行这样的查询?如果我从用户到书籍和CD进行简单的左连接,我们最终得到的结果总数等于匹配书籍的匹配数量.是否有GROUP BY或其他一些编写查询的方法来修复此问题?

(编辑:我想避免使用Union方法的原因是因为这实际上是一个DQL查询而且Doctrine不支持UNION.如果没有UNION就没办法做到这一点,我将使用本机SQL路由.此外,真实的查询包含一堆额外的列,在上面的例子中,它们不能很好地相互映射.)

sql union doctrine

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