第一次电话面试！面试官：你这基础要恶补一下！！！
第一次电话面试，面试官问了一些基础的问题，但是没有刻意准备的我还是回答的有些卡壳。但电话面试感觉不错，因为面试官也不评价什么，只是一直问我问题。
但我也真的会忘忘忘记呀…
最后要结束了，我总结还说我还有很多不足，有些地方回答的不好，面试官还很耐心地给我说哪些东西要烂熟于心！！说第二轮的面试就不会这么简单啦！！！加油！！
HTML相关
1. 常见的块级标签？行内标签？分别有哪些？<hr>是哪种类型的标签？
| 行内标签 | |
|---|---|
| 有这些 | 超链接<a> ，加粗文本<strong> <b> ，倾斜文本<em> <i> ，删除线文本<del> <s >，下划线文本 <ins> <u> ，最常用的<span> |
| 特点 | 行内标签（内联标签）不占有独立的区域，仅仅靠自身的字体大小和图像尺寸来支撑结构，一般不可以设置宽度，高度，对齐等属性，常用于控制页面中文本的样式 |
| 和相邻行内标签在一行上 | |
| 高、宽无效 | |
| 水平方向的padding，margin可以设置，垂直方向的无效 | |
行内标签只能容纳文本或者其他行内标签(<a>特殊 ，其标签里面可以放块级元素) |
| 块级标签 | |
|---|---|
| 常见 | 标题<h1>~<h6> ；段落<p>；有序无需列表<ul>,<ol>,<li> 标签是最典型的块标签<div> |
| 不常见 | <hr> <br> |
| 特点 | 每个块标签通常都会独自占据一行或多整行，可以对其设置宽度，高度，对齐等属性，常用于网页布局和网页结构的搭建 |
| 总是从新行开始，高度、行高、外边距以及内边距都可以控制 | |
| 宽度默认是容器的100%，可以容纳内联标签和其他标签 |
| 行内块标签 | |
|---|---|
| 常见 | <img>; <input>; <td> |
| 特点 | 可以对它们设置宽高和对齐属性 |
| 和相邻行内标签（或者行内块）在一行上，但是之间有空白缝隙 | |
| 默认宽度就是它本身内容的宽度 | |
块、行内标签转换为行内块：display:inline-block; |
2. label标签怎么用？
| 作用 | 帮表单元素定义标注（标记） |
如果将表单控件与提示内容使用<label>进行绑定后，当用户鼠标点击<label>内的提示内容时，浏览器就会自动将焦点转到和标签相关的表单控件上</label> |
语法1:给表单元素设置id属性→将需要绑定的其他内容用<label>标签包裹→给<label>标签设置for属性，属性值为绑定的表单元素的id属性值：</label></label>
<input type="checkbox" name="hobby" id="sport"/>
<label for="sport">运动</label>
语法2：如果绑定内容和表单元素写在一起，可以化简绑定写法。直接使用标签将绑定内容与表单元素一起进行嵌套
<label>
<input type="radio" name="sex"/>男
</label>
3. HTML5新增语义化标签？
CSS相关
1. css选择器有哪些？ 原文链接1-基础选择器
原文链接2-高级选择器
原文链接3-子级选择器
原文链接4-兄弟选择器
原文链接5-结构为类选择器
原文链接6-伪元素选择器
原文链接7-属性选择器
2. 伪类选择器又哪些？
这个就参考上面的就行
3. 不通过浮动和定位，让一个盒子垂直水平居中？
我回答的是flex布局，如下：
<style> .box {
display: flex; justify-content: center; align-items: center; width: 200px; height: 200px; background-color: aquamarine; } .box .box1 {
width: 100px; height: 100px; background-color: blue; } </style>
<body>
<div class='box'>
<div class='box1'></div>
</div>
</body>
4. border-radius: 100% 时候是什么形状？
我依稀记得以前学过，但是还是按照惯常用的思路：
我说50%就是圆形或者椭圆了，100%就不见了…
(啊我真的…你们要遇见这个问题可前往别像我这么答)
其实100%和50%显示一样，原因，下面这个链接里写的不错：
参考别的博主的链接
5. 让一个盒子消失
我回答的是
display:none;或者不设置background-color和border等能显示的
面试官补充了一个：opacity: 0;
还有吗？？应该没了吧
JS相关
1. js基础数据类型有哪些？
2.undefined和null有什么区别？
Vue相关
1. Vuex怎么用
Vuex是Vue的状态（数据）管理工具
Vuex特点：
①数据集中存储
②数据可以被任意任意组件操作
③可以确保数据的可维护性
（因为通过一定操作来操作数据，这个操作不是随意的，是按照预定义好的方式来的）
Vuex解决的问题： 解决了多个组件中数据共享的问题
Vuex的设置时，有几个字段比较重要：
state: 在Vuex中存储数据：在state字段中存储一个属性，是动态的(可以通过VueDevTool调试)；
mutation:
3.action
2. WebSocket是什么
参考链接1-Http、Socket、WebSocket之间联系与区别
3. vuex存储与本地储存（localstorage、sessionstorage）的区别
参考链接1-vuex存储与本地储存（localstorage、sessionstorage）的区别
参考链接2-HTML5本地存储Localstorage
参考链接3-sessionStorage和localStorage
查看15道真题和解析
投递中科院自动化所等公司10个岗位 >
让公司知道便宜没好货