前端面试

转载自：
https://blog.csdn.net/belvine/article/details/79384960
https://blog.csdn.net/Jeff_Seid/article/details/80761105
1、引入CSS的方式有几种
（1）外联：link标签；
（2）内联：style标签；
（3）元素内嵌：style属性；
2、CSS选择符有哪些？
id选择符 #id
类选择符 .class;
标签选择符 div，p
组合选择符
div p 后代选择符；div的所有的p的子标签
div > p 子元素选择符；div的直接子元素p标签
div + p 相邻兄弟选择器：与div响铃的p标签
div ~ p 后续兄弟选择器：与div所有的相邻p标签
3、浏览器的内核？
Ie（Ie内核）、google（webkit）
4、" == " 与 " === “的区别？
“"只比较值； 100‘100’ 返回为true
“="比较类型； 100=‘100’ 返回为false
5、元素的盒子模型？
元素的内容、元素的边框、元素的内边距、元素的外边距 四者构成了css的盒子模型；
6、$（this） 与 this 的区别？
$(this)是jq的，this是js的；7、jq中的each函数？便利一个元素集合；8、window.onload与$(document).ready()的区别？
(1)执行时间
window.onload是需要页面的所有元素加载完成之后才能执行；
$(document).ready()或者写成$(function(){})的是页面的DOM绘制完成之后就可以执行；
(2)编写个数
window.onload不能编写多个，如果有则只执行一个；
$(document).ready()则可以编写多个；9、JQ常用的选择器？(1)普通选择器：id选择器：$(”#id”)
类选择器：$(".class")、$(”.class1.class2")
元素选择器：$("div")(2)层次选择器：派生类选择器$(“div p”)
父子类选择器$("div>p")直接兄弟类选择器$(“div + p”)
全部兄弟选择器$(“div ~ p”)
(3)过滤选择器：
基本过滤、内容过滤 $(“p:even”)，所有偶数的p标签；
10、清除浮动的方法？
使用带clear属性的空元素（clear:both 清除所有浮动）
使用after伪元素，如果是ie则使用zoom：1；
11、什么是同源策略？
当协议、端口、域名都相同的页面；只要网站的协议名称（protocol）、主机host、端口port这三个有一个不同，网站直接的数据请求与传输便是跨域的；
同源策略是为了防止跨脚本的攻击；
12、什么是Ajax？
支持异步通信的一种技术，不需要全部刷新页面，因为传统的应用浏览器向服务器发送数据后，服务器每次都会返回一个新的页面；
ajax的核心是XMLHttpRequest,异步请求技术，可以在页面加载后局部的刷新页面，所以响应比较迅速；
13、ajax的适用场景？
登录页面登陆失败不跳转、注册页面提示用户名已存在等；
14、状态码
1** 信息，服务器收到请求，需要请求者继续执行操作
2** 成功，操作被成功接收并处理
3** 重定向，需要进一步的操作以完成请求
4** 客户端错误，请求包含语法错误或无法完成请求
5** 服务器错误，服务器在处理请求的过程中发生了错误