JavaScript 【事件】焦点事件
以下大部分为学习《JavaScript 高级程序设计》(第 3 版) 所做笔记。
目录：
1. 了解焦点事件
2. blur 事件
3. focus 事件
了解焦点事件
Q: 焦点事件什么时候触发？
A: 当元素获得或失去焦点时触发。
Q: 焦点事件的用处？
A: 利用焦点事件并与 document.hasFocus() 方法及 document.activeElement 属性配合，可以知晓 ...
python爬虫之破解javascript-obfuscator的混淆加密
接上一篇有关前端加密达到反爬的文章，是不是觉得用了javascript-obfuscator 就很安全了，那还真不一定啊，还是那句，反爬与反反爬一直在斗争，没有谁能绝对的压制另一方，只有使用者技术的高低。以下就是一个大神的针对javascript-obfuscator库的破解。
本篇文章转载于 : https://mp.weixin.qq.com/s/aZmuc3Dw ...
JavaScript 【事件】UI事件
以下大部分为学习《JavaScript 高级程序设计》(第 3 版) 所做笔记。
目录：
1. 了解 UI 事件
2. load 事件
3. unload 事件
4. resize 事件
5. scroll 事件
了解UI事件
Q: UI 是什么意思？
A: UI 是 User Interface 的缩写，意思是用户界面。
Q: 什么是 UI 事件？
A: UI 事件指的是那些不一定与用户操作有关的事件。
...
[Python自学] PyQT5-Web控件、与JavaScript交互
一、使用WEB控件打开网页
要使用PyQt5的WebEngine，需要安装PyQtWebEngine（pyqt5 5.11版本之前可以直接from PyQt5.QtWebEngineWidgets import *）
pip install PyQtWebEngine
Demo：
import sys
# 使用调色板等
from PyQt5.QtCore import Qt, QUrl
from PyQt5.QtGui import QIcon
# 导入QT,其中包含一些常量，例如颜色 ...
ASP.NET Core Blazor WebAssembly 之 .NET JavaScript互调
Blazor WebAssembly可以在浏览器上跑C#代码，但是很多时候显然还是需要跟JavaScript打交道。比如操作dom，当然跟angular、vue一样不提倡直接操作dom；比如浏览器的后退导航。反之JavaScript也有可能需要调用C#代码来实现一些功能，毕竟客户的需求是千变万化的，有的时候只能通过一些hack的手段来实现。
.NET调用JavaScript ...
JavaScript——利用JavaScript来去除图片的背景
前言
一个自己玩着玩的测试
步骤
核心代码
// img 图片的base64编码
// rgba 需要去除的背景色
// tolerance 容差信息
function removeImgBg(img, rgba, tolerance) {
var imgData = null;
const [r0, g0, b0, a0] = rgba;
var r, g, b, a;
...
JavaScript之Blob对象的使用
参考文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Blob/Blob
前言
如果你允许用户从你的网站上下载某些文件，那你可能会遇到 Blob 类型。为了实现上述的功能，你可以很容易从网上找到相关的示例，并根据实际需求进行适当的调整。对于部分开发者来说，在完成上述功能之后，他们并不会继续思考 Blob 是什么？
这 ...
vscode 运行和调试 javascript 代码 (vscode run and debug javascript code)
初次正式要写 javascript 相关的代码,想要用 vscode 直接编译 js 代码,但是发现没有那么简单,需要配置好 launch.json 文件,现已经在vscode上编译过去并且可以调试 javascript 代码,总结了两种方法,分享给大家.
方法一: 在 js 后缀文件中写 javascript 代码.
1. 环境配置:
(1). 需要安装 nodejs (在Bin ...
C# / .NET Core 调用javascript方法(适用于Windows/Linux平台)
使用背景
最近在使用c#(dotnetcore)编写一些爬虫进行实践，在模拟网站请求的时候，往往在请求参数里含有一个根据请求内容实时生成的token，通过对前端js文件的调用，找到了用来生成token的js方法，但是将js代码翻译成c#代码有点太费劲费时，于是想要找到一个这样的框架，可以直接从c#调用js的方法并返回值。
尝试的框架
我 ...
JavaScript监听键盘事件
在写网页的时候，常常需要监听键盘事件，让我们来看看如何实现吧。
监听方式
键盘事件往往是全局监听，设监听的函数为keyboard()。
keyup事件类型。该类型触发条件为按键按下去并松开。//长按并松开只触发一次
document.addEventListener('keyup', keyboard);
document.onkeyup = keyboard; //记得不要加括号！
key ...
JavaScript的历史由来及简介
JavaScript的历史由来及简介
前言
这次写一篇对于JavaScript的简介，我们知道的编程语言有很多种，比如Java、C++、Python等等，每种编程语言都有其独具的特色，不论是语法格式还是表达形式，都能让每个程序员沉淀在知识的海洋里难以自拔。即每种编程语言都有无限的延展性，但如果我们考虑问题的时候追溯其根源，其实也不难 ...
JavaScript 如何读取本地文件
出于安全和隐私的原因，web 应用程序不能直接访问用户设备上的文件。如果需要读取一个或多个本地文件，可以通过使用input file和FileReader来实现。在这篇文章中，我们将通过一些例子来看看它是如何工作的。
文件操作的流程
获取文件
由于浏览器中的 JS 无法从用户的设备访问本地文件，我们需要为用 ...
JavaScript数组常见用法
最近做一个项目中做一个竞猜游戏界面，游戏规则和彩票是一样的。在实现“机选一注”，“机选五注”的时候遇到数组的一些操作，例如产生['01', '02' ... '35']这样的数组，随机抽取不重复的元素重新组成数组等问题。回想这类问题在平时项目中遇到的机会非常多，何不归纳一下JavaScript数组的一些知识点，以供平时工作参考。
...
JS断点调试，必备的javaScript的debug调试技巧
1.断点调试是啥？难不难？
断点调试其实并不是多么复杂的一件事，简单的理解无外呼就是打开浏览器，打开sources找到js文件，在行号上点一下罢了。操作起来似乎很简单，其实很多人纠结的是，是在哪里打断点？（我们先看一个断点截图，以chrome浏览器的断点为例）
步骤记住没？
用chrome浏览器打开页面 → 按f12打开开发者工 ...
javascript 上传文件到 aws s3存储桶
直接上代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<!-- <script src="https://sdk.amazonaws.com/js/aws-sdk-2.410.0.min.js"></script> -->
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.235.1.min.js"></script>
</head>
<body>
<inp ...
HTML5+ CSS3+JavaScript 网页设计实战
HTML5+ CSS3+JavaScript 网页设计实战
本书特色
本书内容
本书代码、课件与教学视频下载
本书读者
1 网站与HTML网页►
1.1 什么是网站和网页
1.2 网站的组成
1.2.1 网址
1.2.2 网站空间
1.2.3 DNS域名解析
1.2.4 网站程序
1.2.5 数据库
1.2.6 Web服务器
1.3 HTML网页的组成
1.3.1 HTML网页结构
1.3.2 HTML网页头部
1.3.3 HT ...
Autojs - 用 JavaScript 实现自己的安卓手机自动化工具脚本
很久之前写的，只是为了娱乐，已经不研究这个了，不做这方面的咨询了。如果只是为了做 AutoJS ，不用加好友了，谢谢
一个神奇的 APP
这个软件叫做 Auto.js，只支持安卓，是一个不需要 Root 权限的 JavaScript 自动化软件。什么意思呢，就是在你的安卓手机上安装这个 APP，然后通过编写 JS 脚本的方式实现自动化操作。类似 ...
实战 - JavaScript 函数式编程
最近和做技术的朋友聊天的时候，发现自己居然不能将函数式编程思想讲清楚，于是做一次复习
一、函数是“一等公民”
常常都能听到这么一句话：在 JavaScript 中，函数是“一等公民”，这句话到底意味着什么？
在编程语言中，一等公民可以作为函数参数，可以作为函数返回值，也可以赋值给变量 —— Christopher S ...
把99%的程序员烤得外焦里嫩的JavaScript面试题
最近有学员给出一段令人匪夷所思的JavaScript代码（据说是某某大厂面试题），废话少说，上代码：
var a = 10;
{
a = 99;
function a() {
}
a = 30;
}
console.log(a);
这段代码运行结果是99，也就是说，a = 99将a的值重新设为99，而由于后面使用a定义了一个函数，a = 30其实是修改的a函 ...
javascript清空数组的三种方法
在这里总结下在JavaScript中清空数组的三种方法。
1.使用length属性。
我们都知道使用length属性可以获取数组的长度（元素的个数），而实际上我们还可以通过给length属性赋值达到控制数组长度的目的。
var arr = ['yanggb', 'yanggb1', 'yanggb2'];
console.log(arr.length); // 3
arr.length = 4;
console.log(arr); // ...
