css 浮动及清理浮动

默认情况下,元素处于普通流。给元素设置 float 属性后,可以使元素向左或向右浮动,直到它的外边缘碰到包含块或者另一个浮动框。当然了,如果元素 float 属性设为 none,那就表示不浮动,它还是出现在它原本应该出现的位置。

More

理解 css 块级格式化上下文(BFC)

BFC(Block Formatting Contexts)即“块级格式化上下文”。BFC 是一个独立的布局环境,里面元素的位置是不受外界元素的影响的,其中的块盒和行盒(行盒由一行中所有的内联元素组成)都会沿着父容器边框垂直排列。例如,只要元素的 overflow 值不是 visible,就会触发 BFC。这也是我们将父元素设置 overflow: hidden 来清除浮动的原理。

More

css 多列布局

二列布局是指侧栏宽度固定,主栏宽度自适应;三列布局是指两侧栏宽度固定,中间主栏宽度自适应。二列布局和三列布局主要思想是类似的,将三列布局的其中一个侧栏去掉即变成二列布局。下面,我们就只讨论三列布局的几种实现方法。

More

JavaScript 函数

【function 命令】和【函数表达式】都是函数定义的方式,他们用法大同小异,在很多场景中可以通用。本文主要讨论一下它们之间的差异,同时也可以更深入地理解执行上下文、this 等概念。

More

跨域解决方案

受浏览器同源策略的限制,ajax 只能向同源(协议、域名、端口都相同)网址发出 http 请求,跨源请求会被阻止、报错。下面介绍 5 种跨域解决方案,具体方案还需要根据实际应用场景来选择。

More