前端中容易犯低级错误的地方
2015-08-22 17:01
393 查看
由于自己基础比较薄弱,也可以说知识的深度不够,在写前端代码的时候,往往会出现这样那样的低级问题,以及低级错误,在这里我总结出来了,还是那句话,大神可以绕道了
1.关于页面中js文件和css文件的位置(前提是这样写),css文件尽量放在文件顶部,js文件尽量放在文件底部,不要轻易网<head>里,放,编译器从上往下编译,容易出现元素都未初始化,就对元素操作的错误。
2.今天以下的这段代码,让我很费解:
尼玛,这么简单,就是因为,<div id="main "> 里,main后面多了个空格,导致样式不显示,我也是给自己醉了。
3.
我怎么在空白处点击,都不执行事件,好吧,给<body>里加一点“其他元素就好了”,也或者将“body”换成“document”就好了,其实还是没搞清楚本质,
$("body").click()
也就是点击“body”元素元素,执行某个事件,代码段中,<body>里没有任何元素,也就相当于没有<body>元素,怎么会执行了,并不是想象中的,body就代表整个文档窗口,想象dom树的结构:
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后面多了个空格,导致样式不显示,我也是给自己醉了。
3.
<!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(
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- JavaScript拆分字符串时产生空字符的原因
- IE8开发人员工具教程(二)
- Mootools 1.2教程(2) DOM选择器
- DOM 事件流详解