数组 对象json js
浅谈JS原型
前言 JavaScript 原型是该语言中一个非常重要的概念。理解原型是理解 JavaScript 的关键。在本篇技术博客中，我们将深入探讨 JavaScript 的原型概念，并介绍常用的操作对象原型的方法。(欢迎点评,欢迎指正!) 什么是原型？ 在 JavaScript 中，每个对象都有一个原型（ ......
理解JS函数之call,apply,bind
前言 在 JavaScript 中，apply、bind 和 call 是三个重要的函数，它们都是 Function.prototype 的方法。这些函数可以让我们动态地改变函数的 this 值，或者传递参数来执行函数。本篇博客将详细介绍 apply、bind 和 call 的使用方法以及它们之间的 ......
【JavaScript】JS引擎中执行上下文如何顺序执行代码
首先我们知道JavaScript引擎包括一个调用栈和堆，调用栈是代码实际执行的地方，使用执行上下文(执行环境)来完成；堆是非结构化的内存池，存储了应用程序所需要的所有对象。 执行上下文是什么？ 执行上下文包括全局执行上下文和执行上下文。 全局执行上下文：代码编译完成后进入调用栈执行首先创建全局执行上 ......
微软出品自动化神器【Playwright+Java】系列（九）多线程、重定向、弹出新窗口、截图、新页面、录制、页面对象模式操作
写在前面 关于Playwright系列的文章，真的很久没有写了，今天一个不小心官方API部分过完了，下面将为大家逐一演示，感兴趣的同学可以自行动手练习。 API部分 多线程 直白点说就是多线程下Playwright的使用，示例代码如下： package org.example; import com ......
ES6中的class对象和它的家人们
在ES6中新增了一个很重要的特性： class（类）。作为一个在2015年就出了的特性， 相信很多小伙伴对class并不陌生。但是在日常开发中使用class的频率感觉并不高（可能仅限于作者），感觉对class总有种一知半解的感觉。今天就带着小伙伴们一起，好好剖析剖析这个特性。 1.什么是class ......
Ceph RGW误删index对象恢复
版本 [root@control1 ~]# ceph -v ceph version 14.2.22 (ca74598065096e6fcbd8433c8779a2be0c889351) nautilus (stable) 问题 RGW将对象的索引信息存储在 <zone>.rgw.buckets.i ......
Three.js 进阶之旅：物理效果-碰撞和声音 💥
本文内容主要汇总如何在 Three.js 创建的 3D 世界中添加物理效果，使其更加真实。所谓物理效果指的是对象会有重力，它们可以相互碰撞，施加力之后可以移动，而且通过铰链和滑块还可以在移动过程中在对象上施加约束。 通过本文的阅读，你将学习到如何使用 Cannon.js 在 Three.js 中创建... ......
如何优化 Vue.js 应用程序
单页面应用（SPAs）当处理实时、异步数据时，可以提供丰富的、可交互的用户体验。但它们也可能很重，很臃肿，而且性能很差。在这篇文章中，我们将介绍一些前端优化技巧，以保持我们的Vue应用程序相对精简，并且只在需要的时候提供必需的JS。 注意：这里假设你对Vue和Composition API有一定的熟 ......
.NET遍历二维数组-先行/先列哪个更快？
上周在.NET性能优化群里面有一个很有意思的讨论，讨论的问题如下所示： 请教大佬：2D数组，用C#先遍历行再遍历列，或者先遍历列再遍历行，两种方式在性能上有区别吗？ 据我所知，Julia或者python的 pandas，一般建议先遍历列，再遍历行 在群里面引发了很多大佬的讨论，总的来说观点分为以下三 ......
js原型链污染详解
前言 之前打某湖论剑，两道js的题，给我整懵逼了，发现以前都没对js做过多少研究，趁着被毒打了，先研究一波js原型链，未雨绸缪。 基础 protype 首先我们研究js原型链，得搞明白原型是什么，这里借用p神的举的一个例子： 在javascript中，我们定义一个类，需要以定义“构造函数”的方式来定 ......
理解树状数组这一篇文章就够啦
树状数组 TODO： [ ] 二维树状数组 [ ] 维护不可差分信息 [ ] 补充题目 前言 在阅读本文之前，您可能需要先了解位运算、二叉树以及前缀和与差分等相关知识 本文中，若无特殊说明，数列下标均从 $1$ 开始 引入 什么是树状数组 树状数组是一种 通过数组来模拟"树形"结构，支持单点修改和区 ......
js函数中的this指向
写代码的时候遇到这个问题了，在这里复习一下 2023.3.09：忽然发现写的有点绕口，再总结一下，普通函数this指向调用他的那个对象（动态的，this不是一定的），箭头函数this指向其父级作用域上下文（静态的，定义时就确定） 大家可以自己试一试，有问题随时交流 非箭头函数 非箭头函数的this指 ......
Node.js 应用全链路追踪技术——全链路信息存储
本文主要介绍在Node.js应用中， 如何用全链路信息存储技术把全链路追踪数据存储起来，并进行相应的展示，最终实现基于业界通用 OpenTracing 标准的 Zipkin 的 Node.js 方案。 ......
千姿百态,瞬息万变,Win11系统NeoVim打造全能/全栈编辑器(前端/Css/Js/Vue/Golang/Ruby/ChatGpt)
我曾经多次向人推荐Vim，其热情程度有些类似现在卖保险的，有的时候，人们会因为一些弥足珍贵的美好暗暗渴望一个巨大的负面，比如因为想重温手动挡的快乐而渴望买下一辆二十万公里的老爷车，比如因为所谓完美的音质而舍不得一个老旧的有线耳机，比如因为一个铜炉火锅而期待北京那漫长而寒冷的冬天。 ......
浅谈JS词法环境
JavaScript 词法环境 本文主要讲解JS词法环境，我们将看到什么是词法环境，词法范围如何工作，函数内部的名称如何解析，内部属性，弄清楚词法环境利于我们理解闭包。让我们开始吧... 什么是词法环境？ 在理解闭包时，最大的混淆来源是术语“词汇环境”，或者只是“词汇”这个词。在计算机科学中术语“词 ......
浅谈浏览器端 WebGIS 开发可能会用到的、提升效率的 js 库
前置说明 这篇介绍的在 Awesome GIS 基本上都有，经过我的筛选，在 npmjs.com 上也都能找到，方便融入日益强大的 npm 生态。不过这些库大部分都保留了全局库的形式，在非框架中也能使用。有一部分是浏览器 + NodeJS 双端可用的。 1. 与数据格式转换解析相关 1.1. 解析和 ......
在Spring Boot中整合Katharsis，来快速开发JSON API的Web应用
1 简介 我们进行Web API开发的时候，经常会使用Json格式的消息体，而Json格式非常灵活，不同的人会有不同的设计风格和实现，而JSON API提供了一套标准。但它并不提供直接实现。 Katharsis是JSON API的Java实现，使用它可以快速开发出Json based的Web接口，还 ......
Node.js+Koa2+TypeScript技术概览
最近几年一直使用Node.js作为后端服务平台，通过Koa2框架中间件快速搭建Web服务，但是使用JavaScript开发大型后端服务时会使程序变得难以维护，继而使用TypeScript语言开发，使编译、调试、检查和代码管理变得更加容易。 下图是使用Koa2框架搭建后端服务的思维导图： 一、Node ......
针对一个数组的排序，面试官会这样问
问：你写一个排序算法吧，顺便说一下其他的方式，可以吧？ 题目：对数组 {1,3,6,1,8,22,0,1}进行排序 答： public static void main(String[] args) { String[] arr = {"1", "1", "7", "3", "9", "11", " ......
C#高性能数组拷贝实验
前言 昨天 wc(Wyu_Cnk) 提了个问题 C# 里多维数组拷贝有没有什么比较优雅的写法？ 这不是问对人了吗？正好我最近在搞图像处理，要和内存打交道，我一下就想到了在C#里面直接像C/C++一样做内存拷贝。 优雅？no，要的就是装逼，而且性能还要强🕶 概念 首先澄清一下 C# 里的多维数组 ( ......
JavaScript 数组去重
JavaScript 中有多种方法可以实现数组去重，下面是几种常用的方法： 1、使用 Set 去重：Set 数据结构中不能有重复元素，可以将数组转成 Set 类型，再转回数组。 let arr = [1,2,3,4,5,6,2,3,4]; let uniqueArr = [...new Set(ar ......
ES6 中 Promise对象使用学习
转载请注明出处： Promise 对象是 JavaScript 的异步操作解决方案，为异步操作提供统一接口。它起到代理作用（proxy），充当异步操作与回调函数之间的中介，使得异步操作具备同步操作的接口。Promise 可以让异步操作写起来，就像在写同步操作的流程，而不必一层层地嵌套回调函数。 pr ......
C#调用js库的方法
前言 用.net6开发一个Winform程序，处理Excel文件，并把结果导出Excel文件。 要用到两个算法，一是turf.js库的booleanPointInPolygon方法，判断经纬度坐标是否在区域内；二是经纬度纠偏算法，因为对方给的区域坐标集合有偏移，需要纠偏。 这两个算法，网上找C#的实 ......
C++ 使用 new 创建二维数组
1. 直接创建 C++ 使用 new 创建二维数组最直接的方法就是 new T[M][N]。返回的指针类型是 T (*)[N]，它是指向数组的指针，可以直接使用数组下标形式访问元素。释放内存直接使用delete[]。示例代码： #include <iostream> class A { public ......
Java类、对象以及(静态)方法的探讨
大家好，这是我的第一篇博客。在这里我想跟大家分享一下Java最基础的Class and Object，也就是我们熟说的类和对象，以及对Java方法的探讨。 初学时的我因为没有对这里面的每一行代码思考透彻，在学习Java中级时感到愈加困难，像是在搭建一栋地基不断摇晃的大楼，越往上盖，越是觉得自己轻浮。 ......
统一返回对象封装和统一异常捕获封装springboot starter
好久没有更新文章了，高龄开发没什么技术，去了外包公司后没怎么更新文章了。今天分享下统一处理starter，相信开发web系统的时候都是会涉及到前后端的交互，而后端返回数据的时候一般都会统一封装一个返回对象和统一处理异常，一般情况下都是在controller的每个方法中调用封装的对象，把相应的数据塞到 ......
Three.js 进阶之旅：新春特典-Rabbit craft go 🐇
兔年到了，祝大家身体健，康万事顺利。本文内容作为兔年新春纪念页面，将使用 Three.js 及 其他前端开发知识，创建一个以兔子为主题的 3D 简单的趣味页面 Rabbit craft go。本文内容包括使用纯代码创建三维浮岛、小河、树木、兔子、胡萝卜以及兔子的运动交互、浮岛的动画效果等。本文包含的... ......
如何在 Nuxt 3 中使用 wavesurfer.js
安装 wavesurfer.js 在项目中安装 wavesurfer.js npm install --save wavesurfer.js 常规方式引入 如果你的根目录中没有 components 目录则需要创建该目录，并在此目录中创建 WaveSurfer.vue 内容如下： <template ......
Python基础之面向对象
Python基础之面向对象 引言，学习面向对象之前先讨论一下编程思想 目前我们学了两种编程思想。一是面向过程编程即流程，面向过程就是按照固定的解决流程解决问题，比如编写注册功能、登录功能、转账功能等，需要列举出每一步的流程，并且随着步骤的深入问题的解决思路越来越简单，然后指定出该问题的解决方案， ......