DOM中的event
event Event 接口表示在 DOM 中发生的任何事件; 一些是用户生成的(例如鼠标或键盘事件),而其他由 API 生成(例如指示动画已经完成运行的事件,视频已被暂停等等。事件通常由外部源触发,同样也会以编程方式触发,例如执行一个 element 的一个 HTMLElement.click( ) 方法,或通过定义事件,然后使用 EventTarget.dispatchEvent() 将其派发到一个指定的目标。有许多类型的事件,其中一些使用基于主要事件接口的其他接口。事件本身包含所有事件通用的属性和方法。 事件处理函数可以附加在各种对象上,包括 DOM 元素,window,document 对象. 等有三种方式可以为 DOM 元素注册事件处理函数EventTarget.addEventListener..
更多vue nextTick的原理
nextTick是 vue 的一个全局 API, 作用是在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。Vue 在更新 DOM 时是异步执行的。只要侦听到数据变化,Vue 将开启一个队列,并缓冲在同一事件循环中发生的所有数据变更。如果同一个 watcher 被多次触发,只会被推入到队列中一次。这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操作是非常重要的。然后,在下一个的事件循环“tick”中,Vue 刷新队列并执行实际 (已去重的) 工作。Vue 在内部对异步队列尝试使用原生的 Promise.then、MutationObserver 和 setImmediate,如果执行环境不支持,则会采用 setTimeout(fn, 0) 代替。co..
更多css关于浮动的知识
float CSS 属性指定一个元素应沿其容器的左侧或右侧放置,允许文本和内联元素环绕它。 当一个元素浮动之后,它会被移出正常的文档流,然后向左或者向右平移,一直平移直到碰到了所处的容器的边框,或者碰到另外一个浮动的元素。float 原始用法 float 本意是为了允许文本和内联元素环它如(文字环绕图片),就像下面一样.float { float: left; width: 200px; height: 200px; background-color: red; } <div class="wrapper"> <div class="float"></div> <div> float本意是为了允许文本和内联元素环它; ..
更多css元素选择器
CSS 选择器规定了 CSS 规则会应用到哪些元素上。基本选择器 节点选择 CSS 类型选择器按节点名称匹配元素。换句话说,它选择文档中给定类型的所有元素。/* All <a> elements. */ a { color: red; } 类选择 该 CSS 类选择匹配根据他们的内容元素 class 属性。/* All elements with class="spacious" */ .spacious { margin: 2em; } /* All <li> elements with class="spacious" */ li.spacious { margin: 2em; } /* All <li> elements with a class ..
更多JSON Diff Kit: A Combination of Several Simple Algorithms
BackgroundRecently, I received a requirement: display a diff with 2 JSON strings, which are basically an API's request and response data. Furthermore, we should show the diff in a Git-like style.Unfortunately, after a brief exploration, I found no suitable library for me.It seems I should implement it by myself.A "Git" WayThe JSON string can be pretty inf..
更多CTF | 2022 Hgame Week2 WriteUp
引言喵呜,这篇是 Hgame Week2 的 WriteUp 啦! 啊你没看错,其实就没咋看题,大部分还是第一周结束第二周刚开始的那几天做的,后面就咕了( 第一周的详见 CTF | 2022 Hgame Week1 WriteUp。 Webwebpack-engine Description webpack packs the web.(请使用 Chrome 浏览器打开) Challenge Address https://ngin.hgame.potat0.cc 经典 webpack 打包,浏览器请求 source map 解包就能看到源码了。 export default { data() { return { filiiililil4g: 'YUdkaGJXVjdSR..
更多Linux下的网络测试
简介本文章介绍了 Linux下iperf3(点对点测试),speedtest(公网测试)的安装和使用方法。iperf3Centos (RHEL、Fedora、Rocky Linux等Redhat系发行版) 安装iperf3yum -y install iperf3systemctl stop firewalld.service临时关闭防火墙,作为服务端启动时候,默认会使用5201端口,需要放开此端口。Ubuntu(Mint、Debian系发行版)安装iperf3sudo apt updatesudo apt install iperf3sudo ufw disable永久关闭防火墙,作为服务端启动时候,默认会使用5201端口,需要放开此端口。iperf3 使用方法(全平台通用)iperf3 -s开启ipe..
更多CTF | 2022 Hgame Week1 WriteUp
引言又是一年一度系列,杭州电子科技大学 Vidar Team 举办的 Hgame 来了! 主办方:杭电 Vidar-Team 赞助方:奇安信技术研究院 比赛时间:1/20 20:00 ~ 2/17 20:00 题目类型:Crypto 、Reverse、Misc、Pwn 、Web、IoT 比赛规则:解题模式,前三血分别有5%,3%,1%的额外加分 今年还是和往年一样,持续四周,这篇是第一周的 WriteUp,做的题目还是比较多的,不过相对而言比较简单,就随便水一水了。 后面几周的话,过年啥的了就摸了(( 喵喵往年的 WriteUp: CTF | Hgame2020 Week1 WriteUp. CTF | 2021 Hgame Week1 WriteUp CTF | 2021 Hgame Week2..
更多IPv6的ICMPv6协议
简介ICMPv6是IPv6的基础协议之一,协议类型号(即IPv6 Next Header)为58。除了提供基本的检测网络连通性功能外,还提供了邻居发现(NDP)、无状态地址配置(SLAAC)、重复地址检测(DAD)、PMTU等新功能。IPv6邻居发现协议 - NDP概述所使用的ICMPv6报文RS (Router Solicitation) 路由器请求报文RA (Router Advertisement) 路由器通告报文NS(Neighbor Solicitation) 邻居请求报文NA (Neighbor Advertisement) 邻居通告报文地址解析IPv6的地址解析,不再使用ARP。也不再使用广播发送报文。地址解析在网络层完成,这样可以针对不同的链路层协议采用相同的地址解析协议。(然而现在是以..
更多2022开年礼物-拿下育碧/EA/动视Offer的随想
前言大家好,好久不见! 最近太忙了,实在没时间上来写blog,昨天收获了最后一个offer(育碧),自此,我的跳槽计划完全结束 我在一个月的时间拿下了育碧,动视,EA的Offer 此处育碧Offer镇楼!哈哈哈,其他的我就不放了,其实还有个雷蛇也到了最后一轮,我的名字打码了,请见谅! 我也要重新换一个地方开始我的人生了,再见了!我工作4年多的老公司! 言归正传 大家都知道我,我喊着要跳槽要跳槽,结果从去年(2021)年初到年底,都是雷声大,雨点小 最后基本约等于没跳,看着以前的老兄弟们一个个离职,最后只有我一个老员工了,感觉百感交集 加上12月中旬原公司的团队重组,这边换了新上司,新上司希望大展宏图,并且引入新的团队管理制度 开始大规模的任用新人..
更多