10 2022 档案
发表于 2022-10-30 09:32阅读：260评论：0推荐：1
摘要：一、浏览器的渲染过程 注意：这个过程是逐步完成的，为了更好的用户体验，渲染引擎将会尽可能早的将内容呈现到屏幕上，并不会等到所有的html 都解析完成之后再去构建和布局 render 树。它是解析完一部分内容就显示一部分内容，同时，可能还在通过网络下载其余内容。 渲染过程解读如下： 首先解析收到的文档
阅读全文 »
发表于 2022-10-27 09:33阅读：236评论：0推荐：0
摘要：一、浏览器本地存储方式及使用场景 1.Cookie 概念：Cookie是最早被提出来的本地存储方式，在此之前，服务端是无法判断网络中的两个请求是否是同一用户发起的，为解决这个问题，Cookie就出现了。Cookie的大小只有4kb，它是一种纯文本文件，每次发起HTTP请求都会携带Cookie。 特性
阅读全文 »
发表于 2022-10-22 11:11阅读：389评论：0推荐：1
摘要：一、同源政策 跨域问题其实就是浏览器的同源策略造成的。同源策略限制了从同一个源加载的文档或脚本如何与另一个源的资源进行交互。这是浏览器的一个用于隔离潜在恶意文件的重要的安全机制。同源指的是：协议、端口号、域名必须一致。同源策略：protocol（协议）、domain（域名）、port（端口）三者必须
阅读全文 »
发表于 2022-10-17 09:40阅读：197评论：0推荐：0
摘要：一、HTTP和HTTPS协议的概念及区别 1.HTTP 概念 HTTP即超文本运输协议，是实现网络通信的一种规范，它定义了客户端和服务器之间交换报文的格式和方式，默认使用 80 端口。它使用 TCP 作为传输层协议，保证了数据传输的可靠性。 HTTP是一个传输协议，即将数据由A传到B或将B传输到A，
阅读全文 »
发表于 2022-10-13 11:45阅读：185评论：0推荐：0
摘要：一、HTTPS协议概念 超文本传输安全协议（Hypertext Transfer Protocol Secure，简称：HTTPS）是一种通过计算机网络进行安全通信的传输协议。HTTPS经由HTTP进行通信，利用SSL/TLS来加密数据包。HTTPS的主要目的是提供对网站服务器的身份认证，保护交换数
阅读全文 »
发表于 2022-10-10 09:39阅读：917评论：0推荐：1
摘要：菜鸟教程-WebSocket实时通信 一、WebSocket概念 WebSocket是HTML5提供的一种浏览器与服务器进行全双工通讯的网络技术，属于应用层协议。它基于TCP传输协议，并复用HTTP的握手通道。浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接， 并进行双向数据传输
阅读全文 »
发表于 2022-10-07 09:59阅读：1319评论：0推荐：0
摘要：uni-app介绍 官方网页 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 即使不跨端，uni-app同时也是更好的小程序开发框架。 具有vue和微信小程
阅读全文 »
发表于 2022-10-06 13:37阅读：277评论：0推荐：1
摘要：一、前情回顾 在讨论回流与重绘之前，我们要知道： 浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页
阅读全文 »
发表于 2022-10-05 12:40阅读：566评论：2推荐：3
摘要：一、懒加载的概念 概念：懒加载也叫做延迟加载、按需加载，指的是在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。在比较长的网页或应用中，如果图片很多，所有的图片都被加载出来，而用户只能看到可视窗口的那一部分图片数据，这样就浪费了性能。如果使用图片的懒加载就可以解决以上问题。在滚动屏幕之前，
阅读全文 »
发表于 2022-10-04 12:10阅读：455评论：0推荐：0
摘要：一、使用webpack优化前端性能方法 ⽤webpack优化前端性能是指优化webpack的输出结果,让打包的最终结果在浏览器运⾏快速⾼效。 可通过webpack优化前端的手段： 代码压缩（删除多余的代码、注释、简化代码的写法等等⽅式） HTML文件代码压缩 使用HTMLWebpackPlugin插
阅读全文 »
发表于 2022-10-03 14:46阅读：227评论：0推荐：0
摘要：一、CDN的概念 概念：CDN（Content Delivery Network）是指一种通过互联网互相连接的电脑网络系统，利用最靠近每位用户的服务器，更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户，来提供高性能、可扩展性及低成本的网络内容传递给用户。 即内容分发网络。 二、CDN的
阅读全文 »
发表于 2022-10-02 16:00阅读：86评论：0推荐：0
摘要：一、节流 概念：在规定的间隔时间范围内不会重复触发回调，只有大于这个时间间隔才会触发回调，把频繁触发变为少量触发。 类似于技能CD。 应用：点击按钮，轮播图点击左右箭头。 插件lodash.js，它里面封装了函数的防抖与节流业务。 <p>计数器：<span>0</span></p> <button>
阅读全文 »
