写这些前端知识点，键盘都敲冒烟了

作为日常和代码打交道的前端实习生，能明显感觉到AI带来的工作变化，和传统的开发模式比，差别真的挺直观的。传统前端工作，更多是纯手工输出。从写基础 HTML结构、调试 CSS 兼容，到 JavaScript 逻辑，全靠自己查文档、敲代码，遇到复杂的组件逻辑，要花大量时间进行编写和排查，效率基本取决于个人熟练度和经验积累。现在 AI 介入后，工作模式变成了人机协作。重复的表单代码、基础的工具函数，AI 可以快速生成，我只需要做需求拆解、逻辑校验和细节优化，不用再把时间耗在机械编码上，能把更多精力放在业务理解、交互设计和工程化优化上。核心能力的要求也变了。传统时代更看重纯技术熟练度和代码写，现在更考验 prompt 能力，逻辑判断能力，还有整合 AI 产出的能力，知道怎么精准提需求，能熟练 AI 代码的漏洞，把工具用在刀刃上，比单纯会写代码更重要。不用过度焦虑被取代，AI 更像是提升效率的助手，真正核心的业务思考和和方案设计，终究还是要靠人来完成。

当打开 DevTools 并切换到 Console 面板后，可以看到 JS 报错信息。 Uncaught TypeError: Cannot read property 'name' of undefined at main.js:24  比如上面这个例子表示尝试访问 undefined 的 name 属性导致错误。TypeError 是错误类型，说明操作的数据类型不符合预期。错误位置在 main.js 的第 24 行，点击文件名即可跳转到源码中对应位置，方便进一步调试。 为什么需要断点调试（Debugger） 使用 console.log 调试往往只能“看到结果，却看不到过程”——虽然能看到...

自我介绍 看一个元素是否在窗口内是怎么判断的有没有封装过组件 提取公共函数等vite工程化都干嘛了从url输入到浏览器渲染vue的生命周期vue的父子通信vue的nextTickeventlop原型链和原型下拉加载和滚动加载axios怎么取消请求项目为什么要使用ts什么是设计模式tcp和udp的区别http在哪https和http的区别http 1 2 3的区别cdndns好多八股啊

前端新的面试题又来咯拖拽与 DOM问题 1：拖拽过程中，如果原本的元素消失了，onDrop 还能触发么？具体表现是什么？答案： 能触发。onDrop 事件会在放置的目标元素上触发。具体表现是：拖拽源元素在拖拽过程中被移除（如设置为 display: none 或从 DOM 中删除），只要鼠标在有效的放置目标上释放，onDrop 仍会触发。但是，event.dataTransfer 对象中关于拖拽源的数据可能变得不可靠或丢失。问题 2：如何改变拖拽预览图？答案： 使用 DataTransfer.setDragImage() 方法。 element.addEventListener('dragst...