网络与浏览器
文章平均质量分 86
IndulgeBack
迷恋阿丽,热爱技术,期待你我的共同进步
个人主页:https://indulgeback.gitee.io/
展开
-
CSS属性计算--流水不争先,争的是滔滔不绝
为了消除这些差异,开发者经常会在项目开始阶段引入CSS重置或Normalize.css这样的工具,它们旨在统一不同浏览器下的样式表现,将所有元素的样式初始化至一个已知且一致的状态,以便后续添加自定义样式时能达到预期效果。标题元素、列表、链接、表格、按钮以及其他各种元素的字体、颜色、内边距、外边距等属性有着各自不同的默认处理方式,如果你在作者样式表没有对样式进行统一处理的话,可能会产生很多的浏览器兼容问题。这部分应该很好理解,属性会接受重要性最高的值,即重要性高的值会覆盖掉重要性低的值。原创 2024-04-27 14:14:21 · 889 阅读 · 0 评论 -
Mock.js快速入门
Mock.js的简单使用原创 2023-09-13 00:18:57 · 201 阅读 · 1 评论 -
跨域问题及解决方案
同源策略是一套浏览器安全机制,当一个源的文档和脚本,与另一个源的资源进行通信时,同源策略就会对这个通信做出不同程度的限制。简单来说,同源策略对 同源资源 放行,对 异源资源 限制,因此限制造成的开发问题,称之为跨域(异源)问题原创 2023-09-10 01:38:26 · 93 阅读 · 1 评论 -
浏览器的通信能力
大部分 GET 请求传递的数据都附带在 path 参数中,能够通过分享地址完整的重现页面,但同时也暴露了数据,若有敏感数据传递,不应该使用 GET 请求,至少不应该放到 path 中。最早是微软在IE浏览器中把这一能力向JS开放,让JS可以在代码中实现发送请求,并不会刷新页面,这项技术在2005年被正式命名为AJAX(刷新页面时,若当前的页面是通过 POST 请求得到的,则浏览器会提示用户是否重新提交。浏览器会拿到当前页面的地址,以及当前页面的请求方法,重新发一次请求,同时抛弃当前页面。原创 2023-09-10 01:34:32 · 70 阅读 · 1 评论 -
网络分层模型和应用协议
当遇到一个复杂问题的时候,可以使用分层的思想把问题简单化比如,你有半杯82年的可乐,想分享给你的朋友王富贵,但你们已经10年没有联系了。要完成这件事,你可能要考虑:我用什么装可乐?可能的方案:塑料瓶、玻璃瓶、煤气罐怎么保证可乐始终处于低温?可能的方案:保温杯、小冰箱、冰盒如何保证可乐不被运输的人偷喝?可能的方案:封条、在上面写「毒药」如何获取王富贵的地址?可能的方案:报案失踪、联系私人侦探、联系物流公司的朋友如何运输?可能的方案:自行车、汽车、火车、高铁、飞机、火箭。原创 2023-09-10 01:31:36 · 41 阅读 · 1 评论 -
CSS 属性计算过程
你是否了解 CSS 的属性计算过程呢?上面的 CSS 代码中,p 是元素选择器,color 就是其中的一个 CSS 属性。但是要说 CSS 属性的计算过程,还真的不是很清楚。没关系,通过此篇文章,能够让你彻底明白什么是 CSS 属性的计算流程。原创 2023-09-10 01:29:15 · 33 阅读 · 1 评论 -
浏览器的工作原理
reflow 的本质就是重新计算 layout 树。当进行了会影响布局树的操作后,需要重新计算布局树,会引发 layout。为了避免连续的多次操作导致布局树反复计算,浏览器会合并这些操作,当 JS 代码全部完成后再进行统一计算。所以,改动属性造成的 reflow 是异步完成的。也同样因为如此,当 JS 获取布局属性时,就可能造成无法获取到最新的布局信息。浏览器在反复权衡下,最终决定获取属性立即 reflow。repaint 的本质就是重新根据分层信息计算了绘制指令。原创 2023-05-18 20:59:15 · 74 阅读 · 1 评论