「计算机网络」前端必备知识，看到就是赚到系列（上）
计算机网络-传输层协议专项复习(上)⭐️⭐️这篇文章是一个我计算机网络复习的大汇总，参考了许多文章，也非常感谢大佬对我这篇文章的帮助，由于内容太多了我把它分成了上下两篇来写，这一篇将传输层协议TCP、UDP
以上是这篇文章的思维导图，个人建议复习的小伙伴都可以搞一个，方便自己复习用~
TCP和UDP的区别首先
TCP是面向连接的、可靠的、基于字节流的传输层协议
UDP是一个面向无连接的传输层协议
详细的区别：
1、tcp是基于连接的，可靠性高；udp是基于无连接的，可靠性较低；
2、由于tcp是连接的通信，需要有三次握手、重新确认等连接过程，会有延时，实时性差；由于协议所致，安全性较高；而udp无连接，无建立连接的过程，因而实时性较强，安全略差；
3、在传输相同大小的数据时，tcp首部开销20字节；udp首部开销只有8个字节，tcp报头比udp复杂，故实际包含的用户数据较少。tcp无丢包，而udp有丢包，故tcp开销大，udp开销较小；
4、每条tcp连接只能是点到点的；udp支持一对一、一对多、多对一、多对多的交互通信。
应用场景的区别：
由于TCP和UDP的特点，如果对 ...
「JS刷题之路-递归回溯（上篇）」和我一起系统的刷题吧（内附思维导图）
JS刷题之路-递归回溯（上篇）递归与回溯的题就不像栈的题那么好刷了，差点就鸽了，看到有催更，这不我啪的一下赶出了递归与回溯的JS上篇；递归与回溯是基础，有了基础才好在下一篇刷二叉树~
先搞几道开胃小菜，热热身
一、热身题16.11.跳水板题目描述
题目链接：16.11.跳水板
你正在使用一堆木板建造跳水板。有两种类型的木板，其中长度较短的木板长度为shorter，长度较长的木板长度为longer。你必须正好使用k块木板。编写一个方法，生成跳水板所有可能的长度。
返回的长度需要从小到大排列。
示例 1
输入：shorter = 1longer = 2k = 3输出： [3,4,5,6]解释：可以使用 3 次 shorter，得到结果 3；使用 2 次 shorter 和 1 次 longer，得到结果 4 。以此类推，得到最终结果。
提示：
0 < shorter <= longer0 <= k <= 100000
解题思路总有k+1个结果，结果就是短板长度*k-i+长版长度i以题目示例shorter = 1 longer= 2 k = 3
k ...
「JS刷题之路-栈」和我一起系统的刷题吧（内附思维导图）
JS刷题之路-栈⭐️最近一直在刷题，所以鸽了，这不我快马加鞭赶出了栈相关的JS题；题不在多，掌握了思维就会发现万变不离其宗（其实我觉着和刷数学题是差不多的感觉哈哈）
来，第一题搞个开胃小菜，往后逐渐加大力度
LeetCode-栈一、20.有效的括号
题目链接：20.有效的括号
题目描述给定一个只包括’(‘，’)’，’{‘，’}’，’[‘，’]’的字符串，判断字符串是否有效。
有效字符串需满足：
左括号必须用相同类型的右括号闭合。 左括号必须以正确的顺序闭合。 注意空字符串可被认为是有效字符串。
示例 1:
输入: "()"输出: true
示例 2:
输入: "()[]{}"输出: true
示例 3:
输入: "(]"输出: false
示例 4:
输入: "([)]"输出: false
示例 5:
输入: "{[]}"输出: true
解题思路处在后面的左括号要最先匹配到对应的右括号，用栈的后进先出的思想，后进匹配弹出，接着匹 ...
「导航渲染流程」你真的知道从输入URL到页面展示发生了什么吗？（内附思维导图）
导航渲染流程通过这篇文章当你被问到从URL输入到页面展示都发生了什么的时候，基本都能对答如流，甚至可以一直深入的说，说到面试官闭麦哈哈哈~
渲染流程总结
贴心的我又对上述难理解的知识做了总结，并且还准备了图，确定不点个赞⭐️支持一下嘛~
渲染页面主要做的事：
1.将浏览器无法直接理解和使用的HTML，转换为浏览器能够理解的结构–DOM 树。
2.把 CSS 转换为浏览器能够理解的结构–styleSheets，并转换样式表中的属性值，使其标准化，计算出 DOM 树中每个节点的具体样式（根据继承规则和层叠规则）。
3.确定DOM 元素的几何位置信息–布局树，遍历 DOM 树中的所有可见节点，加入到布局树（display：none不包含），并计算布局树节点的坐标位置。
4.如果页面有复杂的效果，如常见的页面滚动，或者使用 z 轴排序等，为了更加方便地实现这些效果，渲染引擎还需要为特定的节点生成专用的图层，并生成一棵对应的图层树（LayerTree）。
5.图层绘制，把一个图层的绘制拆分成很多小的绘制指令，然后再把这些指令按照顺序组成一个待绘制列表（联想自己画画）。
6.tiles： ...
「浏览器安全」你可能需要的一份浏览器安全的总结（内附思维导图）
通过这篇文章你可以了解到同源策略、跨站脚本攻击（xss）、跨域请求伪造（CSRF）以及安全沙箱相关知识；
以下是本文的思维导图，直接拿图点个赞吧：
（手机端可能看不清）获取高清PDF，请在微信公众号【小狮子前端】回复【浏览器安全】
面试题同源策略、CSP、CROS之间的关系？同源策略就是说通院的页面可以互相操作，但是不同源之间只能通过浏览器提供的手段来操作，比如：
读取数据和操作DOM要跨文档机制
跨域请求要用CROS机制
引用第三方资源要用SCP
为什么XMLHttpRequest不能跨域请求资源？
存在同源策略，不同源的资源请求会被制止。
使用 XMLHttpRequest 是无法直接进行跨域请求的，因此浏览器又在这种严格策略的基础之上引入了跨域资源共享策略，让其可以安全地进行跨域操作。跨站脚本攻击（XSS）一、XSS can do
可以窃取 ...
简介
