实例 地球cesium js
【JS基础】Promise.all() 和 Promise.race()
Promise.all Promise.all().then() 适用于处理多个异步任务，且所有的异步任务都得到结果时的情况 场景：同一个页面，数据分别是从不同的后端接口获取的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" ......
.js .jsx .ts .tsx的区别
.js是javascript文件的扩展名，例如main.js。 .jsx是javascript文件并表明使用了JSX语法。 .ts是typescript文件的扩展名 .tsx表明是typescript文件并使用了JSX语法。 https://zhuanlan.zhihu.com/p/43538518 ......
【JS基础】关于事件循环的一道题目
const myObject = { foo: 'hello', func: function () { const self = this console.log(1, this.foo) console.log(2, self.foo) function a() { console.log(3, ......
【JS基础】Promise.resolve()
Promise.resolve 静态方法将给定值“解析”为 Promise。 如果值是 Promise，则返回该 Promise；如果值是 thenable，返回的 Promise 会“跟随”这个 thanable 的对象，采用它的最终状态；否则，返回的 promise 将以此值完成。 此函数将类 ......
【JS错题总结】关于上下文
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> function func1() { console.log(1, this.val ......
js中各种时间格式的相互切换
js中各种时间格式的相互切换 https://jingyan.baidu.com/article/d2b1d102aa60941d7e37d4fc.html 前端开发中，往往需要使用到各种时间格式，包括中国标准时间，国际标准时间，时间戳，年月日的时间等，这么多种的时间格式，就需要相互转换，本文旨在介 ......
Wazuh自定义decoder实例
样本日志： IPS： Mar 10 17:12:34 XX-Internet-IPS1-R03-25U IPS: SerialNum=23139121998 GenTime="2023-03-10 17:12:34" SrcIP=23.10.156.214 SrcIP6= SrcIPVer=4 Ds ......
Js基础入门
[Js基础入门 - 掘金](https://juejin.cn/post/7244734132322992187) 浏览器执行JS简介 浏览器分成两大部分 渲染引擎和JS 引擎 渲染引擎： 用来解析HTML与CSS,俗称内核，比如chrome浏览器的blink,老版本的webkit JS 引擎：也称 ......
碎片化学习前端之JavaScript（JS 压缩图片）
## 前言 图片压缩是前端开发中常见的需求，目前前端主流的解决方案有：Canvas 手动实现压缩以及第三方库压缩两种方案。 ## Canvas 手动实现压缩 Canvas 实现压缩主要原理是：将图片绘制到 canvas 上，然后通过调整 canvas 的宽高来实现压缩。 ```js function ......
面向对象编程-实例属性和类属性
*在实例中绑定属性，和直接在类种绑定属性是不一样的，实例中绑定的只能在实例中用* 如果Student类本身需要绑定一个属性，所有实例都可以访问，那么可以这么定义 >class Student(object): name = 'Student' 点击查看代码 ``` class Student(obj ......
JS 事件循环机制（微任务、宏任务）
### JS 事件循环机制 JS 是单线程的，在 JS 中任务分为同步任务和异步任务。 如果是同步任务，则会在主线程（也就是 JS 引擎线程）上进行执行，形成一个执行栈。一旦遇到异步任务，则会将这些异步任务交给异步模块去处理，然后主线程继续执行后面的同步代码。 当异步任务有了运行结果以后，就会放入任 ......
js判断开始时间是否小于结束时间（时分 格式）
shifen(shi, fen) { //分割开始时间的时 let kaiShi = shi.split(":")[0]; //分割开始时间的分 let kaiFen = shi.split(":")[1]; //分割结束时间的时 let jieShi = fen.split(":")[0]; // ......
js判断时间是否存在重叠（多个时间段）
Fn(dateAr) { for (let k in dateAr) { if (!this.judege(k)) { return false } } return true }, judege(idx) { let dateAr = this.sellerTimeJson for (let k ......
JS 保留小数 又一方法
对于X进行保留两位小数的处理，则可以使用 Math.round(X * 100) / 100 进行处理。 在 JavaScript 中，对数值进行四舍五入操作的场景还有以下几种： 向上取整：ceil 向下取整：floor 四舍五入：round 固定精度：toFixed 固定长度：toPrecisio ......
JS内存使用大小限制：
JS内存使用大小限制： <script> var target = [] var i=0; alert(1) while (true) { i++; target.push(new Uint8Array(1024 * 1024)); // 1Meg native arrays console.log ......
python+selenium 使用js移除、修改、设置页面元素属性
以下是个简单的demo： from selenium import webdriver import time dr = webdriver.Chrome() dr.get("http://192.168.10.21:8081") dr.implicitly_wait(10) dr.find_ele ......
面向对象编程-类和实例
### 定义类 通过class关键字，类名通常是大写开头的单词，（object）表示这个类从哪个类继承下来，如果没有合适的继承类，就使用object类，这是所有类最终都会继承的类 点击查看代码 ``` class Student(object): pass ``` 创建好类，就可以根据Student ......
解决：js 根据图片链接（image url）下载，有的打开预览，有的下载
1、问题描述 https://*****/drugTestReport/20230515/202305151106111386737.png https://*****/drugTestReport/20230605/202306051540314553141.jpg 同样结构的两个图片链接，使用w ......
Three.js教程：相机控件轨道控制器OrbitControls
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 相机控件轨道控制器OrbitControls 平时开发调试代码，或者展示模型的时候，可以通过相机控件OrbitControls实现旋转缩放预览效果。 OrbitControls使用 你可以打开课件案例源码测试下效果。 ......
Js精粹 图片库
# 使用javascript 实现图片库并优化 > 基础页面，展示图片 > > ```html > > > > Snapshots > > > One > > > Two > > > Three > > > Four > > > > > > > > --> > ``` ### 对页面进行修改 ❑ 当 ......
【JS基础】一个数据泄露的例子
function change(obj) { with(obj) { color = 'red' } } var box = { size: '15*15' } change(box); console.log(color);//red with 代码块内部，每个变量首先会指向 obj 对象属性，所 ......
【JS错题总结】对象属性相关
下面代码的输出结果： var obj = { brand: 'apple', price: 5999 } Object.defineProperty(obj, 'id', {value: 1}) Object.defineProperty(obj, 'price', {configurable: f ......
【JS错题总结】JS中的typeof
var test = 1.2 console.log(typeof test 'float');// false console.log(typeof test) // number var test2 = '4399' - 0 console.log(typeof test2 'number') ......
【JS基础】与或运算
/** * && 运算，如果前面值为true,则结果为后面的值。如果前面值为false,则值为前值. * || 运算，如果前面值为true,则结果为前面的值,如果前面的值为false,则结果为后面的值。 */ console.log(1&&2);//2 console.log(2&&1);//1 c ......
【JS基础】JS中的原型和原型链
在 JavaScript 中，每个对象都有一个原型（prototype）属性，它指向另一个对象。 对象可以继承其原型对象的属性和方法。原型是 JavaScript 实现对象继承的基础概念之一，而原型链则是一种通过多层级原型连接起来的机制。 每个 JavaScript 对象（除了 null 和 und ......
js中substring
js中substring主要用于切割字符串,我用的很少,最近再看源码的时候看到了substring,用的也比较少,积累一下 例: ```js let str='abcdefg' str=str.substring(4); console.log(str) //输出'efg' ``` 直接截取一个想要 ......
js中match方法返回值的理解
我输入的正则为:/^这个标签的标签名 js中match的返回值如下:  上面这个引发了我的思考有了下面尝试: ``` ......
uniapp vue.config.js配置chunk-vendors.js文件拆分
const path = require('path') function resolve(dir) { return path.join(__dirname, dir); } const CompressionPlugin = require('compression-webpack-plugin ......
【JS基础】Function构造函数
Function() 构造函数创建了一个新的 Function 对象，直接调用构造函数可以动态创建函数，与eval（可能访问到本地作用域）不同的是， Function 构造函数只创建全局执行的函数。 const sum = new Function('a', 'b', 'return a + b') ......