Gueyue的博客

BFC(边距重叠解决方案) 渲染规则： 属于同一个BFC的 两个相邻Box的 上下margin会发生重叠 BFC的区域不会与浮动的元素重叠 BFC里面是一个独立的容器外面的元素不会影响里面的元素，里面的元素同样不会影响外面的 计算BFC高度的时候，浮动元素也会参与计算 如何创建BFC： float值补位none position的值不是static、relative display的值为ta...

面向对象 类的声明 // 类的声明 function Animal(){ this.name = name } // ES6类的声明 class Animal2{ constructor(){ this.name = name } } //实例化 console.log(new Animal('Animal'),new Anima...

原型链 创建对象的集中方法 第一类：字面量 var o1={name:'o1'} var o11=new Object({name:'o11'}) 第二类：构造函数 var M=function(){this.name='o2'} var o2=new M() 第三类：Object.create() var P={name:'o3'} var o3=Object.create(P) 原型、构...

响应式网站 目录响应式网站设计原则媒体查询CSS2：CSS31、媒体类型2、操作符3、视口宽度VS设备宽度4、媒体属性px、em、rem`em` : 相对的长度单位缺点rem ： 相对的长度单位清除浮动推荐方式：1、给父元素增加class不推荐方式：2、加div3、加overflow4、让父元素也浮动响应式图片 弹性网格、布局弹性图片、媒体查询等多项技术的综合 设计原则 渐进增强（progre...

Http协议类 目录**Http协议类**Http协议的主要特点Http方法Http的报文组成POST和GET的区别Http状态码持久连接管线化非管线化：管线化 Http协议的主要特点 简单快速：每个资源都是一个固定的uri 灵活：每一个http协议头部会有一个数据类型，通过一个http协议就可以完成不同数据类型的传输 无连接：我链接一次他就会断掉不会保持连接 无状态：客户端和服务...

页面布局 目录页面布局题目：假设已知高度，请写出三栏布局，其中左栏，右栏宽度各为300px，中间自适应浮动布局绝对定位布局flex布局表格布局网格布局 题目：假设已知高度，请写出三栏布局，其中左栏，右栏宽度各为300px，中间自适应 浮动布局 html <!-- 浮动解决方案 --> <section class="layout float"> <arti...

ES6学习 let和const let ES6 可以使用 let 关键字来实现块级作用域。 let 声明的变量只在 let 命令所在的代码块 {} 内有效，在 {} 之外不能访问。 const const 声明一个只读的常量，一旦声明，常量的值就不能改变。 当然这个变量声明时就必须赋值，如果他的值是一个对象，对象可以改变。 解构赋值 数组解构赋值 { let a,b,rest [a...

JavaScript进阶 目录JavaScript进阶变量类型tyoeof：==：使用==||===：内置函数有：创建对象：1、字面量创建2、工厂方法创建对象3、构造函数4、使用原型简单原型原型链继承原型继承：借用构造函数组合继承：借用构造函数+原型继承函数函数的定义方式函数声明与函数表达式new Functionthis普通函数调用方法调用构造函数调用作为事件处理函数调用作为定时器的参数函数中的...

HTML面试 题目HTML面试1、doctype的意义是什么2、HTML、XHTML、HTML5的关系3、HTML5有什么变化4、em和i有什么区别5、语义化的意义是什么6、哪些元素可以自闭和8、property和attribute的区别9、form的作用 1、doctype的意义是什么 这是有历史背景的，很久以前ie有一些自己的渲染模式。最典型的就是盒子模型，我么都知道一个元素他如果是width...

CSS基础面试题 题目CSS基础面试题Css权重：文字折行CSS hack1、css样式选择器的优先级2、雪碧图的作用3、自定义的字体的使用场景4、base64的作用5、伪元素和伪类的区别6、如何美化checkbox Css权重： 计算一个不进位的数字 ！important +infinity 行间样式（style） ...