事件流就是页面接收事件的顺序，一般有俩种事件流：事件冒泡和事件捕获，其实它就是发生事件的各种顺序，理解这个之后可以更好的运用事件操作。
有意思的是，当时不同的开发团队对于事件流提出了完全相反的概念，主要分为IE事件流——冒泡，Netscape Communicator事件流——捕获。
事件流描述的是从页面中接收事件的顺序。IE的事件流失事件冒泡，而Netspace的事件流失事件捕获。 事件冒泡 IE的事件流叫事件冒泡，即事件开始时，由具体的元素（文档中嵌套层次最深的节点）接收，然后向上传播到不具体的节点。 1 <html onclick="console.log('html')"> 2 <head> 3 <meta charset="UTF-8"> 4 <title></title> 5 </head> 6 <body o
事件，是文档或浏览器窗口发生的一些特定的交互事件。事件流，描述的是页面中接收事件的顺序。
在JavaScript中，事件冒泡和事件捕获是两种不同的事件传播方式。当一个事件被触发时，它会从最内层的元素开始，然后逐级向外传播，直到最外层的元素。在这个过程中，事件会经过每一个元素，直到它到达最外层的元素。这个过程就是事件冒泡。相反，事件捕获是从最外层的元素开始，然后逐级向内传播，直到最内层的元素。在这个过程中，事件会经过每一个元素，直到它到达最内层的元素。
我们都知道JavaScript是一门事件驱动的语言，想要进一步深入了解JavaScript我们就要搞明白其中的事件机制。
在浏览器中网页加载中 javascript 的 加载 和 执行会默认阻塞 DOM 的加载和页面的渲染。 因此，在编写代码的时候我们往往将 script 标签放到 body 的最后面。 当然，也可以通过异步创建 script 标签的方式来实现 js的异步加载。
事件一般是用于浏览器和用户操作之间的交互，当用户执行某些特殊的操作时，浏览器给予反应，触发绑定的事件，事件流，事件发生时会在元素节点和根节点之间按照约定的顺序传播，事件经过的所有节点都会受到事件的影响，这个传播过程被称为DOM事件流
Promise对象是ES6提出的的异步编程的规范。说到异步编程，就不得不说说同步和异步这两个概念。
addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。
我持续组织了近一年的源码共读活动，感兴趣的可以 点此扫码加我微信 ruochuan12 参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外：目前建有江西|湖南|湖北籍前端群，可加我微信进群。
Script 标记的 defer 和 async 属性可能会显著影响页面加载的性能， 总结说明一下。
•load 异步 不冒泡 ❌•unload 不冒泡 ❌•abort 不冒泡 ❌•error 异步 不冒泡 ❌•select
JavaScript是一种广泛应用于Web开发中的脚本语言，它与HTML（Hypertext Markup Language）结合使用，使开发人员能够创建交互式和动态的网页。在这篇博客中，我们将深入探讨JavaScript与HTML的结合方式，包括如何将JavaScript嵌入HTML、HTML事件处理、DOM操作以及常见的示例和最佳实践。
本文参照：https://segmentfault.com/a/1190000015603334
在 JavaScript 中，鼠标事件是 Web 开发中最常用的事件类型，本篇算是笔记吧。
之前有写过HTML页面渲染过程，知道了JavaScript是会阻塞DOM解析的，所以我们会把script标签放到底部防止阻塞HTML解析。其实script还有两个属性，async和defer，也是可以使得JavaScript和DOM和css同步加载。
原则上来说，HTML在使用<script>标签加载外部脚本文件时，会顺序下载，顺序执行，并阻碍其他资源文件的下载，比如图片（当然，如今主流浏览器是可以实现JS和CSS文件并行下载）。
async：可选。表示应该立即下载脚本，但不应妨碍页面中的其他操作，比如下载其他资源或 等待加载其他脚本。只对外部脚本文件有效。
js标签的位置： 通常都是把关于标签<script>放在元素中 目的：把所有外部文件css文件和javascript文件件的引用都放在相同的地方,但是 中包含js文件,只有js代码全部 下载完成后才会载入页面,但这无疑是延迟呈现页面,在延迟期间页面空白 解决：把js代码放在<body>元素中（页面内容的后面）,这样就把加载空白页面的时间缩短了. defer属性：立即下载,但会延迟进行. 只对外部脚本文件有效 asyns属性：与de
window.onload 、$(function()function()）、;(function(){}());三个的执行顺序：
原声JavaScript中，事件是不可缺少的，HTML就是通过事件才能与JavaScript进行交互。其实事件流就是当你点击一个按钮的时候，这个按钮是在HTML和body上的，自然的，点击按钮的时候相当于点击了HTML和body，如果按钮放在一个div里面，那么点击按钮的时候相当于点击了div,这样就会出发一系列的事件，这就是事件流。事件具有冒泡流和捕获流，两者刚好是反着来。
事件是用户或浏览器自身执行的某种动作，如click,load和mouseover都是事件的名字。
浏览器的多线程中，有的线程负责加载资源，有的线程负责执行脚本，有的线程负责渲染界面，有的线程负责轮询、监听用户事件。
在以往的培训和渗透过程中，发现很多渗透人员尤其是初学者在挖掘xss漏洞时，很容易混淆浏览器解析顺序和解码顺序，对于html和js编码、解码和浏览器解析顺序、哪些元素可以解码、是否可以借助编码绕过等情况也基本处于混沌的状态，导致最终只能扔一堆payload上去碰碰运气。这篇文章就把浏览器解析顺序、编码解码的类型、各种解码的有效作用域以及在xss里的实战利用技巧做一个系统总结，让你深度掌握xss挖掘和绕过。
作者 0xExploit 0×00 引言 很多不了解html、js编码的童鞋挖掘xss漏洞时，都是一顿乱插，姿势对了，就能获得快感，姿势不对，就么反应。另外在freebuf里，有很多文章介绍过跨站编码，有兴趣的，可以搜索下。 本文介绍常见的编码方法，能力不足，如有其他意见，请指正。 0×01 常用编码 URL编码：一个百分号和该字符的ASCII编码所对应的2位十六进制数字，例如“/”的URL编码为%2F(一般大写，但不强求) HTML实体编码： 命名实体：以&开头，分号结尾的，例如“<”的编码是“<”
事件 JavaScript和HTML的交互是通过事件实现的。JavaScript采用异步事件驱动编程模型，当文档、浏览器、元素或与之相关对象发生特定事情时，浏览器会产生事件。如果JavaScript关注特定类型事件，那么它可以注册当这类事件发生时要调用的句柄。事件是某个行为或者触发，比如点击、鼠标移动..... 当用户点击鼠标时 当网页已加载时 当图像已加载时 当鼠标移动到元素上时 当用户触发按键时... 事件流 事件流描述的是从页面中接收事件的顺序，比如有两个嵌套的div，点击了内层的div，这时候是内层
要注意的是，带有 src 的 <script> 元素中不应该再包含额外的代码，如果包含了嵌入的代码，则只会下载外部文件，嵌入的代码不会执行。
javascript与HTML之间的交互是通过事件实现的。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。
JavaScript事件 对于事件来讲，首先，我们需要了解这样几个概念：事件；事件处理程序；事件类型；事件流；事件冒泡；事件捕获；事件对象；事件模拟，事件方面的性能优化（事件委托、移除事件处理程序）； 事件的概念 事件：指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可以通过监听器（或者处理程序）来预定事件，以便事件发生的时候执行相应的代码。 事件处理程序：我们用户在页面中进行的点击这个动作，鼠标移动的动作，网页页面加载完成的动作等，都可以称之为事件名称，即：click、mousemove、loa
事件冒泡阶段：事件开始的时候由事件发生的元素接受，然后逐级向上传播，触摸相对的事件。
此文章是我最近在看的【WebKit 技术内幕】一书的一些理解和做的笔记。 而【WebKit 技术内幕】是基于 WebKit 的 Chromium 项目的讲解。
事件捕获Event Capturing是一种从上而下的传播方式，以click事件为例，其会从最外层根节向内传播到达点击的节点，为从最外层节点逐渐向内传播直到目标节点的方式。 事件冒泡Event Bubbling是一种从下往上的传播方式，同样以click事件为例，事件最开始由点击的节点，然后逐渐向上传播直至最高层节点。
javascript 给 DOM 绑定事件处理函数总的来说有2种方式：在 html 文档中绑定、在 js 代码中绑定。下面的方式1、方式2属于在 html 中绑定事件，方式3、方式4和方式5属于在js代码中绑定事件，其中，方式4和5属于事件监听，而方式5是最推荐的做法。
JS事件相关知识点整理 JS事件的驱动机制 常见JS事件 点击事件---onclick 焦点事件 获取焦点事件---onfocus 失去焦点事件----onblur 域内容改变事件---onchange 加载完毕事件----onload 表单提交事件---onsubmit 键位弹起事件---onkeyup 常用鼠标事件 鼠标移入事件----onmouseover 鼠标移出事件---onmouseout JS事件的两种绑定方式 元素事件句柄绑定 优缺点 DOM绑定方式 示例演示 优缺点 ----
浏览器在开始运行一个页面的时候，首先它会初始化js功能，当js发挥它的功能时候，记录了一系列浏览器按照顺序做的事情，也就是一个执行顺序，谁在谁之前发生，谁在谁之后发生。
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
一个整型数组 nums 里除两个数字之外，其他数字都出现了两次。请写程序找出这两个只出现一次的数字。要求时间复杂度是O(n)，空间复杂度是O(1)。
v-for遍历对象，在python中显示的是kv，但是在这里顺序相反，显示的是vk
image.png 昨天写了 逆向的前端学习思路，就是从数据为源头，来反向的学习HTML,CSS,JS这些知识，今天想再详细的说说这个话题。 一般情况下，我们学习WEB前端，不管是新手还是老鸟，都是从HTML，CSS,JS这个顺序来学习。如果有老师教，那么他会告诉你说，HTML是骨架，是用来构成网页结构的；CSS是样式表，是用来定义网页的样式的，就是相当于用来给房子做装修用的；然后JS呢，它是管交互的，就相当于一个大楼里的开关啊或是电梯之类的，你一按开关，电梯动了，这就是你有请求，它有响应。切页面就是先有H
Chrome 浏览器的 Performance 面板为我们提供了检测页面性能的能力，但其提供的远不止一些性能数据。本文将从工作原理的视角，结合实际工程的录制结果，探一探性能面板向我们透露的其他信息。
vue在HTML里面会有一些自定义指令，这些自定义指令，只有一次，就有一种爽感，就好像VFP用猫框一样一样的。
这个asp网站是我的学校的电费查询系统，需要学校的内网才能查询，所以这文说下思路和我遇到的一些坑。我搞这个网站主要是为了方便查电费而已，其实也方便不了多少。而且这个asp网站还不是很容易爬，因为里面有两个可变的参数，会根据页面来变化。好了，先看看页面
IE8中提供的事件监听器为：element.attachEvent(eventName,functionName)
我们在上一篇 《浅析 JS 中的EventLoop 事件循环》 中提到一个 Event Queue，其实在事件循环中 queue 一共有两种，还有一种叫 Job Queue
主要有4方面：（对照下图） 1.控制按钮。 2.overview。页面性能的高级汇总（FPS:帧率，CPU:CPU占用，NET:网络请求） 3.火焰图。CPU堆叠追踪的可视化（左侧名称是主线程的各种事件，Network:网络请求详细情况） 4.数据统计。以图表的形式汇总数据（summary:统计报表，Bottom-Up:事件时长顺序，Call Tree:事件调用顺序，Event log:事件发生的先后顺序） 颜色表示：HTML 文件为蓝色，脚本为黄色，样式表为紫色，媒体文件为绿色，其他资源为灰色
问题 ---- 前几天使用 JavaScript 写 HTML 页面时遇到了一个奇怪的问题： 我想实现的功能是通过 confirm() 弹窗让用户选择不同的需求，每次选择后都将选择结果暂时输出到页面上
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
