前端面试题汇总

css篇

  1. css浮动布局以及清除浮动的几种办法
  2. css多种布局方式
  3. CSS弹性盒总结
  4. 详细说说CSS中的BFC概念
  5. css元素水平垂直居中
  6. css盒模型
  7. css层级图解
  8. 移动端响应式布局开发的四大方案
  9. css的长度单位详解
  10. 使用css,让div消失在视野中的方法
  11. z-index的工作原理
  12. 文档流与脱离文档流
  13. css继承属性有哪些
  14. CSS 绘制三角形的方法
  15. css实现1px的几种办法
  16. 前端css性能优化

html篇

  1. 前端html面试常见问题

浏览器篇

  1. 浏览器渲染机制-从输入url到渲染出页面的整个过程

JavaScript篇

  1. 手写new
  2. js继承的超详细讲解:原型链继承、构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承、class继承
  3. call\apply\bind详解
  4. 前端防抖与节流超详细讲解
  5. js的浅拷贝与深拷贝
  6. 函数柯里化详解

优化篇

  1. 前端css性能优化
  2. 理解单点登录

nodejs篇

框架篇(vue/react)

打包篇(webpack/vite)

ssr

微信小程序/公众号

跨端(uniapp\flutter\taro)

混合开发篇

项目中常见问题篇

数据库

java

算法

数据结构

设计模式

安全(xss/csrf)

通信(socket)

http

服务器

linux

部署

git

  1. 常用的git指令
  • 5
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
2023年端面试题汇总包括以下问题: 1. 请解释下什么是响应式设计(Responsive Design)? 响应式设计是一种设计和开发网站的方法,使其能够在不同设备上提供最佳的用户体验。通过使用媒体查询、弹性网格布局以及其他技术手段,网站可以根据设备的屏幕大小和特性自适应地调整布局和样式。 2. 谈谈你理解的盒模型(Box Model)? 盒模型是指在网页布局中,每个元素都被看作是一个矩形的盒子。它由内容区域(content)、内边距(padding)、边框(border)和外边距(margin)组成。这些部分共同决定了元素在页面中的尺寸、位置以及与其他元素之间的间距。 3. 解释一下什么是跨域(Cross-Origin Resource Sharing,CORS)? 跨域指的是在浏览器发送请求时,当页面所在的域与该请求要访问的资源所在的域不一致。出于安全原因,浏览器会限制跨域请求。CORS 是一种机制,允许服务器在响应中设置一些头部信息,告诉浏览器该服务器允许哪些跨域请求。 4. 如何优化网页的加载性能? 有多种方法可以优化网页的加载性能,以下是一些常见的技术: - 使用浏览器缓存,减少对服务器的请求次数。 - 压缩和合并 CSS 和 JavaScript 文件,减小文件大小。 - 使用懒加载和延迟加载来延迟加载非关键资源。 - 优化图片,使用适当的格式和压缩算法。 - 使用 CDN(内容分发网络)来加速资源的加载。 - 减少 HTTP 请求次数,合并和内联文件。 - 优化服务器响应时间,减少网络延迟。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值