首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

2022秋招前端面试题(一)(附答案)

我没想出其他的用处就直接答我不知道了,还可以利用 symbol 不会被常规的方法(除了 Object.getOwnPropertySymbols 外)遍历到,所以可以用来模拟私有变量。...通常有两种方式来开启 CSP,一种是设置 HTTP 首部中的 Content-Security-Policy,一种是设置 meta 标签的方式对一些敏感信息进行保护,比如 cookie 使用 http-only...Cookie每个域名下Cookie的数量不能超过20个,每个Cookie的大小不能超过4kb有安全问题,如果Cookie被拦截了,那就可获得session的所有信息,即使加密也于事无补,无需知道cookie...,不像Cookie那样每次HTTP请求都会被携带LocalStorage的缺点:存在浏览器兼容问题,IE8以下版本的浏览器不支持如果浏览器设置为隐私模式,那我们将无法读取到LocalStorageLocalStorage...点击刷新按钮或者按 F5: 浏览器直接对本地的缓存文件过期,但是会带上If-Modifed-Since,If-None-Match,这就意味着服务器会对文件检查新鲜度,返回结果可能是 304,也有可能是

1.1K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    开源的网易云音乐API项目都是怎么实现的?

    随后设置了跨域响应头,这里的设置就是允许不同域名的网站也能请求成功的关键所在。...let query = Object.assign( {}, { cookie: req.cookies },...,然后请求网易云音乐的接口,如果请求成功了,那么处理一下网易云音乐接口返回的cookie,最后将数据都返回给前端即可,如果接口失败了,那么也进行对应的处理。...那么会进行一些处理,首先如果是https的请求,那么会设置SameSite=None; Secure,SameSite是Cookie中的一个属性,用来限制第三方Cookie,从而减少安全风险。...MUSIC_U应该就是登录后的cookie了,MUSIC_A应该是一个token,未登录情况下调用某些接口可能报错,所以会设置一个游客token: 继续: const createRequest =

    3.8K30

    nodejs之操作状态保持技术cookie和session

    无状态原因:浏览器与服务器是使用 socket 套接字进行通信的,服务器将请求结果返回给浏览器之后,会关闭当前的 socket 连接,而且服务器也会在处理页面完毕之后销毁页面对象。...3.1、cookie 特点: 1、cookie由服务器生成,保存在浏览器端的一小段文本信息 2、cookie是以键和值得形式进行存储 3、浏览器在访问一个网站的服务器时,会自动在请求头中把和本网站相关的所有...:单位毫秒 res.cookie('age', 11); res.send("设置了cookie") }) app.get("/getCookie",(req,res)=>{...//获取cookie信息 let name = req.cookies["name"]; let age = req.cookies["age"]; res.send(`获取cookie...session req.session["name"] = "session_node" req.session["age"] = 11 res.send("设置了Session

    60010

    每天10个前端小知识 【Day 2】

    通过map.delete去删除一个值,试图删除一个不存在的属性会返回false Object 通过delete操作符才能删除对象的一个属性,诡异的是,即使对象不存在该属性,删除也返回true,当然可以通过...Reflect.deleteProperty(target, prop) 删除不存在的属性还是会返回true。...map的阅读性更好,所有操作都是通过api形式去调用,更有编程体验 4. cookie 的有效时间设置为 0 会怎么样 Cookie过期时间设置为0,表示跟随系统默认,其销毁与Session销毁时间相同...如果我们写程序的时候不设置Cookie的有效时间,那么,Cookie的有效时间等效于会话时间。 5. const声明了数组,还能push元素吗,为什么? 可以。...] 方法4 :通过 Object.prototype.toString.call 方法来识别 console.log(Object.prototype.toString.call([]))//[object

    11310

    腾讯前端一面常考面试题_2023-03-13

    (5)当一个资源被缓存后,该浏览器直接请求这个绝对路径也会访问缓存中的资源。(6)站点中的其他页面即使没有设置 manifest 属性,请求的资源如果在缓存中也从缓存中访问。...(7)当 manifest 文件发生改变时,资源请求本身也会触发更新。...该字段只对完全一样的URL的缓存设置生效,所以设置了缓存时间,在这个时间范围内,再次发送请求就不需要进行预检请求了。...共同点:都是保存在浏览器端、且同源的不同点: 1.cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。...localStorage:始终有效,窗口或浏览器关闭也一直保存,本地存储,因此用作持久数据; cookie:只在设置的cookie过期时间之前有效,即使窗口关闭或浏览器关闭 4.作用域不同

    1.1K40

    拿到大厂前端offer的前端开发是怎么回答面试题的

    这种方式的缺点是有些情况下 referer 可以被伪造,同时还会把搜索引擎的链接也给屏蔽了。所以一般网站会允许搜索引擎的页面请求,但是相应的页面请求这种请求方式也可能被攻击者给利用。...在设置 cookie 属性的时候设置 Samesite ,限制 cookie 不能作为被第三方使用,从而可以避免被攻击者利用。...ES6 之前使用 prototype 实现继承Object.create() 会创建一个 “新” 对象,然后将此对象内部的 [Prototype] 关联到你指定的对象(Foo.prototype)。...Object.create(null) 创建一个空 [Prototype] 链接的对象,这个对象无法进行委托。...= Object.create(Foo.prototype);// 必须设置回正确的构造函数,要不然在会发生判断类型出错Bar.prototype.constructor = Bar; // 必须在上一步之后

    60530

    2020回顾-个人web分享JavaScript面试题附加回答

    由于在js中,变量的作用域属于函数作用域,在函数执行后,作用域就会被清理,内存也会被回收,但是由于闭包是建立在一个函数内部的 子函数,由于子函数可以访问上级作用域的原因,即使上级函数执行完,作用域也不会随之销毁...two总结:尤其是es6引入了Spread operator延展操作符后,即使参数是数组,可以使用call了。...get/setDate():返回或设置日期。 get/setFullYear():返回或设置年份,用四位数表示。 get/setYear():返回或设置年份。...get/setMonth():返回或设置月份。0为一月 get/setHours():返回或设置小时,24小时制 get/setMinutes():返回或设置分钟数。...get/setSeconds():返回或设置秒钟数。 get/setTime():返回或设置时间(毫秒为单位)。 89.

    1.6K70

    前端小知识点总结,助力你成功面试!

    1.处于常规流中时,如果width没有设置,会自动填充满父容器 2.可以应用margin/padding 3.在没有设置高度的情况下会扩展高度以包含常规流中的子元素 4.处于常规流中时布局时在前后元素位置之间...cookie 有效期:cookie在设置的有效期内有效,默认为浏览器关闭;sessionStorage在窗口关闭前有效,localStorage长期有效,直到用户删除 共享:sessionStorage...不能共享,localStorage在同源文档之间共享,cookie在同源且符合path规则的文档之间共享 localStorage的修改会促发其他文档窗口的update事件 cookie有secure属性要求...(); Object.create(): var obj = Object.create(Object.prototype); 复制代码 评价一下三种方法实现继承的优缺点,并改进 function Shape...; // 方法3 Rect.prototype = Object.create(Shape.prototype); Rect.prototype.area = function () { //

    1K20

    每天10个前端小知识 【Day 5】

    而 typeof 也存在弊端,它虽然可以判断基础数据类型(null 除外),但是引用数据类型中,除了 function 类型以外,其他的也无法判断。...可以看到,上述两种方法都有弊端,并不能满足所有场景的需求 如果需要通用检测数据类型,可以采用Object.prototype.toString,调用该方法,统一返回格式“[object Xxx]” 的字符串...null 和 undefined 相等。存在 NaN 则返回 false全等操作符由 3 个等于号( === )表示,只有两个操作数在不转换的前提下相等才返回 true。即类型相同,值也需相同。...写一个返回数据类型的函数,要求自定义的类实例化的对象返回定义的类名 function myTypeof(data) { var toString = Object.prototype.toString...storage在存储数据的大小上面秒杀了cookie,现在基本上很少使用cookie了。

    13710

    身为三本的我就是凭借这些前端面试题拿到百度京东offer的,前端面试题2021及答案「建议收藏」

    Object.prototype.toString.call() 一种最好的基本类型检测方式 Object.prototype.toString.call() ;它可以区分 null 、...(Object.prototype.toString.call(null)); // "[object Null]" console.log(Object.prototype.toString.call...是保存在客户端的,一般由后端设置值,可以设置过期时间 储存大小只有4K 一般用来保存用户的信息的 在http下cookie是明文传输的,较不安全 cookie属性有 http-only:不能被客户端更改访问...,防止XSS攻击(保证cookie安全性的操作) Secure:只允许在https下传输 Max-age: cookie生成后失效的秒数 expire: cookie的最长有效时间,若不设置则cookie...你竟然看完了,看来你距离大神就差一点点了! ok,今天的文章就到这里了。 如果你觉得文章不错的话,可以收藏点赞,也可以关注上我,今后我可能会根据一些大公司的面试题进行在总结。

    81220
    领券