专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

前端面经4 前端面经手册

ins518 2024-10-04 01:51:38 技术文章 12 ℃ 0 评论

你理解的web标准

结构、样式、行为相互分离

浏览器和他们的内核

IE浏览器内核：Trident内核，也是俗称的IE内核；

Chrome浏览器内核: Blink内核

Firefox浏览器内核:Gecko内核

Safari浏览器内核:Webkit内核；

Opera浏览器内核:Blink内核；

你知道的前端框架有哪些

Vue React Angular Jq

清除浮动的方法

1、额外标签法（在最后一个浮动标签后，新加一个标签，给其设置clear：both；）（不推荐）

2、父级添加overflow属性（父元素添加overflow:hidden）（不推荐）

3、使用after伪元素清除浮动（推荐使用）

<body>

<div class="fahter clearfix">

<div class="big">big</div>

<div class="small">small</div>

<!--<div class="clear">额外标签法</div>-->

</div>

<div class="footer"></div>

</body>

<style>

.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/

content: "";

display: block;

height: 0;

clear:both;

visibility: hidden;

}

.clearfix{

*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/

}

</style>

CSS的伪类，伪类选择器有哪些

动态伪类选择器E: link 　E: visited 　E: active E: hover E: focus

目标伪类选择器 　E: target

语言伪类选择器 E: lang(language)

元素状态伪类选择器 E: checked E: enabled E: disabled

结构伪类选择器: nth-child　: nth-last-child　: nth-of-type : nth-last-of-type : first-child : last-child

　　: only-child: first-of-type : last-of-type　: only-of-type : root 匹配元素所有在文档的根元素　

: empty 选择没有子元素的元素，且不包含节点

去重（非ES6）

2、function unique(arr){

for(var i = 0; i<arr.length; i++){

for(var j=i+1;j<arr.length;j++){

if(arr[i] == arr[j]){

arr.splice(j,1);

j--;

}

}

}

return arr;

}

var arr = [10,2,34,3,5,5,5,6,13,6,3,13];

console.log(unique(arr));

var a =5，b=10，互换位置不加参数的互换

a=a+b b=a-b a=a-b

call apply的区别

都是改变this指向，

apply：最多只能有两个参数，新this对象和一个数组argArray

call：它可以接受多个参数，第一个参数与apply一样，后面则是一串参数列表。

transform和translate的区别

transform的中文翻译是变换、变形，是css3的一个属性，和其他width，height属性一样

translate 是transform的属性值，是指元素进行2D变换，2D变换就是指，元素以当前位置（0,0）按照x轴的方向移动多少，按照y轴的方向移动多少

ajax的get和post的区别

1. GET可以通过在请求URL上添加请求参数，

而POST请求则是作为HTTP消息的实体内容发送给WEB服务器。

2. get方式请求数据会被浏览器缓存起来，因此其他人就可以从浏览器的历史记录中读取到这些数据，例如账号密码等。在某种情况下，get方式会带来严重的安全问题。

而post方式相对来说就可以避免这些问题。

3. Post请求必须设置请求头Content-Type值为application/x-form-www-urlencoded，如果没有设置，参数无法正确的传递到服务器(本质上说，如果没有参数，也不一定需要设置，不会影响请求的发送)； get不用

4. 发送请求时,因为Get请求的参数都在url里，没有请求主体,使用xhr.send(null)，所以send函数发送的参数为null,而Post请求在使用send方法时,却需赋予其参数，xhr.send(参数)；

5. GET大小限制约4K，POST则没有限制（在http中”GET方式提交的数据最多只能是1024字节”，Post传输的数据量大，可以达到2M。 ）

6. POST可以通过xhr.send('name=itcast&age=10')

7. 如果有数据 值 get要拼接字符串 post不需要设置

使用post的概率会大一些

Tags：

猜你喜欢

本文暂时没有评论，来添加一个吧(●'◡'●)

欢迎 你 发表评论:

最近发表
标签列表