Javascript 原生查询 DOM 节点或元素的方法

最近在重新学习基础知识,本文对常用的 js 进行 DOM 查询的操作进行整理。 基本查询本节主要介绍在文档中通过 id、class、name、css选择器直接进行查询的方式。 id 选择器使用 document.getElementById,根据 id 返回元素,返回值是 Element,如果不存在…

JavaScript 常用事件之鼠标事件

鼠标事件是目前最常用的事件,与鼠标操作相关的事件主要有: mousedown, mouseup, click, dblclick, contextmenu, mousemove, mouseover, mouseout。 mousedown, mouseup, click用户点击元素触发的事件顺序为…

关于 rel="noopener noreferrer"

在使用 ESlint 的时候发现,当使用新标签打开外部链接时候(target="_black"), eslint-plugin-react 插件报出了错误: Prevent usage of unsafe target='_blank' (react/jsx-no-target-…

React - Fragment

问题描述在 React16 以前的版本,组件渲染的返回值必须为一个子元素,而不允许是一个子元素的列表,我们经常需要为其包括一层 div 或者 span 等: // 对于:Some text.<h2>A heading</h2>More text.<h2>Anoth…

React - Protals

通常情况下,我们的组件结构如下: <div id="app"> <RootComponent> <ParentComponent> <ModalComponent> // modal text </Mod…

JavaScript 常用的一些事件总结

本文主要总结了在开发中经常使用的的一些浏览器事件的使用。 系列目录本文涉及内容加多,截止现在,“拖拽事件”、“触摸事件”、“手势事件” 三节尚未完成。 [x] 鼠标事件 [x] 键盘事件 [x] 生命周期事件 [ ] 触摸事件 [ ] 手势事件 [x] 表单事件 [x] 错误事件 [x] 其他事件…

JavaScript 事件研究

浏览器中的事件主要有两个来源: 一些是用户生成的(例如鼠标或键盘事件),而其他由API生成(例如指示动画已经完成运行的事件,视频已被暂停等等)。 目录本文主要综合介绍一下浏览器的事件,首先来看事件的监听 事件监听注册与移除注册事件监听有两种方式:注册 on-event 处理器和使用 addEvent…

CSS 选择器优先级

在我们学习 css 的时候就了解样式优先级的排序是:!important > 行内样式 > ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性,我们看一下它们到底具体是如何定义的。 css 的样式有三种来源,页面开发者,用户(使用浏…