前端
文章平均质量分 95
风舞红叶
这个作者很懒,什么都没留下…
展开
-
VUE3学习
项目中没有 webpack.config.js文件,因为Vue脚手架项目用的修改端口port:3000,//修改端口open:true//浏览器自动打开获取标签,扩展额外的功能inserted方法,指令所在标签,被插入到网页上触发;入参是指令所在标签update方法,指令对应数据、标签更新时,此方法执行。原创 2024-05-05 20:40:02 · 448 阅读 · 0 评论 -
浏览器中的网络
HTTP/0.9 是于 1991 年提出的,主要用于学术交流,需求很简单——用来在网络之间传递 HTML 超文本的内容,所以被称为。整体来看,它的实现也很简单,采用了基于请求响应的模式,从客户端发出请求,服务器返回数据。来看看 HTTP/0.9 的一个完整的请求流程(可参考下图)。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BUmDTzmd-1683724254905)(null)]原创 2023-05-19 01:00:00 · 156 阅读 · 0 评论 -
浏览器渲染
样式计算阶段的目的是为了计算出 DOM 节点中每个元素的具体样式,在计算过程中需要遵守 CSS 的继承和层叠两个规则。这个阶段最终输出的内容是每个 DOM 节点的样式,并被保存在 ComputedStyle 的结构内。原创 2023-05-14 00:45:00 · 135 阅读 · 0 评论 -
浏览器的页面循环
接着 JavaScript 执行结束,准备退出全局执行上下文,这时候就到了检查点了,JavaScript 引擎会检查微任务列表,发现微任务列表中有微任务,那么接下来,依次执行这两个微任务。这势必会影响到下个任务的执行时间。页面的渲染事件、各种 IO 的完成事件、执行 JavaScript 脚本的事件、用户交互的事件等都随时有可能被添加到消息队列中,而且添加事件是由系统操作的,JavaScript 代码不能准确掌控任务要添加到队列中的位置,控制不了任务在消息队列中的位置,所以很难控制开始执行任务的时间。原创 2023-05-12 00:45:00 · 321 阅读 · 0 评论 -
浏览器中的页面模块
虚拟 DOM 到底要解决哪些事情。将页面改变的内容应用到虚拟 DOM 上,而不是直接应用到 DOM 上。变化被应用到虚拟 DOM 上时,虚拟 DOM 并不急着去渲染页面,而仅仅是调整虚拟 DOM 的内部状态,这样操作虚拟 DOM 的代价就变得非常轻了。在虚拟 DOM 收集到足够的改变时,再把这些变化一次性应用到真实的 DOM 上。该图是结合 React 流程画的一张虚拟 DOM 执行流程图,结合这张图来分析下虚拟 DOM 到底怎么运行的。创建阶段。原创 2023-05-10 21:09:21 · 502 阅读 · 0 评论 -
浏览器安全
如果两个 URL 的协议、域名和端口都相同,就称这两个 URL 同源浏览器默认两个相同的源之间是可以相互访问资源和操作 DOM 的。两个不同的源之间若想要相互访问资源或者操作 DOM,那么会有一套基础的安全策略的制约,我们把这称为同源策略。同源策略主要表现在 DOM、Web 数据和网络这三个层面。第一个,DOM 层面。同源策略限制了来自不同源的 JavaScript 脚本对当前 DOM 对象读和写的操作。第二个,数据层面。原创 2023-04-26 23:35:42 · 162 阅读 · 0 评论 -
浏览器JavaScript执行原理分析
编译时后者会覆盖前者。原创 2023-04-26 23:34:49 · 388 阅读 · 0 评论