前端易错点

这里记录下长期以来的易错点，以后会不断更新

 

1.CSS系列之Less   参考链接：http://blog.csdn.net/p312011150/article/details/73331300

 

2.绝对定位absolute

    我们经常错记成绝对定位是相对于有相对定位属性的祖先级元素进行定位，通俗说就是如果父级元素是绝对定位（absolute）或者没有设置，里面的绝对定位（absolute）自动以body定位。这句话是错的。

    而且看了很多慕课网上的视频都是说，绝对定位的上级都是相对定位，似乎成了一个固定模式了。

    但是css没有规定绝对定位的东西必须有个相对定位的祖先吧！

 

    这里我纠正下，应该是：只要父级元素设了position并且不是static（默认既是static），那么设定了absolute的子元素即以此为包含块（最近的）。绝对定位（Absolute positioning）元素定位的参照物是其包含块，既相对于其包含块进行定位，不一定是其父元素。

 

3.外部JS文件局限（这个是偶尔发现的，记录下）

外部引入的JS文件里无法获取当前文档页面高度等相关属性：

当JS位于外部文件中，将无法访问下例 JavaScript 对象：

window 对象，document 对象，parent 对象

 

4.常见的css处理边距兼容写法详解

Netscape 和 IE 对 body 标签定义的默认边距（margin）值是 8px

相反地，Opera 将内部填充（padding）的默认值定义为 8px

因此如果希望对整个网站的边缘部分进行调整，并将之正确显示于 Opera 中，那么必须对 body 的 padding 进行自定义。

也就是我们常见的css初始化兼容写法

*{margin:0px;padding:0px}

 

5.审查代码时，有横线的标签指的是不推荐使用的标签

 

6.GET与POST区别的列表：

       ①GET后退按钮/刷新无害，POST数据会被重新提交（浏览器应该告知用户数据会被重新提交）；

       ②GET书签可收藏，POST为书签不可收藏；

       ③GET能被缓存，POST不能缓存 ；

       ④GET编码类型application/x-www-form-url，POST编码类型encodedapplication/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码；

       ⑤GET历史参数保留在浏览器历史中，POST参数不会保存在浏览器历史中；

       ⑥GET对数据长度有限制，当发送数据时，GET 方法向 URL 添加数据；URL 的长度是受限制的（URL 的最大长度是 2048 个字符）；POST无限制；

       ⑦GET只允许 ASCII 字符，POST没有限制。也允许二进制数据；

       ⑧与 POST 相比，GET 的安全性较差，因为所发送的数据是 URL 的一部分。在发送密码或其他敏感信息时绝不要使用 GET。POST 比 GET 更安全，因为参数不会被保存在浏览器历史或 web 服务器日志中。GET的数据在 URL 中对所有人都是可见的。POST的数据不会显示在 URL 中。

 

7. get最大长度2k，post默认最大长度8M。可以通过PHP配置文件进行修改

 

8.常见的浏览器内核有哪些？

Trident内核：IE,MaxThon,TT,The World,360,搜狗浏览器等。[又称MSHTML]

Gecko内核：Netscape6及以上版本，FF,MozillaSuite/SeaMonkey等

Presto内核：Opera7及以上。 [Opera内核原为：Presto，现为：Blink;]

Webkit内核：Safari,Chrome等。 [ Chrome的：Blink（WebKit的分支）]

 

9.jquery中on和click区别？

 

10.jquery对象转Dom对象---表单提交时的按钮操作

<script type="text/javascript">
    $(function(){
        //提交按钮
        $('.confirm').on('click',function(){
            $('form').submit();
        });
        //清空按钮
        $('.clear').on('click',function(){
            $('form')[0].reset();//表单还原，
             //因为reset()是JS的语法，而$('form')是jquery对象，不能直接使用js。
           //所以要进行转化，jquery对象转Dom对象两种方法①加下标；②.get(0)
        })
    })
</script>

 

11. 对于表单元素input的type，有number数字类型，但只对于手机端有用。用来调取数字键盘

 

 

 

 

 

.