字节 国际电商前端一面二面面经
发一下之前秋招的面经叭
原型链
● 用function实现class
○ 构造函数或类用prototype,实例用.__proto__
● 实现extends
○ Object.assign 会改变原对象
○ // 设置子类的原型为父类的原型
Dog.prototype = Object.create(Animal.prototype);
● bind 和apply
● 浏览器跨域
● 那些文件或资源会受跨域限制,什么类型的网络请求不受同源策略管控
○ js、css、img,iframe等,有src,不受跨域影响,常规静态资源被同源策略许可,但iconfont字体文件(eot|otf|ttf|woff|svg)例外
○ img标签在特定情况下存在跨域问题。 当通过JavaScript动态创建的img元素设置了crossOrigin属性为anonymous或use-credentials时,如果图片来自其他域且没有设置适当的CORS策略,浏览器会拒绝访问该图片,导致跨域问题。
○ 跨域问题的原因在于,浏览器默认会对通过img标签加载的图片进行缓存。当通过JavaScript动态创建的img元素访问相同的图片时,浏览器会直接从缓存中获取图片,而不是重新发起请求。然而,如果JavaScript中的img元素设置了crossOrigin属性,浏览器会尝试以CORS的方式请求图片,但缓存中的图片并不包含CORS信息,因此被浏览器拒绝。
○ 需要注意的是,通过img标签直接加载的图片资源(如通过src属性指定)通常不会遇到跨域问题,因为浏览器默认允许这种加载方式
● 前端正向代理和反向代理
○ 都是正向代理
○ 正向代理:代理的是客户端,隐藏客户端,反向代理:代理的是服务器,隐藏服务器
● vue的双向绑定
● vue的依赖收集
● react、 性能优化
● 技术栈是react
● 常用框架原理,浏览器原理 缓存,跨域,加载,同源策略,http https混合应用
跨域
原型链
● 用function实现class
○ 构造函数或类用prototype,实例用.__proto__
● 实现extends
○ Object.assign 会改变原对象
○ // 设置子类的原型为父类的原型
Dog.prototype = Object.create(Animal.prototype);
● bind 和apply
● 浏览器跨域
● 那些文件或资源会受跨域限制,什么类型的网络请求不受同源策略管控
○ js、css、img,iframe等,有src,不受跨域影响,常规静态资源被同源策略许可,但iconfont字体文件(eot|otf|ttf|woff|svg)例外
○ img标签在特定情况下存在跨域问题。 当通过JavaScript动态创建的img元素设置了crossOrigin属性为anonymous或use-credentials时,如果图片来自其他域且没有设置适当的CORS策略,浏览器会拒绝访问该图片,导致跨域问题。
○ 跨域问题的原因在于,浏览器默认会对通过img标签加载的图片进行缓存。当通过JavaScript动态创建的img元素访问相同的图片时,浏览器会直接从缓存中获取图片,而不是重新发起请求。然而,如果JavaScript中的img元素设置了crossOrigin属性,浏览器会尝试以CORS的方式请求图片,但缓存中的图片并不包含CORS信息,因此被浏览器拒绝。
○ 需要注意的是,通过img标签直接加载的图片资源(如通过src属性指定)通常不会遇到跨域问题,因为浏览器默认允许这种加载方式
● 前端正向代理和反向代理
○ 都是正向代理
○ 正向代理:代理的是客户端,隐藏客户端,反向代理:代理的是服务器,隐藏服务器
● vue的双向绑定
● vue的依赖收集
● react、 性能优化
● 技术栈是react
● 常用框架原理,浏览器原理 缓存,跨域,加载,同源策略,http https混合应用
跨域
全部评论
二面 手撕 数组转树形结构
你好 问一下Vue的双向绑定是问的v-model还是底层实现原理?
相关推荐

点赞 评论 收藏
分享
点赞 评论 收藏
分享

点赞 评论 收藏
分享
点赞 评论 收藏
分享