前端面试题目总结

178 阅读2分钟

HTML

img标签中title和alt什么区别

  1. title是鼠标悬浮到图片上的提示,title属性并不作为搜索引擎抓取图片的参考,更多倾向于用户体验的考虑。
  2. alt是在图像无法显示时的替代文本,如网速太慢、浏览器禁用图像等情况下。

web语义化的理解

  1. 合理的标签做合适的事情

有哪些标签

  1. 块元素
  2. 行内元素
  3. 行内块元素

三类标签有啥区别

三类标签怎么转换

display还有哪些值

让元素隐藏的方式

display:none和visible:hidden什么区别

使用CSS让一个div在视野中消失

opacity的兼容性问题

filter都能做哪些事情

display:flex什么时候会用到

除了这种方式能让元素居中,还有哪些可以

响应式

盒子水平垂直居中的五大解决方案

这种问题在我之前的项目中是比较常见的,开始我一般使用。。。,后来有了CSS3使用了。。。,后来通过看博客,有学会了

  1. 定位:居中的盒子必须有宽高
  2. 定位:有宽高,但是不需要知道宽高是多少
  3. CSS3 transform translate 兼容性问题
  4. display:flex 兼容性
  5. JS方法
  6. table-cell

盒子模型:box-sizing:content-box;border-box

需求变更的时候,改变padding的大小,但是不想过于麻烦的修改

布局:实现左右固定,中间自适应的布局

  1. 圣菲被布局
  2. 双废一布局
  3. cacl计算属性
  4. flex布局
  5. 定位的方式

移动端响应式布局的三大解决方案

  1. @media:通过媒体查询,写出不同的样式
  2. rem:rem
  3. flex:
  4. vh/vw:百分比

JS

js的数据类型有哪些

  1. Number
  2. String
  3. boolen
  4. null
  5. undefined
  6. Symbol
  7. Object

给一个URL地址怎么获取里面的参数值

Locaiton中的属性

CSS

display有哪些属性

网络

HTTP的状态码

综合体

前端页面加载流程 TCP请求到页面交互

React和Vue的对比

优化方案:从TCP请求到接口请求,到页面回执