浏览器 事件js ie
js worker 使用
在 IIS 服务器上测试下 Worker,顺便测试字符与 base64 之间的转换。 index.html 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" ......
Node.js安装
# Node.js安装 [原文章](https://www.bilibili.com/read/cv16583321/) # 一、安装环境 本教程演示的环境: ```xml 系统:win 11 64位 node.js下载地址: http://nodejs.cn/ node.js版本:长期支持版本(本 ......
使用 Terraform 与事件驱动的 Amazon CodeBuild 提升云上数据应用运维效率
背景信息 企业客户在云上部署的一系列数据应用的过程中,数据开发团队往往负责脚本内容,而其背后一系列云上资源的管理通常由一支云运维职能团队通过 IaC(Infrastructre as Code)实现。然而,当数据开发团队开发及部署相应脚本内容时,不可避免会涉及到云上资源的变动,如 Glue、Lamb ......
vue_中文输入法情况下, 输入框v-model绑定值中没有输入值但却触发input事件
- 今天写的一个搜索框, 要求输入字符时不作处理, 直到用户点击搜索按钮时才执行搜索逻辑; 当用户将搜索框文本删除至空字符串时, 执行一次无搜索值的搜索逻辑, 用于将表格数据恢复至无筛选; 在这个功能上我想当然地使用了input事件用于触发输入事件, 但是被测试出bug: 当输入法是中文时, 在选字 ......
fabric.js 判断点击坐标是否在某个子元素内
通过 containsPoint 方法坐标是否在某个元素内 const rect = new fabric.Rect({ width: 100, height: 100, fill: 'red', }) canvas.add(rect); canvas.on('mousee:down', (even ......
js打字输出效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <p id="p1">啊啊啊啊啊啊啊啊啊啊啊啊啊</p> </body> <script> var p ......
使用three.js与WebGL相比有什么优势?
推荐:使用NSDT场景编辑器助你快速搭建可二次编辑的3D应用场景 特点 WebGL和Three.js是两个与网页3D图形渲染相关的技术。以下是它们的一些特点: WebGL: 基于OpenGL ES标准,为网页提供了一种基于GPU加速的图形渲染API。 具有高性能的图像处理能力,可以在支持WebGL的 ......
浏览器防F12
<script> setInterval(() => { (function(){ return false })['constructor']('debugger')['call']() }, 50); </script> ......
js计算一串数字最长子链长度
假设有一串字符串"186 186 150 200 160 130 197 200";现在求它的最长升序子串长度。let str ="186 186 150 200 160 130 197 200";let arr = str.split(" "); // 转化为数组let arrLeft = []; ......
CentOS 7.9 一键安装 Node.js Golang Docker 环境
本脚本仅支持CentOS7.9_x64, 安装 golang 1.21.0 node.js 16.20.2 docker latest ``` bash #!/bin/bash yum install -y wget make NODE_VERSION=node-v16.20.2-linux-x64 ......
nvm 管理 Node.js 版本
# 通过 NVM 安装、管理Node.js 版本(Windows) ## 介绍 NVM 可以让我们通过指令安装指定版本,并且可以切换当前Node.js 版本,不用花时间在解决升版和降版。 ## 安装 链接: https://github.com/coreybutler/nvm-windows 选择最 ......
nvm 管理 Node.js 版本
# 通过 NVM 安装、管理Node.js 版本(Windows) ## 介绍 NVM 可以让我们通过指令安装指定版本,并且可以切换当前Node.js 版本,不用花时间在解决升版和降版。 ## 安装 链接: https://github.com/coreybutler/nvm-windows 选择最 ......
JS面试题
###事件委托 * 事件委托本质上是利用了浏览器事件冒泡的机制。因为事件在冒泡过程中会传递到父节点;因此可以把子节点的监听函数定义在父节点上(这样父节点就是绑定事件的节点),父节点可以通过事件对象获取目标节点(就是触发事件的节点),由父节点的监听函数统一处理多个子元素的事件,这种方式就是事件委托。 ......
每个.NET开发都应掌握的C#委托事件知识点
上篇文章讲述了[C#接口的知识点](https://mp.weixin.qq.com/s?__biz=MzI2NDE1MDE1MQ==&mid=2650851371&idx=1&sn=c630043f8d85816c660c53cbf6b3f218&chksm=f14565c3c632ecd5816 ......
【开源三方库】bignumber.js:一个大数数学库
OpenHarmony(OpenAtom OpenHarmony简称“OpenHarmony”)三方库,是经过验证可在OpenHarmony系统上可重复使用的软件组件,可帮助开发者快速开发OpenHarmony应用。如果是发布到开源社区,称为开源三方库,开发者可以通过访问开源社区获取。接下来我们来了 ......
JS的执行还分是谁发起的?
这一部分首先我们考虑一下,如果我们是浏览器或者 Node 的开发者,我们该如何使用 JavaScript 引擎。 当拿到一段 JavaScript 代码时,浏览器或者 Node 环境首先要做的就是;传递给 JavaScript 引擎,并且要求它去执行。 然而,执行 JavaScript 并非一锤子买 ......
Python UI设计例子--Panda文件读取 复选框动态生成 绑定事件响应函数 动态更新复选项目等
该例子程序通过详细的注释解释了如何设计和实现Python图形界面程序,主要实现的功能有:panda文件读取、根据读取文件列标题信息动态生成和添加复选框控件、为动态生成的控件绑定响应函数、动态更新复选框选定项目、如何为按钮控件绑定响应函数等功能。 1 Python程序源代码 import numpy ......
webpack压缩 html 和 js
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack压缩 html 和 js 一、压缩 js /* webpack.config.js webpack的配置文件 */ module.exports = ......
webpack配置js 语法检查 eslint
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack配置js 语法检查 eslint js 语法检查主要用到的 loader 和插件有:eslint-loader eslint eslint-confi ......
webpack的js兼容性处理
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack的js兼容性处理 js兼容性检查主要用到的 loader 有 babel-loader@8.3.0 @babel/core@7.14.6 @babel ......
当我们在浏览器中输入网址后发生了什么?
## 编写目的 如标题所示,这是我在21年找工作时面试官问到的问题,很可惜当时我的回答非常的不尽人意,时间过去两年,对于网络知识也沉淀了很多,趁着这次再次找工作,再次审视这个问题,希望这次的回答能我或新的面试官满意。 ## 输入网址 网址,也就是我们常说的URL,我们通常用浏览器来访问web服务器的 ......
webpack压缩 html 和 js
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack压缩 html 和 js 一、压缩 js /* webpack.config.js webpack的配置文件 */ module.exports = ......
webpack的js兼容性处理
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack的js兼容性处理 js兼容性检查主要用到的 loader 有 babel-loader@8.3.0 @babel/core@7.14.6 @babel ......
webpack配置js 语法检查 eslint
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack配置js 语法检查 eslint js 语法检查主要用到的 loader 和插件有:eslint-loader eslint eslint-confi ......
【web_逆向11】JS处理RSA加密
## JS中RSA加密有两套逻辑 - 1、网易的那种. -> 加密的结果每一次都是一样的;这种没有办法使用python来完成 - setMaxDigits() - RSAKeyPair() - encryptedString() - 2、某网校的rsa加密 -> 加密的结果每一次都是不一样的;和py ......
浏览器剪切板兼容性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Paste</ti ......
Three.js中实现碰撞检测
## 1. 引言 碰撞检测是三维场景中常见的需求,Three.js是常用的前端三维JavaScript库,本文就如何在Three.js中进行碰撞检测进行记述 主要使用到的方法有: - 射线法Raycaster - 包围盒bounding box - 物理引擎Cannon.js ## 2. Rayca ......
springboot添加启动事件监听
当我们需要在 springboot 启动时做的第一件事,可以通过添加事件监听实现,具体如下: 添加事件 import org.springframework.boot.context.event.ApplicationStartingEvent; import org.springframework ......
JS判断是否是移动端(Mobile), ipad, iphone, 微信, QQ等
```js //判断访问终端 const browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > ......