前端中容易犯低级错误的地方

最新推荐文章于 2024-04-24 09:22:16 发布

AlloyTeam-Zy

最新推荐文章于 2024-04-24 09:22:16 发布

阅读量2k

点赞数 1

分类专栏：我总结的web前端容易记混记错的小知识点文章标签： javascript jquery dom

本文链接：https://blog.csdn.net/zygg5521/article/details/47860949

版权

我总结的web前端容易记混记错的小知识点专栏收录该内容

3 篇文章 0 订阅

订阅专栏

由于自己基础比较薄弱，也可以说知识的深度不够，在写前端代码的时候，往往会出现这样那样的低级问题，以及低级错误，在这里我总结出来了，还是那句话，大神可以绕道了

1.关于页面中js文件和css文件的位置（前提是这样写），css文件尽量放在文件顶部，js文件尽量放在文件底部，不要轻易网<head>里，放，编译器从上往下编译，容易出现元素都未初始化，就对元素操作的错误。

2.今天以下的这段代码，让我很费解：

<html xmlns="">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">

        #main { background:#CC0000; height:300px; width:400px; margin-left:120px; }

    </style>
</head>

<body>

    <div id="main ">此处显示 id "main" 的内容</div>
</body>
</html>

尼玛，这么简单，就是因为，<div id="main "> 里，main后面多了个空格，导致样式不显示，我也是给自己醉了。

 <!DOCTYPE HTML>
<html>
<head>
    <script src="jquery-1.11.1.js"></script>
    <meta charset="utf-8" />
    <title>js性能优化</title>
</head>
<body>
<script type="text/javascript">

    $(document).ready(function(){

        $("body").click(function(){

            alert("Success?")
        })

    })

</script>
</body>
</html>

我怎么在空白处点击，都不执行事件，好吧，给<body>里加一点“其他元素就好了”，也或者将“body”换成“document”就好了，其实还是没搞清楚本质，

        $("body").click()

也就是点击“body”元素元素，执行某个事件，代码段中，<body>里没有任何元素，也就相当于没有<body>元素，怎么会执行了，并不是想象中的，body就代表整个文档窗口，想象dom树的结构：


        $("body").click(

AlloyTeam-Zy

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端中容易犯低级错误的地方

由于自己基础比较薄弱，也可以说知识的深度不够，在写前端代码的时候，往往会出现这样那样的低级问题，以及低级错误，在这里我总结出来了，还是那句话，大神可以绕道了 1.关于页面中js文件和css文件的位置（前提是这样写），css文件尽量放在文件顶部，js文件尽量放在文件底部，不要轻易网里，放，编译器从上往下编译，容易出现元素都未初始化，就对元素操作的错误。 2.今天以
复制链接

扫一扫