源码地址：https://github.com/ZYuMing/Blog/blob/master/layout.html效果图：①顶部栏+内容模块+底部栏的高度之和小于浏览器高度②顶部栏+内容模块+底

之前在《Vue一个案例引发的动态组件与全局事件绑定总结》这篇文章中简单提到过组件的缓存。当时只是简单的提供了一个解决问题的思路，并没有说到多少组件缓存的东西，今天我们就来详细说说组件的缓存。 组件化开发模式下，我们会把整个项目拆分成很多组件，然后按照合理的方式组织起来。 自然就…

响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网站对不同设备适配后的结果，分别是iPhone5/SE,iphone6/7/8,iphone 6/7/8 p…

上面代码看来，一个是不替换组件的情况下更新组件，另一个则是直接更新 markup 标记。我们按照顺序一个个看过来吧，先看到 ReactCompositeComponent.receiveProps ： 关于 DOM 操作一系列的方法这里不准备做解读，可以直接查看源码 core/…

笔者前年开始撰写的《Node.js学习笔记》 github star 数突破了1000，算是个里程碑吧。 从第一次提交（2016.11.03）到现在，1年半过去了。突然有些感慨，想要写点东西，谈谈这期间的收获、心路历程，以及如何学习Node.js。 笔者一直有做技术笔记的习惯，…

我 fork 了一份 16.8.6 版本的代码，并且会为读过的代码加上详细的中文注释。等不及我文章的同学可以先行阅读 我的仓库，并且在阅读本系列文章的时候也请跟着阅读我注释的代码。因为版本不同可能会导致代码不同，并且我不会在文章中贴上大段的代码，只会对部分代码做更详细的解释，其…

CSS Grid Layout（网格/栅格布局）是 CSS 最强大的布局系统，随着设备和浏览器的升级，将会是未来的主流的布局方案之一。 CSS Grid Layout 简称为Grid，网上普遍译为网格，其实更规范的说法应为栅格。 栅格对有经验的 UI 和 FE 来说并不陌生，肯…

互联网寒冬之际，各大公司都缩减了HC，甚至是采取了“裁员”措施，在这样的大环境之下，想要获得一份更好的工作，必然需要付出更多的努力。 一年前，也许你搞清楚闭包，this，原型链，就能获得认可。但是现在，很显然是不行了。本文梳理出了一些面试中有一定难度的高频原生JS问题，部分知识…

Node 的调试方法有很多，主要分为安装 node-inspect 包调试、用 Chrome DevTools 调试和 IDE 调试，可以在官网的 Docs Debugging Guide 查看安装方法。 如果我们使用node --inspect来启动脚本，那整个代码直接运行到…