前言

朋友，百姓网前端架构师css魔法的《css揭秘》，已经出版发行，并赠送了我一本。看了一下这本书，确实有很多css技巧。让你会有蛮大的收获，在这里帮他宣传一下！今天所说的案例呢，也是部分借鉴这本书的。今天和大家聊聊css变量和继承！

有人会说，css怎么会有变量和继承？你是说的css处理器吧！

不是，我说的是纯css，其实，css也在努力融入各种预处理器的特性和写法，甚至有些属性比预处理器更加强大，例如：

calc计算，具体可以看我之前的文章http://www.haorooms.com/post/css_unit_calc 这种百分比和单位的运算，预处理器是做不到的。

闲话少说，我们还是切入正题吧！

css变量

iframe高度自适应

iframe高度自适应是一个很老的话题。html5虽然已经将frame 框架给废弃，但是iframe这个标签还是存在的。假如有同学不了解frame和iframe的区别，可以看我之前的文章：html框架之iframe和frame及frameset的相关属性介绍。

虽然现在iframe在项目中已经很少出现了，但是有些项目迫不得已，还是会用到iframe。近期遇到一个案例，就用到了iframe。

基本案例如下： 由于手机浏览器预览PDF不是很好，因此，将手机上预览PDF改成预览html。由于PDF是html生成的。一个10页的PDF，要用10个html来展现，为了达到类似一个PDF的效果。迫不得已在页面中使用了多个iframe来预览这些html页面。

问题：需要这些iframe高度自适应，看起来像是在看一张PDF。因此，又重提iframe自适应高度这个话题。

关于js正则RegExp构造函数属性，我前面的一篇文章中提及过，js正则表达式常用函数方法及简单应用，有兴趣的可以去看下。

但是呢，这篇文章主要讲了js正则表达式的常用函数，对属性只是简单一提，我今天稍微详细的和大家讲讲！

问个问题

一、（RegExp.$_）、（RegExp["$&"]）是什么意思呢？

二、我们经常看到的（RegExp.$1）又代表什么呢？

前言

上一篇文章，我介绍了nodejs的几个常用的模块及简单的案例，今天我们再来重点看一下nodejs的http模块，关于http模块，我们可以看下nodejs官方文档。关于http模块，有兴趣的可以研究一下node的源码。http模块功能是很强大的，今天主要介绍他的get和request方法！

GET简介

我们首先来运行一下下面的代码

const http = require("http")
http.get('http://www.baidu.com', (res) => {
  console.log(`Got response: ${res.statusCode}`);
  // consume response body
  res.resume();
}).on('error', (e) => {
  console.log(`Got error: ${e.message}`);
});