# 一次"找软肋"的面试
今天经历过一次侧重基础的面试,平时被大多数人忽视的CSS被频频提问,面试官很有经验,找准我的痛点反复追击,颇有被虐的死去活来之感。
经过这次的面试,让我对CSS肃然起敬,明天就打算趁着双十一的余热未过下单《CSS权威指南》。
下面我整理一些很有针对性的面试题,找出"软肋",变得更强。
# HTML5部分
# 为什么将HTML5语义化
# 列举块级元素与行内元素
1. 块级元素
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
2. 行内元素
<a> <b> <span> <img> <input> <select> <strong>
3. 空元素
<br /><hr><input> <img> <link>
# HTML5新属性
# HTML 中的 meta 标签
# 拨打电话
1. 应用场景:
iPhone上的Safari(还有些webkit android手机浏览器)会自动对看起来像是电话号码的数字串(包括已经加入连字符或括号格式化过的)添加电话链接,点击之后会询问用户是否想要拨打该号码。如果你不希望开启这个自动识别,可以将它关闭
2. 方法:
- <meta>
中: <meta name="format-detection" content="telephone=no" />
- 对确实需要拨号功能的号码: <a href="tel:13800138000">13800138000</a>
补充
<meta>
中的 content
属性亦可以控制是否弹出邮箱: content="email=no"
将不识别邮箱
# 禁止缩放
# label标签
# Chrome 设置 font-size 小于 12px
使用CSS3缩放
# CSS
# 盒子水平居中以及垂直水平居中
# 常见的选择器以及优先级问题
# 盒子隐藏
display:none 和 visibility:hidden 区别
# 清除浮动方式
# 精灵图的使用
# JavaScript
# 闭包
# call 与 apply
# new 的操作
# 深拷贝浅拷贝
# Promise()
# 常见的数组操作
# 数组排序与去重
# JQuery
# 控制DOM的样式
# Vue
# 路由拦截器
# Vue 生命周期
# 第一次加载页面调用哪几个钩子函数
# 多组件之间的数据传递
# hash模式和history模式的不同
# 动态路由
# 常见的几种修改符
# key 的作用
# Git
# 合并冲突后的处理方式
# 浏览器
# 常见的几种缓存
cookie、localStroage、Session Stroage等
# 常见的几种状态码
# 跨域
# 其他
# base64
base64的优势
# HTTP请求
post 与 get 的区别