码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 前端高频面试问题


    目录

    • 前言
    • -------分割线-------
      • Ajax
      • ajax实现过程
      • promise与ajax的区别
      • axios
      • axios和ajax的区别
      • axios 和 fetch 的区别
    • -------分割线-------
      • node.js
      • vue.js
      • nodejs与vuejs区别
    • -------分割线-------
      • 浏览器输入url到显示的全过程
      • HTTP缓存策略(浏览器缓存:强缓存和协商缓存)
      • 三次握手(建立TCP连接)和四次挥手(终止TCP连接)
      • HTML的整个文件的加载过程
    • -------分割线-------
      • js中为数组定义的5个迭代的方法

    前言

    -------分割线-------

    整理了我在看面经时看到的比较多的问题

    Ajax

    本人之前博客:Ajax与跨域问题

    ajax实现过程

    感觉这篇写的很好:ajax实现过程

    promise与ajax的区别

    本人之前博客:Promise从入门到精通
    关于回调地狱
    回调地狱
    promise与ajax的区别

    axios

    本人之前博客:axios从入门到源码分析
    axios是什么
    定义:Axios是一个基于promise 的 HTTP 库,可以用在浏览器和 node.js中。
    原理:axios本质上也是对原生XHR的封装,只不过它是Promise的实现版本,符合最新的ES规范。
    主要特点:

    • 从浏览器创建 XMLHttpRequests
    • 从 node.js 创建 http 请求
    • 支持 Promise API
    • 拦截请求和响应
    • 转换请求和响应数据
    • 取消请求
    • 自动转换JSON数据
    • 客户端支持防御XSRF

    axios请求/响应拦截器

    axios和ajax的区别

    axios实现了对ajax的封装:axios是通过Promise实现对ajax技术的一种封装,就像jquery对ajax的封装一样,简单来说就是ajax技术实现了局部数据的刷新,axios实现了对ajax的封装,axios有的ajax都有,ajax有的axios不一定有,总结一句话就是axios是ajax,ajax不止axios。

    axios 和 fetch 的区别

    axios 和 fetch 的区别

    -------分割线-------

    node.js

    是什么
    node.js简称node…

    vue.js

    vue和vue.js是一样的.vue 是 vue.JS 的简称…

    nodejs与vuejs区别

    nodejs与vuejs区别

    -------分割线-------

    浏览器输入url到显示的全过程

    参考1
    参考2:

    1. 在浏览器中输入url

    2. 浏览器查找域名的IP地址
      ①查找浏览器缓存
      ②查找系统缓存
      ③查找路由器缓存
      ④递归查询(DHPC协议)
      ⑤迭代查询

    3. 浏览器与目标服务器建立TCP连接(三次握手)

    4. 浏览器给web服务器发送一个HTTP请求
      Cookies如果是首次访问,会提示服务器建立用户缓存信息,如果不是,可以利用Cookies对应键值,找到相应缓存,缓存里面存放着用户名,密码和一些用户设置项

    5. 某些服务器会做永久重定向响应
      重定向的作用:负载均衡或导入流量,提高SEO排名
      由于baidu.com,www.baidu.com会被搜索引擎认为是两个网站,造成每个的连接数都会减少从而降低排名,永久重定向会将两个地址关联起来,搜索引擎会认为是同一个网站,从而提高排名

    6. 浏览器跟踪重定向地址,重新发送http请求

    7. 服务器处理请求

    8. 服务器发出一个HTML响应

    9. 释放TCP连接(四次挥手)

    10. 浏览器显示页面

    11. 浏览器发送获取嵌入在HTML中的其他内容

    HTTP缓存策略(浏览器缓存:强缓存和协商缓存)

    强缓存和协商缓存都是针对静态文件资源的 参考
    强缓存: 让浏览器强制缓存服务端提供的资源
    协商缓存: 在缓存过期的情况下,客户端和服务端协商,确认客户端是否需要更新
    共同点:都是从客户端缓存中读取资源
    区别:
    ①触发的先后顺序不同(强制缓存在前,协商缓存在后)
    ②强制缓存不访问服务器,协商缓存需要访问服务器 参考

    expires(绝对时间)与cache-control(相对时间):
    当 expires和 cache-control都存在, cache-control优先级高

    三种浏览器的刷新操作对缓存的影响:
    ①正常操作:地址栏输入URL,跳转链接,前进或后退/手动点击浏览器的刷新按钮
    ——>强缓存和协商缓存均有效
    ②手动刷新:F5,点击刷新/点击菜单刷新
    ——>强制缓存失效,协商缓存有效
    ③强制刷新:Ctrl+F5
    ——>强制缓存和协商缓存均无效

    三次握手(建立TCP连接)和四次挥手(终止TCP连接)

    参考
    详细版
    在看四次挥手的时候,我突然有个问题:什么情况下,服务端会主动发出关闭连接?参考
    服务端主动关闭,客户端继续写,会发生什么?

    HTML的整个文件的加载过程

    一个完整html的加载执行过程
    DOM树、CSS树、渲染树、BOM树

    -------分割线-------

    js中为数组定义的5个迭代的方法

    map,forEach,filter,some,every的使用及区别
    map(): 返回一个新数组,不改变原数组,不会对空数组进行检测,每个元素的值为true/false
    forEach(): 遍历循环数组的每一项,让每一项执行相应的操作,不返回结果
    eg:计算数组所有元素相加的和,数组中每个元素乘以某个数
    filter(): 创建一个新数组,其元素是符合条件的元素
    some(): 有一个元素满足条件就返回true
    every(): 所有元素满足条件就返回true

  • 相关阅读:
    卷积架构的进一步挖掘:ConvNeXt,RepLKNet,HRNet
    界面控件Kendo UI for jQuery R3 2023 - 发布全新金字塔图表类型
    Vue06/Vue中this.$nextTick( ) 的用法及详细介绍
    2069. 模拟行走机器人 II
    yaml-cpp开源库使用
    Android 启动优化系列 —— 系统启动流程
    【Python百日进阶-Web开发-Feffery】Day406 - fac实例:利用dash-leaflet实现可点击多选的区域地图
    SAP PO运维(五):系统用户授权
    【XInput】游戏手柄模拟鼠标动作
    http 协议文件上传 - mongoose
  • 原文地址:https://blog.csdn.net/weixin_44286392/article/details/125990564
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号