每日思考（2020/08/26）

题目概览

• 使用svg画一个圆
• 写出div在不固定高度的情况下水平垂直居中的方法
• js的函数有哪几种调用形式
• DNS有什么作用

题目解答

使用svg画一个圆

• 画圆

  <svg width="500" height="500" viewBox="-100 -100 500 500">
    <circle cx="100" cy="100" r="100" fill="#39f" />
  </svg>
  

• SVG教程

写出div在不固定高度的情况下水平垂直居中的方法

• 利用flex布局：

  .father{
      display: flex;
      justify-content: center;
      align-items: center;
  }
  

• 利用transform属性进行位移：

  .father{
      position: relative;
  }
  .children{
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
  }
  

js的函数有哪几种调用形式

function fn(){}
//正常的函数调用
fn()
//作为对象方法调用
let obj = {fn:function(){}};
obj.fn()
//使用构造函数调用
new fn()
//使用call或apply调用
fn.call() || fn.apply()

DNS有什么作用

• DNS是互联网的一项服务，它作为将域名和IP地址相互映射的一个分布式数据库，能够使人更方便地访问互联网。简单的讲DNS就是翻译官，就像把[http://www.baidu.com](https://link.zhihu.com/?target=http%3A//www.baidu.com)翻译成220.181.111.188让机器理解
• DNS是用来做域名解析的，它会在你上网输入网址后，把它转换成IP，然后去访问对方服务器，没有它，你想上百度就要记住百度的IP，上163就要记住163的IP，有了DNS的处理，你只需要记住对应网站的域名–也就是网址就可以了
• DNS是一个按层次结构排列的分布式系统，由许多DNS服务器组成。DNS服务器是注册加入DNS的任何计算机。它具有域名和IP地址的索引，并且在请求时，它可以告诉您与域名关联的当前IP地址
• 如果它不知道，那么它将尝试从其他DNS服务器中找出。因此，当您在浏览器中键入域名时，浏览器会询问DNS服务器该域的IP地址是什么，DNS服务器会尝试告诉您