一只小松鼠_的博客

同源策略是一个重要的安全策略，它用于限制一个源的文档或者它加载的脚本如何能与另一个源的资源进行交互。如果两个 URL 的协议、主机和端口都相同，我们就称这两个 URL 同源。协议：协议是定义了数据如何在计算机内和之间进行交换的规则的系统，例如 HTTP、HTTPS。主机：是已连接到一个计算机网络的一台电子计算机或其他设备。网络主机可以向网络上的用户或其他节点提供信息资源、服务和应用。使用 TCP/IP 协议族参与网络的计算机也可称为 IP 主机。

时间复杂度分析是一种用于衡量算法执行时间的方法。它帮助我们确定算法在执行时所需的时间资源。时间复杂度是指算法所需的操作次数，随着输入大小的增加而增加的速率。强调的是一个相对于输入数据规模大小，所需时间的趋势在进行时间复杂度分析时，我们通常关注算法的最坏情况。这是因为算法的最坏情况给出了算法的最大执行时间。确定算法的基本操作，例如赋值、比较、循环等。确定每个基本操作的执行次数。将每个基本操作的执行次数相加，以确定算法的总操作次数。确定算法的最大执行次数，并将其表示为时间复杂度。i <= n。

一个盒子由四个部分组成：content、padding、border、margin。两种盒子模型：W3C 标准盒子模型、IE 怪异盒子模型标准盒子模型 width / height 只是内容高度，不包含 padding 和 border 值；IE 怪异盒子模型 width / height 包含了 padding 和 border 值面试的题目大都是开发中会使用到的，回答的时候要讲重点，逻辑清晰即可。

我们重点关注下长度为 length 的那个bytes数组，这个数组就是真正存储常量数据的地方，而 length 就是数组可以存储的最大字节数。对于s1，一个字母d的UTF8编码占用一个字节，65534字母占用65534个字节，长度是65534，长度和存储都没超过限制，所以可以编译通过。对于s2，一个中文占用3个字节，21845个正好占用65535个字节，而且字符串长度是21845，长度和存储也都没超过限制，所以可以编译通过。所以在最坏的情况下，一个最大的字符串要占用4GB的内存。

通过使用export和import语句，ES Modules 允许在浏览器端导入和导出模块。当使用 ES Modules 进行开发时，开发者实际上是在构建一个依赖关系图，不同依赖项之间通过导入语句进行关联。主流浏览器（除IE外）均支持ES Modules，并且可以通过在 script 标签中设置来加载模块。默认情况下，模块会延迟加载，执行时机在文档解析之后，触发DOMContentLoaded事件前。预构建依赖通常指的是在项目启动或构建之前，对项目中所需的依赖项进行预先的处理或构建。

尽量少用页面中的自定义字体，自定义字体通常需要通过 HTTP 请求来加载，而每个额外的 HTTP 请求都会增加页面加载时间。尽量考虑使用 Web 安全字体（如 Arial、Helvetica、Times New Roman 等）这些一般会装在大部分设备上的字体作为备用字体，无需额外下载。

对正则阅读有障碍的同学可以借助这个网站/，将正则可视化，从此爱上读正则！可视化后，直接看图说话，小白都会，真滴 tql！！好了，冲了！

要想自己的前端知识学的扎实，我们就一定要形成这样一个个知识图谱，里面从基础概念到应用到原理，让自己的知识脉络形成一张网，然后我们不断地在这张网上进行修补或扩充。”站点，它不再是专注开发中的各个知识细节，而是从整个前端开发知识体系出发，以网带面，做到各个知识点的链接和覆盖。还有一点就是，你可以从这个网站上看到很多代码的动态演示效果，这也是我目前在探索的领域，希望以生动直接的方式来讲解知识点。平时写博客记录的是零碎的知识点，我们还要做一个这样的知识图谱站，系统去梳理某个知识领域的所有知识点。

使用 HTTPS 协议发送请求，所有的数据都会在传输过程中进行加密，从而保护数据不以明文形式传输。这样即使数据被截获，黑客也无法直接获取到数据的内容。在前端对敏感数据进行加密处理，然后再发送请求。可以使用一些加密算法，如 AES、RSA 等，将敏感数据进行加密后再发送到服务器。这样即使数据在传输过程中被截获，也无法直接获取其内容。在发送请求之前，前端对请求参数进行签名处理，并将签名结果和请求一起发送到服务器。服务器端根据事先约定的签名算法和密钥对请求参数进行验证，确保请求的完整性和可靠性。

100vw 相当于整个视口的宽度 innerWidth，1vw 相当于视口宽度的 1%，将 px 转换为 vw 即可完成适配，其实上面的 rem 就是模仿 vw 方案。rem 单位是相对于 html 元素的 font-size 来设置的，通过在不同屏幕尺寸下，动态的修改 html 元素的 font-size 以此来达到适配效果。思路：通过监听屏幕尺寸的变化来动态修改 html 元素的 font-size 大小。思路：通过媒体查询来设置不同尺寸屏幕下 html 的 font-size。

浏览器在下载和解析script文件的时候会停止html的解析和 CSSOM 的构建。所以，在以前我们通常喜欢把< script >标签放在html的最后面。当然，不想将< script >标签放在后面又不想让script的下载和解析影响html的渲染，也有方案。在script标签中加上defer属性即可。script标签的defer属性可以让script异步加载并在DOM构建完成和CSS渲染完毕之后再执行。写文章 - script标签中的async和defer标签到底是干什么的？