微软面试题及答案，【前端三剑客，前端开发有效连接

4. 输入输出语句

---

**较为常用: **

| 方法 | 说明 | 归属 |

| :-: | :-: | :-: |

| alert(msg) | 浏览器弹出警示框 | 浏览器 |

| console.log(msg) | 浏览器控制台打印输出信息 | 浏览器 |

| prompt(info) | 浏览器弹出输入框,用户可以输入 | 浏览器 |

注意：

alert() 主要用来显示消息给用户，console.log() 用来给程序员自己看运行时的消息。

变量

=====================================================================

程序在了内存中申请的一块用来存放数据的空间

使用:

1. 声明

   var age;

   // var是JS关键字,variable变量

2. 赋值

   age = 10;

   结合: var age = 10;

3. 变量命名规范

   • 严格区分大小写

   • 首字母小写，后面单词的首字母需要大写。 myFirstName

数据类型

=======================================================================

1.1 类型

---

JavaScript 是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型，在程序运行过程中，类型会被自动确定。*

var age = '是的'; // 这是一个字符串

JS引擎根据右边变量值的数据类型来判断

• 上述也就意味着,JS拥有动态类型,变量的类型可以发生变化

1.2 分类

---

• 简单数据类型

  1. Number

  2. String

  3. Boolean

  4. Undefined

  5. Null

• 复杂数据类型

  1. object

1.3 简单(基本)数据类型

---

| 类型 | 说明 | 默认值 |

| :-: | :-: | :-: |

| Number | 数字型,包括整形和浮点型 | 0 |

| Boolean | 布尔型 | false |

| String | 字符串 | “” |

| Null | var a = null; 声明a为空值 | null |

| Undefined | var a; 声明了变量a 但没有给值 | null |

1.3.1 Number

• 八进制在前面加0,十六进制在前面加0x

• 范围

  最大值-1.7976931348623157e+308 Number.MAX_VALUE

  最小值-5e-32 Number.MAX_VALUE

• 三个特殊值

  
  alert(Infinity);  // Infinity
  
  alert(-Infinity); // -Infinity
  
  alert(NaN);       // NaN   代表一个非数值
  
  
  
  

• isNaN()

  判断一个变量是否为非数字的类型，返回true或者false

  返回true表示不是数字

1.3.2 String

字符串加双引号或单引号

• JS可以用单引号嵌套双引号,或者反过来

• 转义符

  
  \n 换行符
  
  \\ 斜杠
  
  \' 单引号
  
  \" 双引号
  
  \t tab缩进
  
  \b 空格
  
  
  
  

• length 属性

  通过其可以获取整个字符的长度

  
  var strMsg = "我是帅气多金的程序猿！";
  
  alert(strMsg.length); // 显示 11
  
  
  
  

• 拼接

  • 多个字符串之间可以使用 + 进行拼接，其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串

    
    //1.1 字符串 "相加"
    
    alert('hello' + ' ' + 'world'); // hello world
    
    //1.2 数值字符串 "相加"
    
    alert('100' + '100'); // 100100
    
    //1.3 数值字符串 + 数值
    
    alert('11' + 12);     // 1112 
    
    
    
    

  • 与变量拼接

    
    console.log('pink老师' + 18);           // 只要有字符就会相连 
    
    var age = 18;
    
    // console.log('pink老师age岁啦');       // 这样不行哦
    
    console.log('pink老师' + age);          // pink老师18
    
    console.log('pink老师' + age + '岁啦');  // pink老师18岁啦
    
    // 注意,变量不可以加引号,否则会被认定为字符串
    
    
    
    

1.3.3 Boolean

当布尔型和数字型相加时,true表示1,false表示0

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

TCP协议

• TCP 和 UDP 的区别？
• TCP 三次握手的过程？
• 为什么是三次而不是两次、四次？
• 三次握手过程中可以携带数据么？
• 说说 TCP 四次挥手的过程
• 为什么是四次挥手而不是三次？
• 半连接队列和 SYN Flood 攻击的关系
• 如何应对 SYN Flood 攻击？
• 介绍一下 TCP 报文头部的字段
• TCP 快速打开的原理(TFO)
• 说说TCP报文中时间戳的作用？
• TCP 的超时重传时间是如何计算的？
• TCP 的流量控制
• TCP 的拥塞控制
• 说说 Nagle 算法和延迟确认？
• 如何理解 TCP 的 keep-alive？

浏览器篇

• 浏览器缓存?
• 说一说浏览器的本地存储？各自优劣如何？
• 说一说从输入URL到页面呈现发生了什么？
• 谈谈你对重绘和回流的理解
• XSS攻击
• CSRF攻击
• HTTPS为什么让数据传输更安全？
• 实现事件的防抖和节流？
• 实现图片懒加载？

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

转存中…(img-RjDcvDks-1712533494244)]

浏览器篇

• 浏览器缓存?
• 说一说浏览器的本地存储？各自优劣如何？
• 说一说从输入URL到页面呈现发生了什么？
• 谈谈你对重绘和回流的理解
• XSS攻击
• CSRF攻击
• HTTPS为什么让数据传输更安全？
• 实现事件的防抖和节流？
• 实现图片懒加载？

[外链图片转存中…(img-8u9KBQBW-1712533494244)]

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-A02rSUHc-1712533494244)]