前端黑科技:使用 JavaScript 实现网页扫码功能
在数字化时代,二维码已经渗透到我们生活的方方面面。从移动支付到产品溯源,二维码凭借其便捷性和高效性,成为了信息传递的重要载体。而随着前端技术的不断发展,我们甚至可以使用 JavaScript 在网页端实现二维码扫描功能,为用户提供更加便捷的操作体验。
本文将带您深入了解如何使用 JavaScript 调用摄像头,结合 j ...
njs最详细的入门手册:Nginx JavaScript Engine
原文链接:https://hi.imzlh.top/2024/07/08.cgi
关于njs
首先,njs似乎在国内外都不受关注,资料什么的只有 官网参考手册,出了个问题只能看到Github Issue
所以,这篇文章将我的探索过程展示给大家,njs对于可用存储空间较小的设备真的很友好,相比较于NodeJS、Deno这种80M起步的运行环境真的很轻量
但是,这里有几点需要 ...
JavaScript系列:JS实现复制粘贴文字以及图片
目录一. 基于 Clipboard API 复制文字(推荐)基本概念主要方法使用限制实际应用示例二、基于 document.execCommand('copy')缺陷实际应用示例说明三、复制图片功能四、封装
一. 基于 Clipboard API 复制文字(推荐)
基本概念
Clipboard API 是一组用于在浏览器中操作剪贴板的 JavaScript API,它允许开发者在网页上读取和 ...
高级前端开发需要知道的 25 个 JavaScript 单行代码
1. 不使用临时变量来交换变量的值
例如我们想要将 a 于 b 的值交换
let a = 1, b = 2;
// 交换值
[a, b] = [b, a];
// 结果: a = 2, b = 1
这行代码使用数组解构赋值的方式来交换两个变量的值,无需定义新的临时变量。这个巧妙的技巧可让代码看起来更简洁明了。语法[a, b] = [b, a]通过解构右侧的 ...
彻底搞懂JavaScript原型和原型链
基于原型编程
在面向对象的编程语言中,类和对象的关系是铸模和铸件的关系,对象总是从类创建而来,比如Java中,必须先创建类再基于类实例化对象。
而在基于原型编程的思想中,类并不是必须的,对象都是通过克隆另外一个对象而来,这个被克隆的对象就是原型对象。
基于原型编程的语言通常遵循下面的规则:
所有的数据都是 ...
引爆你的网页乐趣!前端十个令人捧腹的JavaScript整蛊代码。
愚人节整蛊代码。想要在网页上增添一抹幽默与惊喜吗?或是想给你的朋友一个意想不到的“小惊喜”?那么,这十款简单而有趣的JavaScript前端整蛊代码绝对能满足你的需求!每一个代码都能让你的网页瞬间变得生动有趣。
1,抖动页面
在线效果演示:张苹果博客
模拟页面抖动的动画效果。3秒后停止。
function shake() {
...
JavaScript逆向之七麦数据实战
知识点
Promise对象
Promise对象是ES6版本中提供的,主要是为了解决死亡回调的问题。
先看一段代码:
点击查看代码
function fn() {
let username = "alex";
let password = "123456";
// 发送请求给服务器要求登录
console.log("发送请求出去,尝试登录");
setTimeout(function () {
consol ...
[JavaScript] JavaScript的时间与时区
0 序言
第1章节,原创,主要关注:JS的时间、时区国际化问题
第2章节,主要来自于第1篇参考文献(系对第1章节的基础知识的夯实)
1 JavaScript 时间、时区的国际化(案例)
本案例等同于问题:JavaScript从浏览器根据不同时区获取时间的问题
假定现在有两台Windows笔记本电脑。
Step1 设置操作系统的时区
分别对两 ...
初识JavaScript逆向——以网易云音乐和招标网站为例
前言:需要掌握一定的JavaScript基础,能看懂基础的JavaScript代码。
我们平常在浏览网站的时候会看到许多加密的参数,如果需要知道它的原始数据,就需要知道整个加密过程,所以本篇文章就来介绍一下本人在初学逆向的时候一些笔记。
想要获取加密过程大概来说有以下两个方法:
(1)通过浏览器的initiator中的栈调用来判断 ...
python执行JavaScript代码出现编码问题的解决方案
当我们安装好nodejs环境,想在python代码中去调用JavaScript代码,常常会出现编码的问题。
举个例子:
python代码如下:
点击查看代码
import execjs
f = open("test.js", mode="r", encoding="utf-8")
js_code = f.read() # 读取所有js代码
f.close()
js_exec = execjs.compile(js_code) # 加载代码
\# 用js_exec去执行 ...
WebAssembly入门笔记[1]:与JavaScript的交互
前一阵子利用Balazor开发了一个NuGet站点,对WebAssembly进行了初步的了解,觉得挺有意思。在接下来的一系列文章中,我们将通过实例演示的方式介绍WebAssembly的一些基本概念和编程模式。首先我们先来说说什么是WebAssembly,它主要帮助我们解决什么问题。本文演示实例下载:app1 app2 一、概述
二、WebAssembly ...
JavaScript到底应不应该加分号?JavaScript自动插入分号规则详解
JavaScript 提供了 automatic semicolon insertion (ASI)自动插入分号规则,在不加分号的情况下,会自动补充分号来分隔不同语句。
导致在继左大括号换行、tab 和 space 圣战后,前端又出现了一场战争。
并且随着那个男人加入这场讨论之后,关于是否应该加分号的讨论更是激烈了。
ASI 自动插入分号规则
在决定是否添加分号 ...
提升开发技能:10个高级的JavaScript技巧
前言
在这个快速发展的数字时代,JavaScript作为一种广泛应用的编程语言,其重要性愈发凸显。为了在竞争激烈的开发领域中保持竞争力,不断提升自己的技能是至关重要的。本文小编将您介绍10个高级的JavaScript技巧,旨在帮助开发者们在编码过程中更加高效和灵活。
1、解构赋值
解构赋值是一种从数组或对象中提取值并将其分配 ...
《最新出炉》系列初窥篇-Python+Playwright自动化测试-31-JavaScript的调用执行-上篇
1.简介
在做web自动化时,有些情况playwright的api无法完成以及无法应对,需要通过或者借助第三方手段比如js来完成实现,比如:去改变某些元素对象的属性或者进行一些特殊的操作,本文讲解playwright怎样来调用JavaScript完成特殊操作。
2.用法
上一篇中就提到过,这里提取一下,语法如下:
# 原生js
js = '原生js;'
# ...
高德地图 JS API for Javascript 入门
一、官方文档
地址:https://lbs.amap.com/api/javascript-api-v2/guide/abc/jscode
JS API 示例:https://lbs.amap.com/demo/javascript-api/example/map-lifecycle/map-show
二、申请高德开放平台的账号
1、注册
地址:https://lbs.amap.com/
点击注册
2、创建应用并申请key
三、快速入门
1、安装
npm i @amap/ama ...
ArcGIS API for JavaScript入门
arcgis官网:https://arcgis.fenxianglu.cn/docs/load.html
官网英文版地址:https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html
一、集成到应用----@arcgis/core方式
1、引入ArcGIS API for JavaScript
yarn add @arcgis/core
或者指定安装版本
yarn add @arcgis/core@4.25
如果 ...
JavaScript中的浅拷贝与深拷贝
前言
JavaScript中的浅拷贝和深拷贝是非常重要的概念,它们在处理对象和数组时具有不同的作用。在编程中,经常需要复制数据以便进行各种操作,但必须注意拷贝的方式,以确保得到预期的结果。
浅拷贝是创建一个新对象或数组,并将原始对象或数组的引用复制给它。这意味着新对象和原始对象将共享相同的内存地址,修改其中一个 ...
重学JavaScript Promise API
在这篇教程中,我们将掌握如何在JavaScript中创建并使用Promise。我们将了解Promise链式调用、错误处理以及最近添加到语言中的一些Promise静态方法。
什么是Promise?
在JavaScript中,一些操作是异步的。这意味着当这些操作完成时,它们产出的结果或者值并不会立即生效。
Promise是一个特殊的JavaScript对象,它代表了异 ...
JavaScript判断两个数组相等的四类方法
在JavaScript中,数组本质上是一种特殊的对象,它的类型值会返回 object。
如果我们需要比较两个数组是否相等,不能像比较基本类型(String、Number、Boolean等)一样,使用 === (或 ==) 来判断,所以如果要比较数组是否相等,需要使用一些特殊方法。关于JS类型的判断,可见博文typeof详解。
本文总结了几种数组比较的方法, ...
javascript混淆工具javascript-obfuscator的环境搭建
javascript-obfuscator的项目和文档地址:https://github.com/javascript-obfuscator/javascript-obfuscator
windows端
安装nodejs环境
打开nodejs安装包,一直点NEXT,默认设置安装即可。安装后:
#测试nodejs和npm是否已安装
npm -v
#如果有输出版本号,例如输出9.5.0,表示安装成功
#查看npm安装模块的路径
npm config ...