JavaScript - 随笔分类 - jack_Meng

提取网页表格，一键导出 CSV：一个 Bookmarklet 脚本就够了

摘要：做数据分析、爬虫或竞品调研时，经常碰到网页上挂着一张现成的表格，手动复制粘贴到 Excel 不仅费时，还会丢掉格式、弄乱列对齐。本文分享一个 Bookmarklet（书签脚本），点击即可提取页面中的所有表格，自动转成 CSV 并写入剪贴板，直接粘贴进 Excel 就能用。最终效果预览在任意包含阅读全文

posted @ 2026-09-02 16:10 jack_Meng 阅读(35) 评论(0) 推荐(0)

油候脚本中，使用GM_info对象，打印脚本信息

摘要：Tampermonkey（油猴脚本）获取并打印当前脚本名称方法 1：直接用 GM_info（最标准、推荐） javascript // ==UserScript== // @name 测试脚本名称 // @namespace http://tampermonkey.net/ // @version 阅读全文

posted @ 2026-07-25 10:08 jack_Meng 阅读(33) 评论(0) 推荐(0)

使用油候脚本，移除页面无法选择文字

摘要：在浏览页面的时候，页面上使用了禁用选择文字，禁用了右键等功能，找豆包给了一个解决方案，如下：方案 1：解绑 document 上所有 selectstart 事件（最简单）控制台直接运行： javascript // jQuery 解绑document所有selectstart绑定 $(docu 阅读全文

posted @ 2026-07-25 10:01 jack_Meng 阅读(27) 评论(0) 推荐(0)

js 双击页面开始/暂停页面滚动

摘要：当网页中有长篇文章时，浏览起来就比较吃劲了，想想一边忙着拖动滚动条，一边忙着浏览，确实挺累人的。为了客人能够轻松的浏览，我们可以使用script代码实现网页的自动滚屏，当双击网页的时候，网页将会自动向下滚动，再次单击时滚动停止。这种方法适用于大多数浏览器，但需要注意的是，直接控制滚动条的滚动在某些阅读全文

posted @ 2026-05-05 19:08 jack_Meng 阅读(43) 评论(0) 推荐(0)

计算日期间隔计算器代码

摘要：https://tool.52ipc.top/DateTimeCalculator.html F12 自取 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content= 阅读全文

posted @ 2026-04-01 16:45 jack_Meng 阅读(36) 评论(0) 推荐(0)

JavaScript实用小妙招

摘要：字符串处理 1. 生成随机字符串 const randomString = (length = 8) => { return Math.random().toString(36).slice(2, 2 + length);};// 示例：randomString() → "4f9d2fe3" 2. 阅读全文

posted @ 2026-02-11 15:55 jack_Meng 阅读(21) 评论(0) 推荐(0)

JS禁用页面选中，复制，F12按键，右键菜单等功能

摘要：今天在看博客园，有个很有意思的事情，博客园推荐的文章，我随便进来一个页面。这个页面有右键屏蔽，复制，F12按键等功能，随后打开页面源码看了一下，有如下代码： <script> //禁用F12 window.onkeydown = window.onkeyup = window.onkeypress 阅读全文

posted @ 2025-07-15 11:03 jack_Meng 阅读(124) 评论(0) 推荐(0)

JavaScript Quine揭秘：如何让程序输出自身源代码？

摘要：合集 - JavaScript(3) 1.JavaScript Quine揭秘：如何让程序输出自身源代码？07-02 2.一文搞懂javascript中的var、let、const06-293.javascript中IIFE（立即执行函数表达式）到底是咋来的？07-01 收起介绍如何写一段jav 阅读全文

posted @ 2025-07-02 21:54 jack_Meng 阅读(48) 评论(0) 推荐(0)

javascript中IIFE（立即执行函数表达式）到底是咋来的？

摘要：合集 - JavaScript(2) 1.javascript中IIFE（立即执行函数表达式）到底是咋来的？07-01 2.一文搞懂javascript中的var、let、const06-29 收起介绍 IIFE(Immediately Invoked Function Expression)，中阅读全文

posted @ 2025-07-01 22:12 jack_Meng 阅读(81) 评论(0) 推荐(0)

‌JavaScript中的问号运算符（?、?.、??）主要的三种用法

摘要：‌ 条件运算符（三元运算符）条件运算符（三元运算符）的语法为：condition ? exprIfTrue : exprIfFalse。它用于根据条件表达式的结果来选择两个不同的表达式之一。如果条件为真，则表达式返回exprIfTrue的结果；否则返回exprIfFalse的结果‌。可选链操作符阅读全文

posted @ 2025-06-06 09:49 jack_Meng 阅读(932) 评论(0) 推荐(0)

Web前端入门第 56 问：JavaScript 变量声明 var、let、const 区别

摘要：合集 - Web前端入门(57) 1.Web前端入门第1问：英语是否很重要？有哪些前置条件？02-282.Web前端入门第2问：前端开发是什么？与后端、全栈的区别是什么？一个完整的Web项目有哪些角色参与？02-283.Web前端入门第3问：前端需要学习哪些技术？02-284.Web前端入门第4问：阅读全文

posted @ 2025-05-22 10:53 jack_Meng 阅读(71) 评论(0) 推荐(0)

使用油猴(Tampermonkey)脚本，百度网盘直接下载助手脚本

摘要：在我们使用浏览器的时候总是抱怨他的功能不够强大，缺少这个缺少那个，那么好，浏览器支持的一强大的功能扩展，也就是我们常说的插件，在这里我要介绍的是一款特别好用的插件，用来管理用户的脚本，也可以下载很多很多用户的脚本，我会在文章最后分享我的脚本导出的文件，下面我介绍一下油猴(Tampermonkey) 阅读全文

posted @ 2025-05-21 11:36 jack_Meng 阅读(31270) 评论(0) 推荐(0)

开发谷歌浏览器截图插件

摘要：背景前端经常会有一些截图/生成快照的需求。但是js并没有支持截图的api，所以网上实现快照的方式原理无外乎都是一个套路来做：读取document中的dom节点把dom元素画到canvas上把canvas转为img 比较成熟的一个插件就是html2canvas，这种方式能实现很多场景的截图需求阅读全文

posted @ 2025-05-21 09:48 jack_Meng 阅读(699) 评论(0) 推荐(0)

Web前端入门第 53 问：JavaScript 的各种调试方法

摘要：合集 - Web前端入门(53) 1.Web前端入门第1问：英语是否很重要？有哪些前置条件？02-282.Web前端入门第2问：前端开发是什么？与后端、全栈的区别是什么？一个完整的Web项目有哪些角色参与？02-283.Web前端入门第3问：前端需要学习哪些技术？02-284.Web前端入门第4问：阅读全文

posted @ 2025-05-16 09:26 jack_Meng 阅读(99) 评论(0) 推荐(0)

用JavaScript来实现下载

摘要：1、javascript脚本 function downloadFile(data, fileName, type="text/plain") { // 创建不可见的元素 const a = document.createElement("a"); a.style.display = "none"; 阅读全文

posted @ 2025-05-09 16:34 jack_Meng 阅读(225) 评论(0) 推荐(0)

浏览器 Javascript 版本

摘要：IE 1.3 Chrome 1.7 Firefox 1.8 Yours: ? 1 2 3 4 5 6 7 8 9 function javascriptversion(){ for(var i=1;i<10;i++){ var d = document.createElement('script') 阅读全文

posted @ 2025-05-09 15:36 jack_Meng 阅读(26) 评论(0) 推荐(0)

在chrome console中添加jQuery

摘要：由于现有seajs等封装，以及vue等其他框架，jQuery等已不使用，或不在全局暴露，即使网站中已使用jQuery，在console也使用不了。所以考虑使用fetch加载jQuery库，fetch是web提供的一个可以获取异步资源的api，目前还没有被所有浏览器支持，它提供的api返回的是Pro 阅读全文

posted @ 2025-05-09 10:41 jack_Meng 阅读(64) 评论(0) 推荐(0)

如何使用JavaScript模拟键盘操作

摘要：在JavaScript中，你可以使用KeyboardEvent来模拟键盘操作。以下是一些示例，展示如何模拟键盘事件：模拟键盘按键按下：使用keydown事件来模拟按键按下。 function simulateKeyDown(keyCode) { var event = new KeyboardE 阅读全文

posted @ 2025-04-22 15:12 jack_Meng 阅读(1897) 评论(0) 推荐(0)

JavaScript中模拟assert的方法

摘要：在JavaScript中，通常我们不会直接使用assert这个词，因为JavaScript标准库中并没有直接提供assert函数（尽管在一些测试框架如Jest、Mocha中经常看到）。但是，我们可以模拟一个assert函数的行为，即：当给出的某个条件不满足时抛出一个错误，如果满足条件，则什么也不做。阅读全文

posted @ 2024-09-26 09:43 jack_Meng 阅读(148) 评论(0) 推荐(0)

前端基本功——搞懂Promise

摘要：写在前面：大家好，我是山里看瓜，该系列文章是为了帮助大家不管面试还是开发对前端的一些基本但是很重要的知识点认识更加深入和全面。想写这个系列文章的初衷是：我发现前端的很多基本知识，使用起来很简单，定义看起来也很简单。很多人你在问他相关问题的时候，他也能说上几句。但是为什么用？怎么用会更好？原理是什阅读全文

posted @ 2024-09-14 09:54 jack_Meng 阅读(666) 评论(0) 推荐(0)

随笔分类 - JavaScript