调试js事件小技巧
发表于|更新于
|浏览量:
万人都要将火熄灭，我一人独将此火高高举起。——海子
分享一个js调试事件小技巧
1 | <!DOCTYPE html> |
这里一个按钮，啥都没有
我们运行一下，给它在chrome console里添加事监听
1 | // 先用选中元素光标选一下按钮，这样$0就会指向按钮 |
这时候我们触发其任何事件都会有输出
针对某一事件的话就传入该事件
1 | monitorEvents($0, ["click"]) |
相关推荐
2023-01-22
一个js视差动画
人生碌碌，竞短论长，却不道荣枯有数，得失难量。——《浮生六记》 分享一个js视差动画：https://codepen.io/isladjan/details/abdyPBw 滑动会出现各种动画效果，非常的好玩
2021-02-27
如何给博客添加看板娘（二）
只有跨越了来自人类自身恐惧的人，才有资格被称为站在顶峰的人。我是这样认为的。——迪奥·布兰度 这次就非常简单啦 首先你得准备模型文件 然后把这段代码粘贴过去 1234567891011121314151617181920<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!-- Live2DCubismCore script --><script src="https://VampireAchao.github.io/js/live2dcubismcore.js"></script><!-- Build script --><script src="https://VampireAchao.github.io/j...
2021-01-10
jsDate对象基本操作
要得到你想要的某件东西，最可靠的办法是让你自己配得上它。——查理·芒格 搬运菜鸟教程 JavaScript Date 对象Date 对象Date 对象用于处理日期和时间。 创建 Date 对象的语法：1var myDate=new Date() **注释：**Date 对象会自动把当前日期和时间保存为其初始值。 Date 对象属性 属性 描述 constructor 返回对创建此对象的 Date 函数的引用。 prototype 使您有能力向对象添加属性和方法。 Date 对象方法 方法 描述 Date() 返回当日的日期和时间。 getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 getMonth() 从 Date 对象返回月份 (0 ~ 11)。 getFullYear() 从 Date 对象以四位数字返回年份。 getYear() 请使用 getFullYear() 方法代替。 getHours() 返回 Date ...
2023-04-12
markmap
自杀是卑怯的行为。——鲁迅 分享一个：https://markmap.js.org/ Github：https://github.com/markmap/markmap 可以使用markmap生成思维导图html 例如：https://markmap.js.org/repl
2022-12-23
vue重置data
没有爱情，可千万不要结婚——奥斯汀 场景：需要重置已经更改后的data 官方文档： https://v2.cn.vuejs.org/v2/api/#data 其中提到可以通过调用data函数得到一个全新的副本对象 https://v2.cn.vuejs.org/v2/api/#vm-options 然后我们可以通过$options获取用于当前 Vue 实例的初始化选项，因此通过 1this.$options.data() 能够得到最初定义data的一个全新的副本对象(这里的this指向vue实例) 再使用Object.assign 1Object.assign(this.$data, this.$options.data()) 即可重置data 在某些情况下，this.$options.data()的this指向有问题，可以使用 Function.prototype.call()处理 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/call...
2025-11-07
apache-shenyu对接mcp-server-swagger-import
友谊是两颗心真诚相待，而不是一颗心对另一颗心的敲打。——鲁迅《鲁迅杂文选》 本次 PR（https://github.com/apache/shenyu-dashboard/pull/556）主要为 ShenYu Dashboard 的 MCP Server 管理模块引入了 Swagger 文件导入的前端支持。改动点如下： 主要涉及文件及改动说明 src/locales/en-US.json、src/locales/zh-CN.json 改动： 新增多条与 Swagger 导入相关的中英文国际化文案，如“Swagger Import”、“Swagger URL”、“项目名称”等。 目的： 确保新增页面和弹框的所有 UI 字段均能国际化显示。 src/models/mcpServer.js 改动： 引入并注册了 mcpSwaggerImport 的异步 effect。 新增了 swaggerImport generator 方法，通过 redux-saga 管理，与后端交互处理导入流程，反馈成功/失败提示，并在必要时回调刷新页面数据。 目的： 规范导入业...