qq音乐会员 暑期前端一面

自我介绍与经历
请做简单的自我介绍
介绍三段实习经历及主要工作内容
上一段实习结束/未转正的原因是什么
JavaScript 基础
for(var i=0; i<<5; i++) { setTimeout(() => console.log(i), 1000) } 输出什么?为什么?
严格模式下使用未声明的变量会怎样?
解释闭包及其常见陷阱
事件冒泡与事件捕获的区别及执行顺序
stopPropagation 与 preventDefault 的作用与区别
React
useState 在定时器中出现闭包问题的原因是什么?如何修复?
useRef 与 useState 的区别?使用 ref 为什么不会触发重新渲染?
useEffect 依赖数组的作用及空数组的陷阱
函数式更新 setState(prev => prev + 1) 的优势
手写代码
实现 delay(ms) 睡眠函数
实现并发控制:限制同时发起的异步请求数量(如图片预加载限制并发数为5)
使用 Promise 实现异步任务的调度与队列管理
项目深挖(组件库/工程化)
组件库如何做到逻辑层与 UI 层分离?双端(PC/移动端)复用的方案是什么?
如何在不破坏 PC 端的情况下为移动端扩展特定逻辑?
组件库 AI 集成(MCP/Skills)解决了什么痛点?具体架构是怎样的?
如何处理组件库多版本文档的匹配问题?
性能优化
代码分割(Code Splitting)的原理及实现方式
ESM 与 CJS 的区别?为什么 Tree Shaking 依赖 ESM?
图片懒加载的实现方案(IntersectionObserver / scroll 监听)
WebP 格式的优势及兼容性降级方案
预加载(preload/prefetch)与懒加载的区别
核心性能指标:FCP、LCP、CLS、FID 的含义及优秀阈值
网络与浏览器
HTTP/1.1、HTTP/2、HTTP/3 的核心区别与优化点
HTTP/2 的多路复用解决了什么问题?
如何根据 User-Agent 判断浏览器/WebView 版本及特性支持?
全部评论
项目是组件库结合AI吗,可以问问这个项目是怎么做的吗,什么实现思路,我的组件库项目感觉没什么亮点
点赞 回复 分享
发布于 昨天 12:50 江西
我去 问了这么多 面了多久呀
点赞 回复 分享
发布于 昨天 05:05 湖南
tme总喜欢八股盛宴招待
点赞 回复 分享
发布于 05-26 18:27 四川

相关推荐

在我来鹅之后,接到的第一个完整大需求就是需要编写一个skill,之前的实习也写过一些skill,但是在我的理解中skill就是跟提示词没差,把你需要的目标全写上就好了,所以第一次mr我提交了一个超过1200行的md,被mt打了回去,为了完成这个需求,我又赶紧请教了我身边的大神同学,获取一些写skill的经验,将原先1200行的md进行了对应的references拆封,又通过我朋友教我的验证机制验证这个skill的效果,最后完成了我的第一个需求。正好前两篇文章给大家分享了写好的用来包装简历的skill,那么今天来给大家分享怎么去写一个好的,可以实际用来工作的skill,摆脱只会写提示词的尴尬。构建&nbsp;Skill&nbsp;的五个步骤Step&nbsp;0:先写&nbsp;EvalsEval(Evaluation,评估)是一套结构化的、可重复运行的测试用例集,用来判断&nbsp;Skill&nbsp;的表现是否符合预期。它不是泛指&amp;quot;测试一下&amp;quot;,而是开发&nbsp;Skill&nbsp;的前提条件。一个典型的&nbsp;Skill&nbsp;eval&nbsp;集至少包含三类用例:-&nbsp;正例(Positive):用户说“帮我看一下这个&nbsp;PR&nbsp;能不能合”,验证&nbsp;Skill&nbsp;应该被加载-&nbsp;负例(Negative):用户说“帮我把代码格式化一下”,验证&nbsp;Skill&nbsp;不该被加载——路由别跑偏到不该触发的地方-&nbsp;边界(Edge):“这个&nbsp;PR&nbsp;改了一行日志,要不要审”,验证边界情况下的路由行为正例和负例都要写,而且负例往往比正例更值钱——误触发是&nbsp;Skill&nbsp;路由的头号失败模式。Eval&nbsp;不只是测一次。Perplexity&nbsp;的&nbsp;eval&nbsp;分三个层次:如下图每种都要在&nbsp;GPT、Claude&nbsp;Opus、Claude&nbsp;Sonnet&nbsp;不同的&nbsp;orchestration&nbsp;模型上分别跑——Sonnet&nbsp;和&nbsp;GPT&nbsp;的&nbsp;Skill&nbsp;行为差异很大,只在一种模型上过了不够。没有&nbsp;evals,你改&nbsp;description&nbsp;就是在盲改,一个新&nbsp;Skill&nbsp;也可能悄悄搞坏已有的十个&nbsp;Skill。Step&nbsp;1:写&nbsp;Description(最难的一行)description&nbsp;是路由触发器,不是文档。写好它不需要关心&nbsp;Skill&nbsp;的内容,只需要关心能不能在正确的时间加载、有没有意外触发到不应该触发的地方——误触发是头号失败模式,每加一个&nbsp;Skill&nbsp;都有可能让其他&nbsp;Skill&nbsp;变差。糟糕的&nbsp;description&nbsp;描述&nbsp;Skill&nbsp;做什么,好的&nbsp;description&nbsp;说什么时候加载。举个监控&nbsp;PR&nbsp;的例子:不要写这个&nbsp;Skill&nbsp;做什么,要写工程师感到焦虑时会说什么——&quot;babysit&quot;、&quot;watch&nbsp;CI&quot;、&quot;make&nbsp;sure&nbsp;this&nbsp;lands&quot;。快速检查清单:-&nbsp;以&quot;Load&nbsp;when…&quot;开头-&nbsp;控制在&nbsp;50&nbsp;词以内-&nbsp;描述用户意图,最好来自真实查询-&nbsp;不总结工作流程Step&nbsp;2:写&nbsp;Body跟同事讲工作流程和跟&nbsp;LLM&nbsp;讲工作流程完全是两回事。对几乎任何面世超过一年的软件工具,只要提名字,模型已经知道怎么用。所以跳过模型已经懂的部分。不用写出每一步命令。比如不要写&nbsp;git&nbsp;log&nbsp;→&nbsp;git&nbsp;checkout&nbsp;main&nbsp;→&nbsp;git&nbsp;checkout&nbsp;-b&nbsp;clean-branch&nbsp;→&nbsp;git&nbsp;cherry-pick&nbsp;commit。写&nbsp;&quot;Cherry-pick&nbsp;the&nbsp;commit&nbsp;onto&nbsp;a&nbsp;clean&nbsp;branch.&nbsp;Resolve&nbsp;conflicts&nbsp;preserving&nbsp;intent.&nbsp;If&nbsp;it&nbsp;can't&nbsp;land&nbsp;cleanly,&nbsp;explain&nbsp;why.&quot;&nbsp;模型在后者上表现好得多,尤其是事情不按预期走的时候。太规定的指令比灵活的指令更脆弱。然后聚焦&nbsp;gotchas&nbsp;和反例,它们是最高信噪比的内容。每次&nbsp;Agent&nbsp;搞砸了就加一条,gotcha&nbsp;会自然地累积起来。条件逻辑或内容太重的东西移出&nbsp;SKILL.md,放到&nbsp;accessory&nbsp;file&nbsp;里渐进加载。Step&nbsp;3:用层级结构-&nbsp;scripts/&nbsp;——&nbsp;确定性逻辑,模型不用每次重新发明-&nbsp;references/&nbsp;——&nbsp;重型文档,条件触发才读(&quot;如果&nbsp;API&nbsp;返回非&nbsp;200,读&nbsp;api-errors.md&quot;)-&nbsp;assets/&nbsp;——&nbsp;输出模板,模型直接复制填充-&nbsp;config.json&nbsp;——&nbsp;首次运行设置,问一次保存下来对于极其复杂的&nbsp;Skill,进一步考虑是否应该拆成一组&nbsp;Skill,用&nbsp;depends:&nbsp;声明加载关系。Step&nbsp;4:迭代切分支出来,在无&nbsp;Skill&nbsp;的状态下跑&nbsp;hero&nbsp;query(核心用户场景查询),建&nbsp;eval&nbsp;集,反复调。提交&nbsp;review&nbsp;时最好一个&nbsp;changeset&nbsp;里自带&nbsp;eval&nbsp;集。Description&nbsp;里的小词改动对路由影响很大,甚至会&nbsp;spillover(溢出)到其他&nbsp;Skill,所以这些在&nbsp;Step&nbsp;5&nbsp;之前做完。Step&nbsp;5:发布大家快把这5步实行起来,成为写skill专家吧!
琉璃梦忆:直接skill creator 管你这那的
AI了,我在打一种很新的...
点赞 评论 收藏
分享
评论
3
7
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务