2019年04月_wding914

转载 BFC(块级格式化上下文)

BFC(块级格式化上下文)一、BFC是什么？在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。1. Box: CSS布局的基本单位Box 是 CSS 布局的对象和基本单位，直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box 的类型。不同类型的 Box，会参与不同的 Formatting ...

2019-04-27 14:55:13 195

转载输入url到页面展示的全过程

从输入url到页面展示的全过程域名解析建立TCP连接(3次握手)浏览器发送HTTP请求服务器响应HTTP请求页面渲染关闭连接(4次挥手)一.域名解析DNS（Domain Name System，域名系统），因特网上作为域名www.baidu.com和IP地址167.23.10.2相互映射的一个分布式数据库，能够使用户更方便的访问互联网，而不用去记住能够被机器直接读取的IP数串...

2019-04-26 22:42:44 685

转载 px.em.rem的区别

px.em.rem的区别px：px，像素(计算机屏幕上的一个点)。（引自w3school-css单位）像素（Pixels），相对长度单位，它是相对于显示器屏幕分辨率而言的，它兼容性好而且精确，但是这种方法当用户在缩放浏览器或者需要兼容不同移动设备时，我们的页面布局可能会被打破。em:em，相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为...

2019-04-24 14:01:03 167

原创不定宽高div,实现水平垂直居中

不定宽高div,实现水平垂直居中第一种方式: css/* 父元素 */text-align: center;display: table-cell;/*让标签元素以表格单元格的形式呈现，类似于td标签*/vertical-align: middle;/* 子元素 */display: inline-block;vertical-align: middle;第二种方式:定位/...

2019-04-23 23:49:50 278

原创 ...ES6语法之扩展运算符

…ES6语法之扩展运算符对象的扩展运算符数组的扩展运算符对象的扩展运算符对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中 let obj1 = { a: 1, b: 2 }; let obj2 = { ...obj1}; // { a: 1, b: 2 }注意: 扩展运算符对对象实例的拷贝属于一种浅拷贝浅拷贝: 简单...

2019-04-23 15:28:45 1381

原创原生js实现call

原生js实现callcall方法:function func() { console.log(this.age)}let obj = { age:18}func.call(obj); //18改变了this指向传递了参数1.改变了this指向//依赖原理:方法调用模式(谁调用,this指向谁) function func() { ...

2019-04-22 21:42:55 429

原创 Symbol

symbol一.ES6引入Symbol的原因ES5对象属性名都是字符串,容易造成属性名的冲突。let obj={ name:'zs'}//为对象添加一个新的属性namelet prop = 'name'obj[prop]='male'console.log(obj) //{name: "male"}//为这个对象添加新的方法，新方法的名字就有可能与现有方法产生冲突。/...

2019-04-22 19:01:50 418

wding914的博客