前端理论知识
文章平均质量分 59
主要介绍了前端的一些理论知识
爱幻想-hjyp
遇到坎就得迈过去
展开
-
如何理解浏览器的事件
文章目录理论知识参考链接理论知识我们知道用户产生的所有操作都会被操作系统所捕获并记录下来,所以浏览器内部实现了一个消息队列,该消息队列由一个常驻线程消息线程进行维护。当有事件发生时,消息线程就会把刚刚发生的事件消息放入消息队列中。消息发生时是自底向上的,消息接收时是自顶向下的。除此之外,浏览器还有两个常驻线程:JS线程和UI线程,这两个线程不断地从消息队列中取出事件并执行相应的回调函数,这样就构成了浏览器的事件机制。参考链接MDN事件介绍浏览器的消息队列和事件循环DOM事件模型...原创 2021-08-12 18:24:43 · 78 阅读 · 0 评论 -
easyUI前端框架的运行原理
文章目录理论知识回调函数参考链接理论知识最近用到了easyUI框架,所以简析一下原理。如果说的不对还希望各位指正~easyUI通过jQuery的parse解析器对页面元素进行查找,当发现某一标签的类为easyUI所定义的类时,就将该标签封装成easyUI组件。在js代码中我们只需要按照官网为easyUI框架的组件设置属性即可正常工作,注意组件的事件方法也是属性哦,其属性值就是一个函数。这样框架会自动将事件注册到浏览器中,当有事件来临时会调用相应方法。类似于这样:注意到loader属性是一个回调函数原创 2021-08-12 18:23:10 · 297 阅读 · 0 评论 -
JQuery常用的操作DOM元素的方法
文章目录理论知识获取元素节点添加节点操作同级节点获取和更改属性DOM元素的文本操作参考链接理论知识获取元素节点JQuery最基本的选择器有三种,分别是ID选择器,类选择器和元素选择器(也可以叫标签选择器)基本选择器功能描述实例ID选择器 $("#–")根据id属性选择元素$("#abc"): 获取ID为abc的元素类选择器 $(".class")根据类选择元素$(".abc"): 获取类名为abc的元素标签选择器 $(“element”)根据标签选择元素原创 2021-08-12 18:20:13 · 565 阅读 · 0 评论 -
JS是如何操控页面的
文章目录理论知识参考链接理论知识通过之前的文章我们已经知道了浏览器渲染页面的基本原理,但之前仅仅是讲解了一个HTML第一次渲染的过程。这不禁让我们产生一个疑问,如果我们通过JS改变了HTML元素的属性和样式,浏览器如何更新页面呢?讲解之前我们需要知道浏览器内核是多线程的,其中有一个常驻线程js引擎线程负责执行js代码,还有一个常驻线程UI线程负责渲染页面。注意这两个线程是互斥的,即同一时刻只有一个线程能执行。当我们通过JS改变一个元素时,浏览器会将相应的dom操作放入UI线程的任务队列中;同样的原创 2021-08-12 18:18:42 · 297 阅读 · 0 评论 -
DOM简介
文章目录理论知识动态改变DOM树的节点DOM树节点的基本接口对象和接口的关系DOM中常用接口的方法理论知识页面也应用了面向对象的思想,一个页面会被组织成一个document对象,这个document对象是顶级对象,此对象下又可以包含很多子对象,即页面上的元素。元素可以通过多种API进行添加。DOM不是一种编程语言,而是对HTML或者XML等文档的一种结构化表示方法。DOM向外提供了很多API,通过这些API可以操控DOM里的元素。DOM可以用任何语言来实现,而不仅仅是JavaScript,只不过大多数原创 2021-08-12 18:16:59 · 202 阅读 · 0 评论 -
浏览器渲染页面的过程
文章目录理论知识参考链接理论知识浏览器的渲染过程由一个线程单独负责,我们暂且称其为UI线程。当浏览器从远程服务器获取到一个HTML文档后,首先会先生成相应的DOM树,然后UI线程开始遍历DOM树,挨个渲染每个元素节点。当遇到script节点时,UI线程会暂时阻塞,将script交给js引擎编译执行。当script脚本执行完毕后,UI线程会再次渲染剩下的元素。在执行script脚本时,UI线程是阻塞的,势必会影响到页面加载的速度,所以在script中向远程服务器请求时我们都做成异步的,加快渲染速度。还原创 2021-08-12 18:14:12 · 127 阅读 · 0 评论 -
HTML、CSS、JS作用
目录理论知识参考链接理论知识HTML用来定义页面的标签,如body,head,div,span,用来生成DOM树CSS用来修饰DOM树上标签的样式JS通过操作DOM树来实现网页与用户的交互参考链接[浏览器中JS执行原理](...原创 2021-08-12 18:10:34 · 1558 阅读 · 0 评论