前端必知

前端总结

清除浮动有哪些方式

1、给浮动元素父级加overflow：hidden    弊端：溢出隐藏，可能会带来不便。  
2、或者给浮动元素的子级加 弊端：需要手动改变html代码，麻烦
<div style="clear:both;"></div> 
3、给浮动元素父级加clear
.box：after{display:block;content: "";clear: both}       

3种定位的区别

固定定位：fixed 特点：全脱离文档流 使元素支持宽高
绝对定位和相对定位：
绝对定位：全脱离文档流 absolute
使元素支持宽高
参照物：如果没有定位的父级元素，那参照物就是body
如果有定位的父级元素，那参照物就是父级元素
相对定位：不脱离文档流 relative
不改变元素类型
只有一个作用，给子集的定位元素当参照物

组成盒子的模型是什么?

 margin  +  border  +  padding  +  width/height

javascript返回那些数据类型

1）number；
2）string；
3）boolean；
4）object
5）function；
6）undefined.

var let 和 const的区别

var 声明可以重复声明 后声明的会替换掉之前的

let不可以重复声明

const 声明一个常量 相当于Java中的 final

null和undefined区别:

null不存在对象
undefined存在此对象，但没有初始化.

和=的区别

== 用于比较两者是否相等，比较值相等，在比较的时候可以自动转换数据类型；
=== 用于比较两者是否完全相等，比较值和类型都相等，在比较时不会进行数据类型转换。

++测试

++i先自增再赋值，i++先赋值再自增。

img标签上title属性与alt属性的区别是什么?

title属性是鼠标划上去显示的内容

alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。

iframe的优缺点?（简单了解）

优点：

a. 解决加载缓慢的第三方内容如图标和广告等的加载问题

b. iframe无刷新文件上传

​ c. iframe跨域通信

缺点：

a. iframe会阻塞主页面的Onload事件

​ b. 无法被一些搜索引擎索引到

c. 页面会增加服务器的http请求

​ d. 会产生很多页面，不容易管理。

什么是响应式设计?响应式设计的基本原理是什么?

响应式网站设计(Responsive Web design)是一个网站能够兼容多个终端，而不是为每一个终端做一个特定的版本。

基本原理是通过媒体查询检测不同的设备屏幕尺寸做处理。

页面头部必须有meta声明的viewport。

<meta name="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"  />

this

this指向调用这个方法的实例对象

在浏览器中，直接定义一个方法，其实是定义在window这个对象之中，所以直接调用方法其实是
window.方法名()，因为在window环境下，所以window通常不用写。如果直接调用这个方法，

this会指向window。

当new 对象时 this值new 的这个对象

function User(name){
    this.name = name;
    this.print = function(){
        console.log(this)
    }
}
let user = new User("ycw")

arguments

方法会将调用时传入的所有参数封装成一个数组。

function test(){
    for(let i = 0;i < arguments.length ; i++){
        console.log(arguments[i])
    }
}
test(1561,156413,125,'ycw','qx')