秋招之钉钉 前端三面面经

一、核心概念 1.1 什么是 JSONP JSONP（JSON with Padding）是一种跨域数据请求的解决方案。 原理：  利用 <script> 标签不受同源策略限制的特性 通过动态创建 <script> 标签，请求跨域资源 服务器返回的数据作为 JavaScript 代码执行  1.2 为什么需要 JSONP 由于浏览器的同源策略，普通的 XMLHttpRequest 或 fetch 无法直接请求跨域资源。JSONP 提供了一种绕过同源策略的方法。 同源策略：协议、域名、端口必须完全相同。 二、实现原理 2.1 基本流程 graph TD A[客户端调用 j...

1.h5页面的滚动怎么处理，让他更丝滑2.流式输出怎么实现3.websocket什么特点4.怎么定义聊天体验5.用户视角出发，有哪些体验优化点a.UI视角(提示词，加载态，骨架屏)b.动线视角:快捷键，猜你想问能力视角:ai回复有人味c.6.bridge用到哪些能力7.移动端怎么根据分辨率适配8.现在登录方案用iwt做的，还了解其他方案吗9.怎么支持双端开发10.有做性能优化吗，性能优化哪些指标，怎么获取11.优化LCP怎么做12.缓存如何控制，有哪些相关API13.职业规划，放眼五年的定位手撕:实现一个发布订阅者模式

由于题目链接无法解析，我直接截图此题要求我们判断字符串是否由 ab 插入操作得到的根据要求，我们可以发现：一个符合条件的好串，其 a 的数量和 b 的数量绝对是一一对应的，且在一一对应的 ab 对里，a 在前，b 在后。那么我们可以用一个栈，遍历字符串时，遇到 a 则入栈，遇到 b 则出栈。如果出栈时，发现栈为空，那么 1. b的数量大于 a 的数量，不是好串 2. b 在前，a 在后，不是好串如果遍历完成后，发现栈非空，那么 3. a 的数量大于 b 的数量，不是好串。此外的，都是符合条件的好串。整体代码如下： #include<iostream> #include<alg...

1.聊实习 2.讲一讲浏览器渲染网页的过程3.重排的重绘4.了解js事件循环吗5.微任务和宏任务都有哪些6.讲一讲Hooks带来哪些改变7.useEffect和useLayoutEffect的区别8.useState和useRef的区别9.webpack做过哪些优化10.了解tree shaking吗11.commonjs有tree shaking吗12.Promise都有哪些状态手撕1.描述打印顺序（render在useEffect之前）2.封装一个防竞态的api调用自定义hooks3.写一个控制并发的schedule