|
|
个人主页 ： https://hongweblog.blog.csdn.net
认证 ： 前 端 领 域 优 质 创 作 者
微信公众号 ： Dianc助手 - 前端学习路线、面试刷题
文章目录
JS来自腾讯课堂10-23，CSS来自百题其11，css的问题有概率专门出一期博文讲解（注意时间，一般三天内发出）图片大小选自X300。
前言
前端面试题这个专栏在最初的创立思想是JS的面试题，当然在后续的持续更新中，我也在想需不需要改变，后来终于在第二版中想加入CSS的面试题(Beta版本)，于是乎第三版也就是本期，正式加入CSS的面试题（一道JS一道CSS，每日小练），后续版本中也会更新JQ/VUE等等其他面试题的噢，博主还在尽力学习和整理，期待你的关注。
第一题（JS）
答案如下
解题思路
没什么难的，了解typeof是返回string类型即可，第二个因为还没声明变量就调用，所以会报一个reference Error的错误，最后一个即数字类型
第二题（CSS/3）
position 的值 relative 和 absolute 定位原点是？
参考资料
absolute
生成绝对定位的元素，相对于值不为static的第一个父元素的paddingbox进行定位，也可以理解为离自己这一级元素最近的
一级position设置为absolute或者relative的父元素的paddingbox的左上角为原点的。
fixed（老IE不支持）
生成绝对定位的元素，相对于浏览器窗口进行定位。
relative
生成相对定位的元素，相对于其元素本身所在正常位置进行定位。
static
默认值。没有定位，元素出现在正常的流中（忽略top,bottom,left,right,z-index声明）。
inherit
规定从父元素继承position属性的值。
回答
relative定位的元素，是相对于元素本身的正常位置来进行定位的。
absolute定位的元素，是相对于它的第一个position值不为static的祖先元素的paddingbox来进行定位的。这句话
我们可以这样来理解，我们首先需要找到绝对定位元素的一个position的值不为static的祖先元素，然后相对于这个祖先元
素的paddingbox来定位，也就是说在计算定位距离的时候，padding的值也要算进去。
最后
这是根据互联网加上自己梳理的知识点，每日一小练，所以文章也会碎片化，同期还有类似PHP学习笔记的那种。如果你不喜欢看这些零散的知识点，那接下来我会收集好我写的文章再进行整理，一次性看个爽~
写在最后，如果文章有帮助到你，希望可以给个三连支持一下噢，让更多人看到这篇文章。
谢谢了你嘞！
|
|