浏览器 事件js ie
谷歌浏览器插件管理
AdBlock — 最佳广告拦截工具 拦截广告，自定义内容如下 www.baidu.com##DIV[id="s-hotsearch-wrapper"][class="s-isindex-wrap s-hotsearch-wrapper"] www.baidu.com##DIV[id="s-top- ......
Vue JS项目 添加TypeScript
Vue JS项目 添加TypeScript 转载请注明来源 谢谢 git文件全部提交 必须全部提交 因为会改掉你的文件.很恶心. vue.config.js 添加下面内容 pages:{ index:{ entry:'src/main.js' } } 项目根目录运行 vue add typescri ......
JS/html5 文字转语音
var sound = function (text) { let utterance = new SpeechSynthesisUtterance(text); return window.speechSynthesis.speak(utterance); }; ......
使用proxy实现一个监听鼠标事件
由于弹框遮罩层问题，如果绑定鼠标移入移出事件不能顺利，就想着监听鼠标坐标来实现，vue拥有监听器实现简单，就想着用proxy来做一个 如下代码 <template> <div id="x">x:0</div> <div id="y">y:0</div> <div class="myDiv" inde ......
MYSQL事件
-- 创建MYSQL事件 DELIMITER $ CREATE EVENT IF NOT EXISTS event_deldata ON SCHEDULE EVERY 1 MINUTE STARTS '2023-04-21 00:00:00' ON COMPLETION PRESERVE COMME ......
js弹幕效果
Document <style> * { margin: 0; padding: 0; } div { width: 300px; height: 200px; background-color: aquamarine; } </style> <div></div> <input type="tex ......
vue 事件
vue中用 v-on绑定事件 简单绑定一个点击事件 <div id="app"> <button v-on:click="sayHi">点击我</button> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script ......
js实现输入打字效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
网络编程TCP/IP/UDP+Http和JSON解析+qt事件软键盘
原文：https://blog.csdn.net/m0_45463480/article/details/124049417 网络编程+Http和JSON解析+qt事件软键盘 第一章 QT中的网络编程 【1】涉及到的类 【2】tcp协议的流程 【2.1】服务器的流程 socket--》bind--》 ......
js递归查询id所对应的节点，查询该节点的父节点，查询该节点的所有子节点
在工作项目中经常遇到树形结构的数据，而往往我们需要用递归来实现，下面就给大家列举常用的递归操作。 let treeList = [ { id: '1', name: '父一', children: [ { id: '1-1', name: '子一一', children: [ { id: '1-1- ......
JS 树（数组存储）进行递归遍历获取路径
JS 树（数组存储）进行递归遍历获取路径 实现功能：通过叶子节点 id ，寻找包含该叶子节点的整条路径。（树的数据以数组形式保存） 直接上代码： const getPathByKey = (curKey, data) => { let result = []; // 记录路径结果 let trave ......
JS精度丢失
Javascript是非数据安全类型的语言，所以JS尾数精度有丢失的问题 Number类型 通过查阅JS官方文档 在JS定义的浮点数会自动转换为Number类型，Number类型是一个双精度64位浮点数，二进制存储格式执行IEEE 754标准 通过查阅维基百科，64位二进制格式IEEE 754的定义 ......
记一次从JS到内网的横向案例
前言前段时间参加了一场攻防演练，使用常规漏洞尝试未果后，想到不少师傅分享过从JS中寻找突破的文章，于是硬着头皮刚起了JS，最终打开了内网入口获取了靶标权限和个人信息。在此分享一下过程。声明：本次演练中，所有测试设备均由主办方提供，所有流量均有留档可审计，所有操作均在授权下完成，所有数据在结束后均已安 ......
【观察者设计模式详解】C/Java/JS/Go/Python/TS不同语言实现
简介 观察者模式（Observer Pattern）是一种行为型模式。它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都得到通知并被自动更新。 观察者模式使用三个类Subject、Observer和Client。Subject对象带有绑定观察者到Client对象和从 ......
js 时间格式化函数
function dateFormat(time, fmStr) { const weekCN = '一二三四五六日' const weekEN = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunda ......
在react中使用onAppear事件
封装一个可以使用onAppear的<VIew/>组件： import React, { PureComponent } from 'react'; class View extends PureComponent { constructor(props) { super(props); this.t ......
Three.js教程：顶点位置数据解析渲染
推荐：将NSDT场景编辑器加入你3D工具链 其他工具系列：NSDT简石数字孪生 顶点位置数据解析渲染 如果你没有WebGL基础，可以先不用记忆每个的threejs 具体内容，有一个大致印象即可，学习本节课的重点是建立顶点的概念。如果你建立了顶点的概念，那么对于你深入理解学习Three.js很有帮助。 ......
js中的XMLHttpRequest、websocket使用
一、XMLHttpRequest 发送请求 创建XMLHttpRequest实例 let xhr = new XMLHttpRequest(); 初始化 xhr.open(method, URL, [async, user, password]) method：HTTP方法，通常'GET'或者'PO ......
js promise 中使用 setTimeout 实现暂停执行
在使用 promise 时，需要使用 setTimeout 来进行延时执行 对 promise 还不太熟悉的同学可能第一时间想到的是这样的写法 如： run(); async function run() { console.log('1'); // 等待两秒之后执行 setTimeout(() = ......
JS的对象比较，JS的数组比较
1 js判断两个数组相等的5种方法实例 一、 toString() 当两个数组元素类型相同，顺序相同时，直接判断是否相等，结果不相等；转化为字符串后，结果相等 [1,2,3].toString() [1, 2, 3].toString(); // true [1,2,3].toString() [' ......
Node.js
nodejs到底是什么？ nodejs是一个开源的，跨平台的JavaScript运行环境；是JavaScript运行的平台，类似于浏览器。不是框架，不是库，也不是语言。通俗来说，就是一款应用程序，它可以运行JavaScript。 运行平台：一般就是指一个代码的运行环境；作用是：开发者可以使用指定的编 ......
vue兼容IE的方法规范
第三方插件的兼容性需经过ie和国产电脑浏览器测试后，才可以使用。 1、main.js 顶部添加 babel-polyfill import 'babel-polyfill' import Vue from 'vue' import App from './App.vue' import router ......
Vue3 代码块高亮显示并可使用富文本编辑器编辑（highlight.js + wangEditor）
在Vue项目中实现以下功能： 功能1. 在页面中显示代码，并将其中的关键字高亮显示。 功能2. 允许对代码块进行编辑，编辑时代码关键字也高亮显示。 功能3. 可在编辑器中添加多个代码块，动态渲染代码关键字高亮。 Step1: 安装所需插件(本文使用npm安装，若需使用其他方式请查阅官方文档) 安装代 ......
js实现画布绘图、橡皮擦除、刮刮卡效果
关键节点只有两处 pen.globalCompositeOperation = 'destination-out'; 通过背景图片实现擦除后仍保留底层图片效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta h ......
js 实现字符串反转
1.情景展示 在JavaScript当中，如何实现字符串倒转（倒置、反转）？ 2.具体分析 数组Array实现元素倒转，有专门的函数reserve()，我们直接调用即可。 为了使用这个功能，我们可以把字符串先拆分成数组，然后，再调用反转函数，最后再拼成字符串。 3.解决方案 以字符串：Marydon ......
使用pouchdb做简单的本地数据库增删改查，浏览器端和nodejs端都适用
浏览器端增删改查 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co ......
JS课堂笔记（4.11-4.16）
一、简单了解JS 1. JavaScript（简称JS）是作为开发Web页面的脚本语言。 2. JS是从1995年由网景公司的布兰德开发。 3. JavaScript的标准是ECMAScript。 4. JS代码是从上往下执行的。 二、变量 1. 变量名的值可以重复赋值（值可以修改），变量可以重复声 ......
关于浏览器的Selection对象，以及window.getSelection()的API用法
Selection 对象就是用户选择的文本范围或插入符号的位置。它代表页面中的文本选区，可能横跨多个元素。文本选区由用户拖拽鼠标经过文字而产生。具有以下属性和方法。 1、anchorNode 只读属性，返回选区开始位置所属的节点。用户可能从左往右框选，也可能从右往左框选。但是锚点是不会移动的。（也就 ......