最近手头上做了一个很大的后台管理项目，前端对复杂数据的处理要求颇高，也确实让自己发现了很多之前被忽视的细节。在此特整理出来，希望不熟悉的朋友们们以后可以绕开我踩的这些坑。本文初衷在于帮助大家梳理一些数组操作上的重点和易错点，希望也能帮助和提醒大家，我会尽可能写的幽默些，加深大家…

一、flex弹性的概念： 弹性盒子是一种用于按行或按列布局元素的一维布局方法，元素可以膨胀以填充额外的空间，收缩以适应更小的空间，适用于任何元素上，如果一个元素使用了flex弹性布局（以下都会简称为：

浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点…

这是我参与8月更文挑战的第9天，活动详情查看：8月更文挑战 背景 在日常工作和学习中我们肯定或多或少的接触到过对图片的的处理，我们一般情况下使用img标签就能解决我们大部分的需求，但还有更高级的对图片

鼠标移动，box1跟着移动。box1必须开启绝对定位。onmousemove鼠标移动事件绑定。left和top属性设置偏移量。

堆内存：存储引用类型值，对象类型就是键值对，函数就是代码字符串。 栈内存：提供代码执行的环境和存储基本类型值。 栈内存释放：一般当函数执行完后函数的私有作用域就会被释放掉。 保护函数的私有变量不受外部的干扰。形成不销毁的栈内存。 保存，把一些函数内的值保存下来。闭包可以实现方法…

<figcaption>标记定义 figure 元素的标题。 <source> 标是为媒介元素定义媒介资源，不可以在<source>开始标签里添加，而且<source> 标签是单标签，没有结束标签。 text, search, url, telephone, email, pa…

本文解决两个痛点：1.伪类和伪元素傻傻分不清楚的问题，2. 太多伪类和伪元素导致我裂开的问题~~快来看看吧~

之前章节介绍了VNode如何生成真实Dom，这只是patch内首次渲染做的事，完成了一小部分功能而已，而它做的最重要的事情是当响应式触发时，让页面的重新渲染这一过程能高效完成。其实页面的重新渲染完全可以使用新生成的Dom去整个替换掉旧的Dom，然而这么做比较低效，所以就借助接下…