元素js
js 中的 base64 转码 btoa/atob
1 场景 有时，文本里面包含一些不可打印的符号，比如 ASCII 码0到31的符号都无法打印出来，这时可以使用 Base64 编码，将它们转成可以打印的字符。另一个场景是，有时需要以文本格式传递二进制数据，那么也可以使用 Base64 编码。 所谓 Base64 就是一种编码方法，可以将任意值转成 ......
js---手绘签名
最近在做项目，在做电子签章的时候，需要用到电子签名，下面是用JS进行手绘签名： <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>手写签名</titl ......
Quartz核心原理之架构及基本元素介绍
Quartz是一个作业调度框架，它可以与J2EE和J2SE应用相结合，也可以单独使用。它能够创建多个甚至数万个jobs这样复杂的程序，jobs可以做成标准的java组件或EJBS。Quartz很容易上手，创建一个任务仅需实现Job接口，该接口只有一个方法void execute(JobExecuti... ......
js---生成印章
最近在做电子合同的功能，需要用到电子印章，那么如何通过js生成印章呢？下面是具体的代码： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <ca ......
JS(JavaScript)
1. 介绍： JavaScript 语言主要是 完成页面的数据验证，因此运行在客户端，需运用浏览器来解析执行JavaScript代码。 ECMAScript是JS的一个标准。 一个完整的JS是由ECMAScript，DOM(文档对象模型)，Bom(浏览器对象模型)组成的。 JS是弱类型（类型可变）J ......
JavaWeb - Day02 - JS、Vue
01. JS-介绍 什么是JavaScript? JavaScript（简称：JS） 是一门跨平台、面向对象的脚本语言。是用来控制网页行为的，它能使网页可交互。 JavaScript 和 Java 是完全不同的语言，不论是概念还是设计。但是基础语法类似。 JavaScript 在 1995 年由 B ......
JavaScript(JS) 判断没有属性的空对象{}的四种方法
JavaScript(JS) 中对象没有属性初始化时，可能使用{}进行初始化，如此我们判断这样的没有属性的空对象就不是很方便，本文主要介绍JavaScript(JS) 中判断没有属性的空对象{}的五种方法，以及相关的示例代码。 1、通过JSON.stringify()判断 可以使用JSON.stri ......
JS 中 package 包版本格式
在JavaScript中，通过npm（或yarn）管理的package.json文件中，你可以为依赖指定多种格式的版本号。版本号通常遵循语义化版本控制（SemVer），格式为主版本号.次版本号.修订号（MAJOR.MINOR.PATCH）。以下是一些常见的版本号格式： 精确版本（Exact）: "1 ......
js监听判断是否超出省略号显示
function isOverflow(element) { return element.scrollWidth > element.offsetWidth; } let element = document.querySelector('.ellipsis-span'); let resizeO ......
js事件
JavaScript支持多种事件，事件是在文档(DOM)或浏览器窗口中发生的事情。以下是一些常见的JavaScript事件： 鼠标事件（Mouse Events）: click - 鼠标单击 dblclick - 鼠标双击 mousedown - 按下鼠标按钮 mouseup - 松开鼠标按钮 mo ......
JS实现把内容复制到剪切板中
其中弹出框是采用了Element-PLUS组件实现，你可以选择使用原生的alert去实现，或者不做提醒都可以，同时我加入了async进行异步，你也可以去掉async（记得同时去掉await），还可以不采用try进行错误处理（我怕一些浏览器不兼容？） /** * 把传入的值放入用于剪切板 * data ......
Python中execjs执行JS代码出现中文乱码
1、乱码场景 新建 文件code.js，详情如下： function fun() { return "我是fun函数"; } 在Python中执行此JS代码： 1 import execjs 2 3 # 读取js 4 with open("code.js", encoding="utf8") as ......
js 监听回车按键，keyCode已经废弃
window.addEventListener("keydown", enterUp); // 点击回车键登录 const enterUp = (e: any) => { console.log("in enter up：", e); if (e.keyCode == 13 || e.keyCode ......
js jquery 调用摄像头拍照及扫描二维码
很好用的一个js库：https://github.com/mebjas/html5-qrcodedemo: https://scanapp.org/ demo: https://blog.minhazav.dev/research/html5-qrcode vue项目推荐用这个：https://zh ......
tr,td中 使每一行中所有td内元素居中对齐
<tr > <td style="vertical-align: middle;"> <div> 内容 </div> </td> <td style="vertical-align: middle;"> <div> 内容 </div> </td> </tr > 只需要在td上加 vertical-a ......
js自动播放【轮播图】
demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Auto ......
js定时器demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
伪元素before，after使用（如文本前的圆点）
其实主要就是要定义content:""； before或after会相对定义position:relative；最近的元素去定位； 比如实现一个文本前的黑色圆点： p::before { content: ""; width: 4px; height: 4px; background-color: ......
JS获取URL参数
按照网上的案例，一开始是这样写： getUrlParams() { const url = new URL("http://localhost:8888/#/login?loginname=123456&ticket=abcd"); const queryParams = new URLSearch ......
页面滚动点击返回至顶部，js怎么实现
当页面要滚回顶部时，使用scrollTop属性，设置值为0即可 当页面具有 DOCTYPE，或者说指定了 DOCTYPE 时，使用document.documentElement.scrollTop。 当页面不具有 DOCTYPE，或者说没有指定了 DOCTYPE 时，使用document.body ......
全面的.NET微信网页开发之JS-SDK使用步骤、配置信息和接口请求签名生成详解
JSSDK使用步骤 步骤一:绑定安全域名： 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 步骤二:引入JS文件： 在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.6.0.js ......
vue3中css使用js中的变量
<script setup lang="ts"> import { SoundOutlined } from '@ant-design/icons-vue' const props = defineProps({ title: { type: String, default: '' }, color ......
O(1) 时间插入、删除和获取随机元素
O(1) 时间插入、删除和获取随机元素 难度 ： 简单 | 中等√ | 困难 用时：18分钟（第一次） 作题日期：2023-12-03 ps: 本人理解有限，以下是自我理解，官方和大佬有更完整和详细的解析！！！ 题目描述 题目描述实现RandomizedSet 类： RandomizedSet() ......
js中?.、??、??=的用法及使用场景
js中?.、??、??=的用法及使用场景 小熊爱敲代码 征途慢慢，唯有奋斗 关注她 7 人赞同了该文章 上面这个错误，相信前端开发工程师应该经常遇到吧，要么是自己考虑不全造成的，要么是后端开发人员丢失数据或者传输错误数据类型造成的。因此对数据访问时的非空判断就变成了一件很繁琐且重要的事情，下面就介 ......
前端学习-JavaScript学习-js基础-API02-轮播图案例
自己写的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu ......
JS学习
知识体系 案例整理 需求：包含日常任务处理、日志编写以及日期更新 所用知识点： 日期获取： var now = new Date(); var year = now.getFullYear(); var month = now.getMonth() + 1; var day = now.getDat ......
原生js+django POST csrf
方法 headers POST请求携带header, formData = new Formdata(formElement) { 'headers': { "X-CSRFToken": formData.get('csrfmiddlewaretoken'), } } headers不设conten ......
JS—原生JS实现文件上传
一、目的：实现上传图片功能 二、效果： 三、思路： 用input标签自带的上传，先隐藏掉，给上传按钮添加点击事件，绑定input的点击事件 四、代码： 点击查看代码 //html <input ref="img-upload-input" class="img-upload-input" type= ......
关于 Web 开发中的 CSS before 伪元素
我用 Chrome 打开一个网页后，F12 打开 Chrome 开发者工具，在 Elements 面板观察到一些 DOM 元素有 ::before, 这是什么含义？ 在Web前端开发中，::before 是CSS伪元素之一，它用于在指定元素的内容前插入生成的内容。这个伪元素允许开发者通过CSS样式向 ......
关于 FontAwesome icon 的 before 伪元素
看下图这个放大镜的例子： .fa-search:before 是一个CSS选择器，它被用于指定某个具有类名为 "fa-search" 的元素的伪元素 ":before"。这个样式规则的作用是在该元素的内容之前插入一个字符，具体的字符是 "\f002"。在这里，"\f002" 是一个 Unicode ......