前端面试题
文章平均质量分 80
感谢上Di_123
感谢上Di的En典
展开
-
前端面试题大合集8----性能优化篇
综上所述,前端性能优化是提高用户体验的重要手段,以上共讲述了四点,在日常学习工作中,我们应该根据具体的项目需求选择合适的优化手段,从而提高页面加载速度和渲染速度。这样一来,可以提高页面加载速度。避免在页面加载同时请求大量图片,降低网络带宽消耗,提高页面加载速度,期间可以次采用骨架屏等方式来提高用户体验。即采用诸如async、defer等方式将JS文件异步加载,避免JS阻塞页面渲染的情况,提高页面加载速度。可以减轻浏览器的负担,提高页面渲染速度,主要通过缓存Dom元素和一次性对Dom元素进行修改来实现。原创 2024-05-28 18:46:57 · 94 阅读 · 0 评论 -
前端面试题大合集7----模块化/工程化/ES6+标准
传统的模块打包工具最终将所有的模块编译并生成一个庞大的bundle.js文件。通过使用不同的loader,我们能够调用外部的脚本或者工具,实现对不同格式文件的处理,loader需要在webpack.config.js里单独用module进行配置。vue-loader、coffee-loader、babel-loader等可以将特定文件格式转成js模块、将其他语言转化为js语言和编译下一代js语言;样式:style-loader、css-loader、less-loader、sass-loader等;原创 2024-05-28 17:52:10 · 238 阅读 · 0 评论 -
前端面试题大合集6----框架篇(Vue)
当数据变化后会调用notify方法,将watcher遍历,调用update方法通知watcher进行更新,这时候watcher并不会立即去执行,在update中会调用queueWatcher方法将watcher放到一个队列里,在queue Watcher会根据watcher的进行去冲,多个属性依赖一个watcher,如果队列中没有该watcher就会将该watcher添加到队列中,然后通过nextTick异步执行flushSchedulerQueue方法刷新watcher队列。原创 2024-05-28 15:32:41 · 366 阅读 · 0 评论 -
前端面试题大合集4----框架篇(React)
setState 只在合成事件和 hook() 中是“异步”的,在 原生事件和 setTimeout 中都是同步的。方法,由于Dom事件被阻止了,无法到达document,所以合成事件自然不会被触发。React合成事件机制:React并不是将click事件直接绑定在dom上面,而是。React在事件绑定时有一套自身的机制,就是合成事件。Dom事件流分三个阶段:事件捕获阶段,目标阶段,事件冒泡阶段。,然后React将事件封装给正式的函数运行和处理。原创 2024-05-13 10:28:05 · 876 阅读 · 0 评论 -
前端面试题大合集3----网络篇
TCP的性能瓶颈主要在于其握手过程和重传机制,而UDP的底层协议,就是大名鼎鼎的QUIC协议,一个运行在传输层的协议。在QUIC中,客户端可以无缝的从一个服务器切换到另一个服务器,而不需要断开原来的连接。当客户端想要切换到另一个服务器时,它会向新的服务器发送一个包含当前连接状态信息的包,新的服务器收到后,就可以立即开始处理客户端的请求。http3.0 :使用了 QUIC,开启多个 TCP 连接,在出现丢包的情况下,只有丢包的 TCP 等待重传,剩余的 TCP 连接还可以正常传输数据;原创 2024-05-06 09:35:55 · 490 阅读 · 2 评论 -
前端面试题大合集2----基础篇
事件代理( Event Delegation ),又称之为事件委托。是 JavaScript 中常用的绑定事件的常用技巧。顾名思义,“事件代理”即是把原本需要绑定的事件委托给父元素,让父元素担当事件监听的职务。事件代理的原理是DOM元素的事件冒泡。使用事件代理的好处是可以提高性能可以大量节省内存占用,减少事件注册,比如在 table 上代理所有 td 的 click 事件就非常棒可以实现当新增子对象时无需再次对其绑定数据封装类对象:Object、Array、Boolean、Number、String。原创 2024-04-28 14:35:02 · 671 阅读 · 0 评论 -
前端面试题大合集1----基础篇
原型链就是实例对象在查找属性时,如果查找不到,就会沿着__proto__去与对象关联的原型上查找,有则返回,如果找不到,就去找原型的原型,直至查到最顶层Object函数的原型,其原型对象的__proto__已经没有可以指向的上层原型,因此其值为null,返回undefined。但是对于复合数据类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指向实际数据的指针,const只能保证这个指针是固定的(即总是指向另一个固定的地址),至于它指向的数据结构是不是可变的,就完全不能控制了。原创 2024-04-10 17:48:12 · 251 阅读 · 0 评论