前言做好错误监控，将用户使用时的错误日志上报，可以帮助我们更快的解决一些问题。目前开源的比较好的前端监控有https://docs.sentry.io/那前端监控是怎么实现的呢？要想了解这个，需要知道前端错误大概分为哪些以及如何捕获处理。前端错误分为JS运行时错误、资源加载错误和接口错误三种。一、JS运行时错误JS运行时错误一般使用window.onerror捕获，但是有一种特殊情况就是promi
通过MutationObserver来实现：MutationObserver可以用来监视 DOM 变动。DOM 的任何变动，比如节点的增减、属性的变动、文本内容的变动，这个 API 都可以得到通知，也就是说 DOM 发生变动就会触发回调函数，是异步触发，DOM 的变动并不会马上触发，而是要等到当前所有 DOM 操作都结束才触发。这样设计是为了应付 DOM 变动频繁的特点。举例来说，如果文
转载
2023-11-14 10:44:17
616阅读
效果窗体大小变化时触发示例var body = document.bodywindow.onresize = function () { console.log(window.outerWidth) if (window.outerWidth < 1000) { body.style.backgroundColor = "gold" } else {
原创
2023-02-15 14:55:47
138阅读
主要内容：事件概述浏览器中的事件ie浏览器事件事件的兼容性鼠标事件文档事件学习目标： 一、关于事件1.1 什么是事件通常和函数结合使用。事件的作用：(1)各个元素之间可以借助事件来进行交互 (2)用户和页面之间也可以通过事件来交互(3)后端和页面之间也可以通过事件来交互（减缓服务器的压力）Onsubmit(提交事件和表单一起使用)1.2 事件分类1、鼠标事件onclick、ondblc
事件监听要想知道什么是事件监听，首先先聊聊什么是事件？HTML 事件是发生在 HTML 元素上的“事情”。比如：页面上的 按钮被点击、鼠标移动到元素之上、按下键盘按键 等都是事件。事件监听是JavaScript 可以在事件被侦测到时执行一段逻辑代码。例如下图当我们点击 开灯 按钮，就需要通过 js 代码实现替换图片再比如下图输入框，当我们输入了用户名 光标离开 输入框，就需要通过 js 代码对输入
转载
2023-10-18 18:38:10
58阅读
接下来要介绍的是jQuery的事件处理
1.加载页面后执行任务
$(document).ready(function(){});//常用这一种 因为该形式能够更明确的表明代码含义
$().ready(function(){});
$(function(){});
注：页面脚本中可以存在多个该事件的绑定，程序会按照上下顺序依次执行。
2.绑定事件
1）.bind()方法
.
DOM的MutationObServer接口，可以在DOM被修改时异步执行回调函数，我的理解就是可以监听DOM修改。基本使用可以通过MutationObserver构造函数实例化，参数是一个回调函数。let observer = new MutationObserver(() => console.log("change"));
console.log(observer);observer对
效果预览 在线演示 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。https://codepen.io/comehope/pen/oPjWvw可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。请用 chrome, safari, edge 打开观看。https://scrimba.com/p/pEgDAM/ceNm8CW源代码下载 本地下载
转载
2024-05-11 22:51:23
29阅读
JS、CSS以及img对DOMContentLoaded事件的影响
转载
精选
2016-05-19 10:14:51
757阅读
# 使用 jQuery 监听窗口变化事件的指南
当我们在开发网页应用时，常常需要根据窗口大小的变化来进行一些相应的调整，比如重排元素、修改样式等。jQuery 提供了简单而有效的方法来监听这些窗口大小的变化。本篇文章将会引导你了解如何实现这个功能。
## 流程概览
为了实现 jQuery 窗口变化事件，我们的步骤如下：
| 步骤 | 描述 |
| ---- | ---- |
| 1
原创
2024-09-23 06:21:52
46阅读
# jQuery屏幕变化事件
在Web开发中，经常需要根据用户的屏幕尺寸和方向来调整页面布局和样式。为了实现这样的功能，可以使用jQuery来检测屏幕的变化事件。本文将介绍如何使用jQuery来获取屏幕变化的信息，并提供一些代码示例。
## 1. 屏幕变化事件
jQuery提供了两个事件用于检测屏幕的变化：`resize`和`orientationchange`。前者用于监听窗口大小的变化，
原创
2023-07-22 22:24:20
348阅读
# jQuery Select 变化事件
在前端开发中，我们经常会遇到需要根据用户选择的不同选项，展示或隐藏特定内容的情况。为了实现这样的功能，我们可以使用 jQuery 的 select 变化事件。本文将介绍 select 变化事件的相关知识，并提供代码示例帮助读者更好地理解和应用。
## 1. 什么是 select 变化事件？
在 HTML 中，select 元素是用来创建下拉列表的标签
原创
2024-01-23 05:46:25
588阅读
# jQuery 窗体变化事件实现指南
在网页开发中，窗体变化事件（如窗口大小调整）非常常见。这里，我们将通过 jQuery 实现一个简单的窗体变化事件。以下是实现过程的基本流程：
| 步骤 | 描述 |
|------|-------|
| 1 | 引入 jQuery 库 |
| 2 | 编写 HTML 窗体结构 |
| 3 | 使用 jQuery 监听窗体变化 |
| 4
原创
2024-10-05 03:27:30
64阅读
# 获取 Docker 变化事件
Docker 是一个开源平台，允许开发者轻松创建、部署和管理容器化应用程序。在实际工作中，了解 Docker 的变化事件是非常重要的，它可以帮助我们实时监控容器的状态变化，确保我们的应用程序始终处于良好的运行状态。
本文将介绍如何获取 Docker 的变化事件，具体包含以下几个部分：
1. Docker 事件的概述
2. 使用 Docker API 获取事件
一般事件 onclick IE3、N2 鼠标点击时触发ondblclick IE4、N4 鼠标双击时触发onmousedown IE4、N4 按下鼠标时触发onmouseup IE4、N4 鼠标按下后松开鼠标时触发onmouseover IE3、N2 当鼠标移动到某对象范围的上方时触发onmousemove IE4、N4 鼠标移动时触发onmouseout IE4、N3 当鼠标离开某对
转载
2024-05-28 20:04:59
92阅读
一、全局样式改变
可通过改变外链接样式的href的值来实现网页样式的实时切换。
<link rel="stylesheet" type="text/css" id="css" href="c1.css">
document.getElementById("css").href="c2.css";
二、修改局部样式
<inp
转载
2023-07-25 17:17:38
107阅读
MVVM重要一环的M到V的变化监听。研究了一些MVVM的框架。发现很多框架写的太过多复杂。而且有些框架，把对象直接赋加很多它的私有属性，kendo 它把私有以_前缀来区分，knockout 和vue把对象直接转换成函数了。用起来感觉怪怪的。感觉已经不是自己当初的数组或对象了所以想动手自己写一套数据模型监听。一、我想做的事情是监听Object 或Array的变化就行，二、我不会去污染原始的Objec
转载
2024-04-19 22:31:25
107阅读
js事件---事件流
原创
2015-01-12 20:54:47
613阅读
js事件 JQuery这种Write Less Do More的框架，用多了难免会对原生js眼高手低。 小菜其实不想写这篇博客，貌似很初级的样子，但是看到网络上连原生js事件绑定和解除都说不明白，还是决定科普一下了。 首先声明，小菜懂的也不是很多，只是把我的思路和大家分享一下。 DOM0事件模型 事
转载
2017-12-23 23:48:00
100阅读
2评论
js事件
原创
2016-08-07 11:01:32
34阅读
