01web前端笔试试题

## 参加了几场前端的面试，发现很多笔试题都是靠记忆的！嗯，没错，一定是这样的！现在分享给大家，希望大家都能顺利的找到工作！

1、css中的position各个值的含义：
position有static、relative、absolute、fixed、inherit几个属性.
1、static
默认值，元素正常出现在文档流中。
2、relative
相对元素原始的位置进行定位，可以通过top、left、bottom、right指定偏移位置。元素原本所占的空间仍然被保留。
3、absolute
绝对定位。将元素从文档流中移出，使用top、left、bottom、right属性值相对于最接近的一个static定位以外的父元素进行定位。如果不存在这样的父元素，那么会相对body。
一个设置了绝对定位的元素会成为inline-block。
4、fixed
与absolute类似，不过是相对于浏览器的窗口进行定位。

2、Ajax有什么优缺点？其同步和异步有什么区别？
Ajax优点：
①页面无刷新，实现按需加载，用户体验非常好
②不打断用户的操作，实现异步请求，具备更加迅速的响应能力
③可以将服务端的一些行为转嫁到客户端，减轻服务器压力和宽带
④不需要借助插件和小程序
Ajax缺点：
①破环了后退前进功能
②安全问题
③对搜索引擎支持较弱
④破坏程序异常机制
同步和异步区别：
同步：js本身是一个阻塞的语言，需要逐行读取代码，如果某一个程序出错，即不再执行后面所有代码；
异步：不管程序相应结果都会执行所有代码；

3、new操作符具体都干了什么？
创建了一个空对象，并且this变量引用该对象，同时还继承了该函数
属性和方法被加入到this引用的对象中；
新创建的对象由this所引用，并且最后隐式的返回this
4、document.ready( )和window.onload( )的区别？
$一般是代表jQuery对象。onload是html原生事件，用jQuery的时候则一般使用$(document).ready()。两者的区别有：
1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。
2.编写个数不同
window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个
$(document).ready()可以同时编写多个，并且都可以得到执行
3.简化写法
window.onload没有简化写法
$(document).ready(function())可以简写成$(function(){});

5、什么是JS事件冒泡？Jquery是如何阻止事件冒泡和默认事件?
JS事件冒泡:当一个元素接收到事件的时候，会把他接收到的事件传给自己的父级，一直到window 。（注意：这里传递的仅仅是事件 并不传递所绑定的事件函数。所以如果父级没有绑定事件函数，就算传递了事件也不会有什么表现 但事件确实传递了。）
阻止事件冒泡的方法：
1.event.stopPropagation()：
事件处理过程中，阻止了事件冒泡，但不会阻击默认行为
2.return false;
事件处理过程中，阻止了事件冒泡，也阻止了默认行为
3、event.preventDefault();
事件处理过程中，不阻击事件冒泡，但阻击默认行为

6、CSS隐藏元素的几种方法？
display，使用none值会让元素从文档中直接删除，”直接消失不见了”
用法：display:none
优点：简单暴力，不需要多余代码。不占空间，对布局没影响。
缺点：元素从文档删除，不利于seo
text-indent，一般是首行缩2个中文字的用法是text-indent:2em。但当给他一个足够大的负值，大到一般我们浏览器无法显示。
用法：text-indent:-999em
优点：利于搜索引擎
缺点：它的作用其实就是把文字提到段落前面，不让我们看见，不影响宽度？
会影响布局。
position，假如说一个元素的距离我们的视窗（电脑显示屏幕）足够大，大到我们浏览器也无法显示出来，那么它也是“消失”的。但是这种做法一般适用于比较写死的东西。
用法：position:absolute; top:-999em或者left:-999em
或 position:absolute; visibility:hidden;
优点：信手拈来，随意摆放
缺点：用法太死，不能随意修改，比较死板
visibility，只是“看不见”而已，所以元素依然会影响到布局
用法：visibility:hidden
优点：利于SEO优化
缺点：该属性会继承，假如祖先用了visibility:hidden，那么子元素也是直接显示不见，想要子元素显示让用户看见，还要必须再多写visibility：visible

7、用js实现省市联动！
具体请参考：原文：https://blog.csdn.net/lettuce_/article/details/79942116?utm_source=copy