飞旋的留恋

案例一 左右宽度固定 中间自适应案例二 垂直居中案例三 左边定宽 右边自适应案例四 多列等分布局

故事：其实这个问题是很古老的事情了，目前很多前端开放都是在研究各种框架，和框架原理，从而忽略了对基本知识的梳理单浮动布局+ margin-leftflex布局双浮动布局+calc计算双浮动布局+ ma

原型链继承和借用构造函数继承。这两种模式都存在各自的缺点，所以组合继承是将二者结合到一起，从而发挥二者之长。即在继承过程中，既可以保证每个实例都有它自己的属性，又能做到对一些属性和方法的复用. 构造函数没有saySex方法,自然也就是undefined了。 3) return …

在node.js中，提供了一个path某块，在这个模块中，提供了许多使用的，可被用来处理与转换路径的方法与属性。下面我们就来对这些方法与属性做一下介绍。 path.join():方法使用平台特定的分隔符把全部给定的 path 片段连接到一起，并规范化生成的路径。 path.re…

new Vuex.Store({}) 表示创建一个Vuex实例，通常情况下，他需要注入到Vue实例里. Store是Vuex的一个核心方法，字面上理解为“仓库”的意思。Vuex Store是响应式的，当Vue组件从store中读取状态（state选项）时，若store中的状态发…

官方解释：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 在created()钩子函数执行的时候DOM 其实并未进行任何渲染，而此时进行DOM操作无异于徒劳，所以在created中一定要将DOM操作的js代码放进Vue.ne…

注意：两者的共同点是，都是从客户端缓存中读取资源；区别是强缓存不会发请求，协商缓存会发请求。 Expires：response header里的过期时间，浏览器再次加载资源时，如果在这个过期时间内，则命中强缓存。 Cache-Control：当值设为max-age=300时，则…

随着前端业务需求的不断增多，相比以前，我们会占用更多的内存。但是内存并不是无限的，而对于那些我们不再需要的变量、对象该怎么处理呢？难道一个一个去手动释放么？其实并不需要，Javascript 具有自动垃圾回收机制，会定期对那些我们不再使用的变量、对象所占用的内存进行释放 Jav…

1. flex-driection：表示水平轴的方向 2. flex-wrap：项目（flex item）所在的一条线成为轴线，flex-wrap设置项目如何换行 3. justify-content：定义了项目在主轴上的对齐方式 5. align-content：定义了多根轴…