2024年前端最新前端问题记录篇（三）：jQ事件委托问题(2)，面试建议穿什么衣服

HTTP

• HTTP 报文结构是怎样的？

• HTTP有哪些请求方法？

• GET 和 POST 有什么区别？

• 如何理解 URI？

• 如何理解 HTTP 状态码？

• 简要概括一下 HTTP 的特点？HTTP 有哪些缺点？

• 对 Accept 系列字段了解多少？

• 对于定长和不定长的数据，HTTP 是怎么传输的？

• HTTP 如何处理大文件的传输？

• HTTP 中如何处理表单数据的提交？

• HTTP1.1 如何解决 HTTP 的队头阻塞问题？

• 对 Cookie 了解多少？

• 如何理解 HTTP 代理？

• 如何理解 HTTP 缓存及缓存代理？

• 为什么产生代理缓存？

• 源服务器的缓存控制

• 客户端的缓存控制

• 什么是跨域？浏览器如何拦截响应？如何解决？

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

dom结构：

+

ccy

吃饭睡觉看综艺，学习听歌写代码

点击add之后，出现的弹窗是这样的：

问题1：

背景：当用户点击add按钮时，才加载一次弹窗，即，弹窗也是动态新增的

功能：出现弹窗后，输入文字，点击ok按钮，生成新的div.item，动态插入到div.list中

分析：ok按钮是动态新增的，只有用户点击add按钮时才新增，需使用事件委托，将ok的点击事件委托给body

$(‘body’).on(‘click’, ‘.ok’, function(){

var name = $(‘.name’).val(),

url = $(‘.url’).val(),

des = $(‘.des’).val();

${(}^{\prime }.hid{e}^{\prime }).add($(‘.alert’)).fadeOut();

$(‘.list’).append('

\

\

\

\

' + name + '

\

' + des + '

\ ');

});

效果：

添加了一个人物介绍，右侧也能清晰地看到dom结构多了一个item

如果没有用事件委托，就无法新增：

更多面试题

**《350页前端校招面试题精编解析大全》**内容大纲主要包括 HTML，CSS，前端基础，前端核心，前端进阶，移动端开发，计算机基础，算法与数据结构，项目，职业发展等等

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】*

[外链图片转存中…(img-WR2JLfJt-1715612286794)]