小编Cha*_*ter的帖子

在生产JavaScript代码中留下"console.log()"调用的好主意?

console.log()我的JavaScript中有很多调用.

在部署到生产之前,我应该对它们进行评论吗?

我想把它们留在那里,所以如果我需要做更多的调试,我不必在以后重新添加注释的麻烦.这是一个坏主意吗?

javascript debugging logging production

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

如何计算文档中最高的z-index?

为了将包含透明文本图像的div设置为我文档中的最高z-index,我选择了数字10,000,它解决了我的问题.

以前我猜过3号但是没有效果.

那么,是否有更科学的方法来确定哪个z-index高于所有其他元素?

我试图在Firebug中寻找这个指标但却找不到它.

html css z-index

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

在CSS流布局中自动调整图像大小以模拟html表格布局

我有一个图像,根据屏幕分辨率,在我的CSS流程布局中下降,因为我已将其宽度和高度设置为静态值.

在CSS流布局中是否有一种方法可以在有人使浏览器窗口变小时自动调整图像大小.我已经看到这在html表格布局中完成,我假设表格使它成为可能 - 有没有办法在CSS流程布局中也这样做?

html css screen-resolution autoresize

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

为什么我的图标从上到下排列而不是在DIV布局中从左向右流动?

我将这3个图标包含在单独的DIV中,所有这些都包含在一个DIV中:

<div id="icons">

  <div id="divtxt" class="divicon">
    <img src="/icons/text.png" id="icontxt" class="icon"/>
  </div>

  <div id="divpdf" class="divicon">
    <img src="/icons/pdf.png" id="icondoc" class="icon"/>
  </div>

  <div id="divrtf" class="divicon">
    <img src="/icons/rtf.png" id="iconrtf" class="icon"/>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我设置了一些简单的样式,但无法弄清楚为什么这些图像从上到下而不是从左到右排列:

  div#icons
  {
    width:200px;
    height: 100px;
  }

  div.divicon
  {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: 0 0 0 0;
  }
Run Code Online (Sandbox Code Playgroud)

任何建议,将不胜感激.

html css

3
推荐指数
1
解决办法
1389
查看次数

在Firebug中设置监视表达式:ReferenceError - s未定义

我试图了解如何使用firebug来调试我的Javascript.所以我有下面列出的HTML.我想在var's'上设置一个监视表达式.我转到Firebug 的Script选项卡并打开Watch窗格并进入s区域,显示" New watch expression ".

我收到一个错误:

ReferenceError: s is not defined
Run Code Online (Sandbox Code Playgroud)

为什么?

<!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">
.StateOne .InitiallyHidden { display: none; }
.StateTwo .InitiallyVisible { display: none; }
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
    $(document).ready(function()
    {

        $('.x').click(function() {
               var s = $("#StateContainer")[0];
               s.className = (s.className == 'StateOne' ? 'StateTwo' : 'StateOne');
        });

    });
</script>





</head>

<body> …
Run Code Online (Sandbox Code Playgroud)

javascript firebug

3
推荐指数
1
解决办法
7930
查看次数

要将jQuery代码分解为函数,您是否以与JavaScript相同的方式执行此操作?

我一直在写一些jQuery函数,里面有JavaScript变量和循环等等 - 它们变得很长而且很难读.如果我想打破它们,我该怎么做?

    $(".x").click(function ()
    {
      var i=0;
      for (i=0;i<50;i++)
      {
        if ($("#x"+i).is(':hidden'))
        {
          $("#x"+i).show();
        }
        else
        {
          $("#x"+i).hide();
        }
      }
    });
Run Code Online (Sandbox Code Playgroud)

例如,在上面的代码中,如果我想将循环的内容移动到一个单独的函数,然后从循环内部调用该函数,那需要看起来像什么?

javascript jquery function

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