玖叶教程网

前端编程开发入门

前端面经4(前端面经库)

你理解的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的概率会大一些

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言