浏览器 事件js ie

js数据结构变化 table动态列展示

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
数据结构 结构 动态 数据 table

js基础---数组操作(破坏性改变数组)

数组元素的crud push():像数组末尾添加一个或多个元素并返回数组的新长度 pop():删除并返回数组的最后一个元素 unshift():像数组的开头添加一个或多个元素,并返回数组的长度 shift:删除并返回数组的第一个元素 splice(1,3,“111 ”):删除添加插入替换数组中的元素 ......
数组 破坏性 基础

js中循环对象

ES6之前,循环对象常见做法是使用:for…in。但是for…in循环的问题在于它会遍历原型链中的属性,所以需要使用hasOwnProperty执行检查属性是否属于该对象。ES6之后,我们对于对象的循环有了更好的办法:Object.keys,Object.values,Object.entriesO ......
对象

【js手写】模拟实现 new 操作符

new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。 new 关键字会进行如下的操作: 1、创建一个空的简单JavaScript对象(即{});2、 链接该对象(即设置该对象的构造函数)到另一个对象 ;3、将步骤1新创建的对象作为this的上下文 ,如果该函数没有返回对象, ......
操作符 new

Chrome/Safari 浏览器怎么查看网络请求的 http 协议版本

通过 Chrome 或者 Safari 浏览器的开发者工具查看网络请求后,发现只能看到 scheme 是 https,但是看不到 http 协议是 1.1 还是 2,亦或者是 http3 查看 http 请求 http 协议版本的方法是:鼠标右键表头中的任何一项,随后勾选上「Protocol」 随后 ......
浏览器 版本 Chrome Safari 网络

js语法学习

1. 另一个例外是NaN这个特殊的Number与所有其他值都不相等,包括它自己: isNaN(NaN); // true 2. 变量在JavaScript中就是用一个变量名表示,变量名是大小写英文、数字、$和_的组合,且不能用数字开头。变量名也不能是JavaScript的关键字,如if、while等 ......
语法

ARM Linux安装node.js和node-red

SA515安装node.js和node-red 1.先安装node.js 直接官网下载ARMv7版可执行文件:https://nodejs.org/en/download 当前使用的最新版本:https://nodejs.org/dist/v18.16.0/node-v18.16.0-linux-a ......
node node-red Linux ARM red

node.js版本更新及遇到的错

下载你要更新的版本 双击运行 一直next 然后如果你之前安装过node.js 不用管 它会覆盖安装 安装好之后 cmd 检查版本号 node -v 出来版本号 那就没有问题 但是在启动的时候会报 node 不是不是内部或外部命令,也不是可运行的程序 或批处理文件 这个时候呢 上百度说是环境的问题 ......
版本 node js

LoadExecute.js

//是否可编辑 var IsEdit = true; //$("#MenuNav a").hide(); var UserJurisdictionV; LoadPageJurisdiction(); //获取用户角色页面权限 function GetUserRolePageJurisdiction( ......
LoadExecute js

JS在一个数组中过滤掉另一个数组的简易方法

filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。 every() 方法使用指定函数检测数组中的所有元素:如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。如果所有元素都满足条件,则返回 true。当有如下需求时 ......
数组 简易 方法

初识Three.js

生成一个三角形 参考链接 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My first three.js app</title> <style> body { margin: 0; } </style> </head> <b ......
Three js

【访问者设计模式详解】C/Java/JS/Go/Python/TS不同语言实现

简介 访问者模式(Visitor Pattern)是一种行为型模式。它封装一个访问者类,把各元素类的操作集合起来,目的是将数据结构与数据操作分离。在不改变原有元素类数据结构的前提下,改变了元素类的执行算法。 当某些较为稳定的东西(数据结构或算法),不想直接被改变但又想扩展功能,这时候适合用访问者模式 ......
设计模式 访问者 语言 模式 Python

js基础之Array类型常用方法

栈:LIFO(last-in-first-out)后进先出 队列:FIFO(first-in-first-out)先进先出 数组方法 arr.pop() 返回最后一项的值 arr.push() 在数组最糊一项追加,返回当前数组长度 arr.shift() 返回第一项的值 arr.unshift() ......
常用 类型 基础 方法 Array

js运行机制

1.单线程(浏览器脚本语言,用户交互、操作dom,如果为多线程,假设操作同一个节点,一个是增加、一个是删除,浏览器不知道该执行哪个,所以为了避免类似的问题,设计成为单线程) 2.h5允许创建多线程,但子线程受主线程控制,且不可操作DOM。 3.任务队列(同步任务、异步任务): 同步任务:在主线程内的 ......
机制

js基础-浮点精度

0.1 + 0.2 !== 0.3 原因:js的数据类型为Number,采用的是双精度(64位)。而数据计算,是转换成2进制进行,转换后的长度如果超过指定的长度,则会丢弃超出的部分,从而导致精度丢失。待计算完成后,又转化为原来的长度,所以大小会有变化。 常见解决浮点数精度问题的方法: 1.toFix ......
浮点 精度 基础

js基础巩固(一)

js基本数据类型: 1.Number( Int, Float, NaN, Infinity) 2.String (单引号、双引号包裹的) 3.Boolean(true, false) 4.Object(无序名值对)【引用类型】 5.Null(值为null,表示为空) 6.Undefined(值为un ......
基础

google浏览器如何禁用缓存cache?

1.打开开发者模式(F12)或右键检查 2.点击设置--点击禁用缓存 3.这样在每次打开检查这个窗口的时候,就不会加载缓存。 方便调试。 ......
缓存 浏览器 google cache

Node.js安装及环境配置之Windows篇

一、安装环境 1、本机系统:Windows 10(64位) 2、Node.js:v14.7.20(64位) 二、安装node.js步骤(下载msi版本) 1、下载对应你系统的Node.js版本:https://nodejs.org/zh-cn/download/ 2、选安装目录进行安装 3、环境配置 ......
Windows 环境 Node js

mysql -- 事件

MySQL的EVENTS是用来处理计划任务的。MySQL使用称为事件调度线程的特殊线程来执行所有预定事件。默认情况下,事件调度线程是未启用(版本低于8.0.3)的状态, 如要启用它,可以执行以下命令: > SET GLOBAL event_scheduler = ON ; > show variab ......
事件 mysql

Fabric.js

Fabric.js是什么Fabric.js 是一个简化HTML5 Canvas开发的Javascript库,Fabric.js提供了HTML5 Canvas本身缺失的对象模型、交互层、SVG解析器以及其他一整套工具。它是一个完全开源的项目,在MIT下获得授权,多年来一直在维护,近期要发布4.0版本, ......
Fabric js

js基础--复制

对象的复制 并没有真正的复制对象,而是复制了它的地址 使用 可以判断是否真正的复制 拷贝一般指创建了新对象,它和源对象不对等 潜拷贝与深拷贝 浅拷贝 :一般对象的复制均为浅拷贝 只对对象的的地址进行拷贝,不对对象的属性进行复制 如slice只复制了第一层( 结果为false) 深拷贝 : 不仅复制了 ......
基础

three.js 入门学习(一)

webGl和three.js http://webgl3d.cn/pages/aac9ab/ 图形学算法 Web3D WebGPU 下载 yarn add three @types/three 使用 import * as THREE from 'three'; onst scene = new T ......
three js

js基础---数组

for-of 遍历可迭代对象 执行次数与对象个数有关 将对象元素依次赋值给变量 语法for(变量 of 可迭代对象){ } 数组at()用法 at():可以根据索引获取数组中指定元素,且可以设置负值。 -1为倒数第一个元素。 concat 用来链接两个或多个数组。 (非破坏性方法,不会影响原数组而是 ......
数组 基础

edge浏览器怎么设置新打开的页面在当前页面的右侧?

1、安装插件:Tab Position Options - Chrome 应用商店 (google.com) 2、设置: ......
页面 右侧 浏览器 edge

第139篇:JS数组常用方法(map(),reduce(),foreach())

好家伙,本篇为MDN文档数组方法的学习笔记 Array.prototype.reduce() - JavaScript | MDN (mozilla.org) 数组方法这块的知识缺了,补一下 1.map()方法 map() 方法创建一个新数组,这个新数组由原数组中的每个元素都调用一次提供的函数后的返 ......
数组 常用 foreach 方法 reduce

浏览器的渲染机制

1.页面加载过程 在介绍浏览器渲染过程之前,想简明扼要的介绍下页面的加载过程,有助于更好的理解后续渲染过程,要点如下: 浏览器根据DNS服务器得到域名的IP地址 向这个IP的机器发送HTTP请求 服务器收到、处理并返回HTTP请求 浏览器得到返回内容 2.浏览器渲染过程 2.1.构建渲染树 当我们生 ......
浏览器 机制

简易图片浏览网站

BY GPT4 我想创建一个图片浏览网站。我的服务器的公网IP是xxxxxxx,我的图片存储在xxxxxxxxxxx的各个子目录中,这个目录可能是嵌套的。我希望用户可以通过网页,方便地浏览、下载该目录下的图片。并且,服务器上的图片经常增加或者更新,我需要保证该网页的实时性,也就是与服务器上的图片情况 ......
简易 图片 网站

c#中的 委托、匿名方法、lambda表达式、事件

综述:委托、匿名方法、lambda表达式、事件 委托的意义在于:通过委托把函数当成方法参数来传递,以便方法内部调用额外传过来的处理逻辑。 (定义委托类型→声明委托变量→实例化委托变量(附加方法)→作为参数传递给目标方法→目标方法内调用委托) 匿名方法的意义在于:快速方便的实例化委托,不用定义具体的方 ......
表达式 事件 方法 lambda

简单聊聊,使用Vue.js编写命令行界面,前端开发CLI的利器

Temir 介绍 Temir,一个用Vue组件来编写命令行界面应用的工具.开发者只需要使用Vue就可以编写命令行应用,不需要任何额外的学习成本. <script lang="ts" setup> import { ref } from '@vue/runtime-core' import { TBo ......
前端 利器 界面 命令 Vue

JS闭包理解

概念 在一个函数中嵌套另一个函数,嵌套(内部)函数对其容器(外部)函数是私有的。闭包是一个可以自己拥有独立的环境与变量的表达式(通常是函数,因为ES6有块级作用域的概念) 闭包是指有权访问另一个函数作用域中变量的函数。 闭包作用: 可以在函数外部访问到函数内部的局部变量; 让这些变量始终保存在内存中 ......
闭包