IFC

在上一篇文章当中,我们介绍了 BFC 相关概念,所以在这一篇当中我们就来看一下与它十分类似的 IFC,所谓 IFCInline Formatting Context),直译为行内格式化上下文,与之相关的就是行盒模型,行盒模型是一个显示区域,根据块状容器内,每一行的多个内联元素(inline-level element)都会共同生成一个行盒模型

BFC

今天我们来深入的了解一下 CSS 当中的 BFC 概念,关于这个东西在平常可能会经常听说到,但是它到底是一个什么样的设定呢?所以今天就抽些时间来深入的了解一下它,但是在此之前,我们先来看看 FC 的概念

CSS 当中的 position

我们在之前的章节当中介绍过了 CSS 当中的 floatdisplay 属性,今天我们接着上回继续来看 CSS 当中另一个比较重要的属性,那就是 position,关于 position 的简单用法可以参考下面这个示例(转自 MDN

CSS 当中的 display

我们在之前的章节当中介绍了 CSS 当中的 float 属性,今天我们接着上回继续来看 CSS 当中的 display 属性

display 是设计 CSS 版面配置中最重要的属性,每个 HTML 元素都有一个预设的 display 值,不同的元素属性会有不同的预设值,大部分元素的 display 属性,预设值通常是 blockinline 其中一个,若该元素的 display 属性被标示为 block 就被称为『区块元素』,若被标示为 inline 就称为『行内元素』,但是我们在这里并不会介绍它的全部属性,而是只会介绍一些比较常用的,比如 blockinline-blockinlinenone 等,我们就先从 none 开始看起吧

CSS 当中的 float

算是一篇系列文章吧,主要涉及到 CSS 当中的 floatdisplaypositionvertical-alignline-height 这几个属性,因为在平常开发当中也只是拿来使用,并没有十分深入的去了解它们,所以就打算在这里从头开始慢慢的梳理一遍,也当是复习复习了,我们就先从 float 开始

伪类与伪元素

我们先来了解一下两者的官方定义,可以见 伪元素和伪类,简单的总结一下就是

IE 中的 haslayout

特别注意,hasLayoutIE8 及之后的 IE 版本中已经被抛弃,所以在实际开发中只需针对 IE8 以下的浏览器为某些元素触发 hasLayout

使用 Webpack 来构建 Vue 项目

在本章当中,我们不使用官方提供的 Vue-Cli,而是从头开始搭建,一步一步实现一个简易脚手架,理解 Vue-Cli 到底是怎么实现的(顺路了解一下 WebpackVue 项目中的使用)

深入 Vuex

在上一章 Vuex 框架核心流程 当中,我们介绍了 Vuex 的一些常见的 API 以及初始化装载与注入的流程,我们可以再来看一下入口文件,源码如下

Vuex 框架核心流程

本文章节如下

  • 首先先来看看 Vuex 的整体流程
  • 然后介绍一些比较常见的 API 的用法
  • 最后则是介绍一下初始化装载与注入的过程

至于源码的部分,则是会下一篇章节当中来进行介绍

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×