特性 元素js
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 人赞同了该文章 上面这个错误，相信前端开发工程师应该经常遇到吧，要么是自己考虑不全造成的，要么是后端开发人员丢失数据或者传输错误数据类型造成的。因此对数据访问时的非空判断就变成了一件很繁琐且重要的事情，下面就介 ......
什么是 SAP ABAP 的 Draft Handling 特性
ABAP 中的 Draft handling 是 SAP Fiori 应用程序中的一个重要特性，它允许用户保存他们正在工作的实体的未完成的状态，这可以使得用户在任何时候停止工作，然后在稍后的任何时间点继续。这种方式不仅保存了实体的数据，而且也保持了用户的 UI 状态，例如滚动位置，焦点等。 Draf ......
前端学习-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 ......
代码随想录算法训练营第三天 | 203.移除链表元素 707.设计链表 206.反转链表
LeetCode 203.移除链表元素 视频链接: LeetCode203 思路: 根据链表的性质，将目标值对应的节点保存在一个临时节点中，再重新设置cur下一个节点，再将临时节点进行删除 class Solution { public: ListNode* removeElements(ListN ......
关于Vue3中调试APP触发异常：exception:white screen cause create instanceContext failed,check js stack -> at useStore (app-service.js:2309:15)解决方案
bug：reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->at us ......
js实现树形结构
let cityList = [ {id: 1, parentId: 0, name:'江苏省'}, {id: 2, parentId: 0, name:'广东省'}, {id: 3, parentId: 0, name:'安徽省'}, {id: 4, parentId: 1, name:'苏州市' ......
JS赋值、浅拷贝、深拷贝的区别
在说明它们的区别之前，首先需要了解JS的数据类型和它们的存放位置。 数据类型 基本数据类型：String、Number、Boolean、Undefined、Null、Symbol（es6）、BigInt（es6） 引用数据类型：Object 存放位置 基本数据类型是存放在栈中的数据段，直接存储的就是 ......
防止Node.js应用中的命令行注入攻击
攻击者可以使用Node.js应用侵入你的系统。本文介绍如何阻止这种行为的发生。 当Node.js首次发布时，它引起了一场革命。它允许开发人员在服务器端运行JavaScript，这是浏览器的主要编程语言。随着时间的推移，Node.js变得越来越流行，并成为构建Web应用程序和API的首选工具。 Nod ......
js 现在时间到当天24时结束
获取到时间差为毫秒，可以转为时分秒，自行处理， getTimestamp(){ let nowB = new Date().getTime() let form = new Date() let y = form.getFullYear(); let m = form.getMonth()+1; l ......
js 浏览器储存数据设置过期时间
vue项目 新建文件sessionTime.js 文件 /** @desc storage相关 */ // type TStorageItem = { // value: any // expire: string|number // time: Date // }; // type = 'loca ......
js vue中pdf与img互转
需要 npm install vue-pdf 和 npm install pdfjs-dist，新建js文件 pdtToImg.js： import pdf from "vue-pdf"; import JsPDF from 'pdfjs-dist'; const PDFJS = require(' ......
JS逆向——某道翻译
文章中所有内容仅供学习交流，不可用于任何商业用途和非法用途，如有侵权，请联系作者立即删除！ 目标网站：aHR0cHM6Ly9mYW55aS55b3VkYW8uY29tL2luZGV4Lmh0bWwjLw== 一、定位接口 使用Chrome浏览器，打开Network进行抓包 输入要翻译的字符串：Hel ......
prometheus federate特性（数据维度抽取）
一、背景描述： prometheus存有大量的监控明细数据，但是报表或者大屏监控需要的是更高维度的数据统计。如果直接从明细数据统计，很可能会因为数据量 过大而导致查询缓慢，甚至prometheus发生OOM。 二、解决思路： 借助prometheus提供的federate特性和recording r ......