关于CSS BFC

BFC全称是block formatting context，中文为“块状格式化上下文”。单看这个名字，完全不知道BFC到底是个什么东西。
在MDN上，BFC的定义为：是Web页面可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其它元素交互的区域。
……
好像还是看不懂…
简单的来说，BFC是一种特性，将容器隔离，容器里的元素不会在布局上影响到外面的元素，并且有一些普通元素没有的特性。
下面就看看BFC到底和普通元素有什么不同。

more >>

展开全文 >>

量级

在上一篇关于复杂度的文章中我们说到总复杂度等于量级最大的那段代码的复杂度。在工程中，针对小规模问题的解决方法对大问题常常不适用，例如对几十个数字排序，可能要做一千到几千次的操作，看似差别不大，但是到了上万个数字排序时，那么就是几百万和几亿的巨大差别了，我们会说这两种方法有量级上的差别。量级是优秀工程师首先关注的。那么什么是量级呢？

more >>

展开全文 >>

Vue源码学习笔记（七）检测数据变化

检测变化

在使用Vue的过程中，有时候发现，修改了data中的属性，页面却没有发生变化。

哪些数据变化不能被检测？如何解决？

直接修改数组项，给被观测的对象添加一个新的key的时候，由于对象属性上没有添加setter、getter，不会触发更新

可以使用Vue.set(obj, newKey, value)或Vue.set(array, index, value来触发更新

more >>

展开全文 >>

Vue源码学习笔记（六）nextTick

JS执行时单线程的，是基于事件循环的

所有同步任务在主线程上执行，行程一个执行栈

主线程之外，还存在一个 任务队列 。只要异步任务有了运行结果，就在 任务队列 中放置一个事件。

一旦执行栈中的所有同步任务执行完毕，系统就会读取任务队列，看有哪些事件，对应哪些异步任务，结束等待状态，进入执行栈，开始执行

主线程不断重复上面三步

more >>

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

瞎折腾的<br>前端开发工程师...