前端实战
文章平均质量分 94
前端实战开发必备知识
爱喝酸奶的一旬
爱技术、爱生活
展开
-
浏览器——渲染、回流与重绘
在上面的例子中,当主线程解析HTML和CSS 时,预加载扫描器发现了脚本和图像,并开始下载他们。当我们输入目标的域名的时候,客户端需要找到对应资源的位置。在解析DOM 时,会并行解析CSS,并进行CSSOM 的构建,CSSOM对象模型和DOM是相似的。当DOM发生变化,引起元素几何信息发生改变的时候(如大小和位置),浏览器需要重新计算几何属性,会触发回流,使得最新的元素布局渲染到页面上。即在当前真实DOM 树之外,创建一份新的文本,在内存中创建和修改节点,然后再将他们新增到文档中,这样避免回流和重绘次数。原创 2024-02-01 14:38:59 · 937 阅读 · 0 评论 -
前端开发实战基础——模块
浏览器中,我们可以通过在 script 标签中 加入 type=“module” 的属性,告诉浏览器这一块代码应该作为哦模块执行,而不是作为传统的脚本执行。模块可以嵌入网页中,也可以作为外部文件引入。// 模块代码与传统的脚本不同,所有模块都会想加载的 脚本一样按顺序执行。当解析到标签后会立即下载模块文件,但执行会延迟到文档解析完成,因此不会阻塞文档解析。下面演示模块执行顺序。原创 2024-02-01 14:37:19 · 835 阅读 · 0 评论 -
前端开发实战基础——http、https 基础知识
http ,全称为中文翻译过来就是超文本传输协议。一种客户端——服务端协议,是一个简单的请求—响应协议。他是web上进行数据交换的基础。我们日常上网冲浪浏览的网页,通常是有多个文件组合合成——包括HTML文件、JavaScript文件、CSS文件、图片资源等文件,经过浏览器构建出来的,才会最终以画面的形式展示到屏幕前。这些文件是存储在远程的服务器(另一台电脑),我们浏览器通过发起一个请求,这个请求被封装在一个http 请求内部,服务器也是通过这个http 请求这个协议。原创 2024-01-27 15:57:02 · 942 阅读 · 0 评论 -
浏览器——HTTP缓存机制与webpack打包优化
强缓存,直接使用缓存文件,不请求服务器。原创 2024-01-27 15:56:19 · 1393 阅读 · 0 评论 -
前端开发实战基础——Cookie、Web Storage
HtTTP cookie 也称为cookie,中文翻译过来就是曲奇、小甜饼的意思。最初用于在客户端存储会话信息。cookie 在浏览器中,通常以键值对的形式存储。原创 2024-01-19 08:47:15 · 861 阅读 · 0 评论 -
前端开发实战基础——网络攻击与防御
当用户打开这个URL时,Web服务器会执行该URL中的请求,并将恶意代码以请求结果返回给用户浏览器,浏览器执行URL中包含的JavaScript代码。下面的地址中,欢迎XXX 是根据URL 的参数name 的值来确定的,是一个动态内容。DOM型攻击,是将恶意脚本注入到被攻击的应用程序的DOM 结构中,而不需要存储到被攻击者服务器,通过修改原DOM 而达到攻击目的。函数,实现攻击目标。例如,这些非预期的请求,可能是通过URL 链接加入恶意参数来达到攻击目标,如下面的图片的src参数。,无疑发起非预期的请求。原创 2024-01-19 08:52:00 · 989 阅读 · 0 评论