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

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

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

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

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

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

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

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

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

摘要：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') 阅读全文

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

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

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

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

摘要：引言 在JavaScript中，处理函数调用时传递的不同数量的参数是一项常见的任务。为此，JavaScript 提供了两种不同的方法：arguments 对象和剩余参数（Rest Parameters）。本文将探讨这两种方法的区别，并介绍如何将 arguments 对象转换为真正的数组。 argum 阅读全文

摘要：闭包 (Closures) 闭包是 JavaScript 中一个非常强大的特性，它允许函数访问其外部作用域中的变量，即使在该函数被调用时，外部作用域已经执行完毕。闭包可以帮助我们实现数据的私有化、封装和模块化，使代码更简洁、易读和可维护。 闭包的定义 简单来说，闭包是指有权访问另一个函数作用域中变量 阅读全文

摘要：最近不知道博客园是否加入广告了，发现浏览的时候，在页面顶端会有占很大区域的广告，先试试代码： // ==UserScript== // @name 去除博客园的广告 // @namespace http://tampermonkey.net/ // @version 0.1 // @descript 阅读全文

摘要：js原生方式发送http请求 1.基本原理 使用原生JavaScript调用API可以通过XMLHttpRequest对象来发送HTTP请求。下面是一个示例代码： var xhr = new XMLHttpRequest(); // 创建XMLHttpRequest对象 xhr.open('GET' 阅读全文

摘要：1. 不使用临时变量来交换变量的值 例如我们想要将 a 于 b 的值交换 let a = 1, b = 2; // 交换值 [a, b] = [b, a]; // 结果: a = 2, b = 1 这行代码使用数组解构赋值的方式来交换两个变量的值，无需定义新的临时变量。这个巧妙的技巧可让代码看起来更 阅读全文

摘要：从油猴脚本管理器的角度审视Chrome扩展 在之前一段时间，我需要借助Chrome扩展来完成一个需求，当时还在使用油猴脚本与浏览器扩展之间调研了一波，而此时恰好我又有一些做的还可以的油猴脚本 TKScript (点个star吧 😁)，相对会比较熟悉脚本管理器的能力，预估是不太能完成需求的，所以趁着 阅读全文