发布于2024-07-04
- 30日
跨域问题通常是由浏览器的同源策略`Same-Origin Pollcy,SOP`引起的问题。同源策略是浏览器的一个重要安全机制,它用于限制一个来源的文档或脚本如何能够参与另一个来源的资源进行交互。
- 29日
CSS文件是需要下载CSS,渲染CSSOM,构建渲染树,布局layout,绘制Paint。最后讲了一下`合成Composite`层使用GPU来渲染图层来提高性能。
- 28日
通常在开发中,Javascript元素的编写位置我们会放在头部或者结尾,他们是有区别的。
- 27日
重绘的英文单词是`Repaint`,重绘是浏览器渲染中的一个步骤,它涉及到更新页面中元素视觉表现,但不涉及这些元素的布局位置。
- 26日
回流是浏览器渲染过程中的一个阶段,涉及计算所有元素的位置和大小,当DOM的结构发生任何改变时`比如元素的添加移除移动或大小变化`,浏览器需要重新计算元素的几何属性,然后确定他们在页面上的确切位置。
- 25日
浏览器是操作系统与网页应用程序之间的桥梁,其实也是软件工程中的分层架构。从客户的角度来说,浏览器可以帮助他们请求网页,并且下载解析运行。让他们可以快速浏览自己需要的内容。
- 24日
浏览器内核指的是浏览器的排版引擎,`排版引擎layout engine`,也称为浏览器引擎`browser engine`,页面渲染引擎`rendering engine`或者样板引擎。也就是一个网页下载下来之后,就说由渲染引擎来解析的。
- 23日
在浏览器中输入一个URL,并且按下回车键时,首先会进行DNS解析,然后建立TCP连接,HTTP请求, HTML解析和CSS解析,渲染页面,布局layout渲染,绘制`paint`到屏幕,最后合成`composite`页面。
- 22日
绘制的过程可以将布局后的元素绘制到多个合成图层中。浙商浏览器的一种优化手段。默认情况下,标准流中的内容都是被绘制在同一个图层Layer中的。
- 21日
回流一定会引起重绘,所以回流是比重绘消耗性能的事情,在开发中一定要避免回流。
- 20日
回流的英文单词是`reflow`,也可以叫做重排,第一次确定节点的大小和位置,称为布局`layout`。之后对节点的大小,位置修改重写计算称之为回流。
- 19日
服务器下载资源的过程就是先下载`index.html`,当遇到Javascript,css的时候再下载他们。
- 18日
HTTP请求又叫做超文本传输协议,他是建立在TCP连接之上的应用层协议。他的英文全称是`Hypertext Transfer Protocol`。
- 17日
TCP的英文全称是`Transmission Control Protocol`,TCP是一种面向链接的协议他的作用就是:用来网络中两个端点之间建立的可靠会话。
- 16日
`DNS`的英文全称是`Domain Name System`,当在浏览器中输入一个URL比如www.example.com时,我们需要先找到它对应的IP地址:这个过程被称为DNS解析,即域名系统解析。
文章不错支持一下,非常喜欢
文章不错非常喜欢,支持一下
马克吐温的作品就很经典,小时候很爱看
文章不错支持一下,非常喜欢
文章不错非常喜欢,支持
文章不错非常喜欢,支持
[...]回顾如何定义作用域链如何定义'作用域'?说明不同类型的作用域作用域链Scope Chain是JavaScript中的一个基本概念,它属于确定当前执行代码的上下文变量的查找和访问机制。在作用域的构建基于词法作用域的解构,即变量和函数的可见性由它们在源代码中的位置决定。在JavaScript中,每个执行上下文如函数执行上下文都绑有一个与之关联的作用域链。这个作用域就是一个包含多个环境记录Environ[...]
哈喽,你的SSL好像过期喽
@秋风于渭水 确实
[...]不同的浏览器存在兼容性问题的核心原因是不同的浏览器可能使用的是不同的浏览器内核。在现代化开发中,大多数的浏览器兼容性问题是可以通过工程化中的配置选项来解决的。1.比如browserslist可以配置目标的浏览器或者Node环境,然后在不同的工具中起作用,比如autoprefixer/babel/postess preset env等,在进行了正确的配置后,开发的Vue或者React项目在进行打包时[...]