教程node js
理解JS函数之call,apply,bind
前言 在 JavaScript 中，apply、bind 和 call 是三个重要的函数，它们都是 Function.prototype 的方法。这些函数可以让我们动态地改变函数的 this 值，或者传递参数来执行函数。本篇博客将详细介绍 apply、bind 和 call 的使用方法以及它们之间的 ......
【JavaScript】JS引擎中执行上下文如何顺序执行代码
首先我们知道JavaScript引擎包括一个调用栈和堆，调用栈是代码实际执行的地方，使用执行上下文(执行环境)来完成；堆是非结构化的内存池，存储了应用程序所需要的所有对象。 执行上下文是什么？ 执行上下文包括全局执行上下文和执行上下文。 全局执行上下文：代码编译完成后进入调用栈执行首先创建全局执行上 ......
《爆肝整理》保姆级系列教程-玩转Charles抓包神器教程(8)-Charles如何进行断点调试
1.简介 Charles和Fiddler一样也有个强大的功能，可以修改发送到服务器的数据包，但是修改前需要拦截，即设置断点。设置断点后，开始拦截接下来所有网页，直到取消断点。这个功能可以在数据包发送之前，修改请求参数；在收到应答包，在js解析和浏览器渲染之前，修改返回结果。有了这个功能，开发者就可以 ......
《爆肝整理》保姆级系列教程-玩转Charles抓包神器教程(7)-Charles苹果手机手机抓包知否知否？
1.简介 Charles和Fiddler一样不但能截获各种浏览器发出的 HTTP 请求，也可以截获各种智能手机发出的HTTP/ HTTPS 请求。 Charles也能截获iOS设备发出的请求，比如 iPhone、iPad 和 MacBook 等苹果设备。 今天宏哥讲解和分享Charles如何截获苹果 ......
Three.js 进阶之旅：物理效果-碰撞和声音 💥
本文内容主要汇总如何在 Three.js 创建的 3D 世界中添加物理效果，使其更加真实。所谓物理效果指的是对象会有重力，它们可以相互碰撞，施加力之后可以移动，而且通过铰链和滑块还可以在移动过程中在对象上施加约束。 通过本文的阅读，你将学习到如何使用 Cannon.js 在 Three.js 中创建... ......
如何优化 Vue.js 应用程序
单页面应用（SPAs）当处理实时、异步数据时，可以提供丰富的、可交互的用户体验。但它们也可能很重，很臃肿，而且性能很差。在这篇文章中，我们将介绍一些前端优化技巧，以保持我们的Vue应用程序相对精简，并且只在需要的时候提供必需的JS。 注意：这里假设你对Vue和Composition API有一定的熟 ......
自己动手从零写桌面操作系统GrapeOS系列教程——1.GrapeOS介绍
为了学习操作系统原理我自己写了一个简单的操作系统，取名叫GrapeOS。 GrapeOS是一个x86多任务桌面操作系统，但非常简单，代码只有4千行。 下面我来简单介绍一下GrapeOS。 一、功能介绍 1.桌面 在桌面上可以通过鼠标双击“My Compuer”来打开资源管理器。 2.资源管理器 资源 ......
自己动手从零写桌面操作系统GrapeOS系列教程——4.GrapeOS开发环境介绍
学习操作系统原理最好的方法是自己写一个简单的操作系统。 1. 开发环境简介 为了减少开发过程中不必要的麻烦，希望大家的开发环境尽量与我的保持一致。 我的开发环境如下： Windows10电脑一台 Visual Studio Code（最好是最新版） VirtualBox 6.0.24 CentOS ......
自己动手从零写桌面操作系统GrapeOS系列教程——5.GrapeOS开发环境测试
学习操作系统原理最好的方法是自己写一个简单的操作系统。 在上一讲中我们已经安装配置了开发环境，在本讲中我们来测试一下开发环境是否正常。 我们的测试流程如下： 1.在Visual Studio Code中编写GrapeOS代码； 2.在CentOS中编译GrapeOS代码； 3.在QEMU中运行Gra ......
js原型链污染详解
前言 之前打某湖论剑，两道js的题，给我整懵逼了，发现以前都没对js做过多少研究，趁着被毒打了，先研究一波js原型链，未雨绸缪。 基础 protype 首先我们研究js原型链，得搞明白原型是什么，这里借用p神的举的一个例子： 在javascript中，我们定义一个类，需要以定义“构造函数”的方式来定 ......
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. 解析和 ......
Node.js+Koa2+TypeScript技术概览
最近几年一直使用Node.js作为后端服务平台，通过Koa2框架中间件快速搭建Web服务，但是使用JavaScript开发大型后端服务时会使程序变得难以维护，继而使用TypeScript语言开发，使编译、调试、检查和代码管理变得更加容易。 下图是使用Koa2框架搭建后端服务的思维导图： 一、Node ......
《爆肝整理》保姆级系列教程-玩转Charles抓包神器教程(5)-Charles如何设置捕获Https会话
1.简介 在大数据时代，互联网时代，个人信息安全尤为重要，网络安全在近日多起电信诈骗事情发酵下的情况下，引起国家，企业，个人对于互联网安全进一步的重视。而之前很多以http协议传输的网站出现的网站信息泄露，个人信息裸露在大数据的泳池中，让我们在遇到一个陌生网站的时候，都会格外考虑其安全性。通过认证S ......
《爆肝整理》保姆级系列教程-玩转Charles抓包神器教程(6)-Charles安卓手机抓包大揭秘
1.简介 Charles和Fiddler一样不但能截获各种浏览器发出的 HTTP 请求，也可以截获各种智能手机发出的HTTP/ HTTPS 请求。 Charles也能截获 Android 和 Windows Phone 等设备发出的 HTTP/HTTPS 请求。 今天宏哥讲解和分享Charles如何 ......
Git入门图文教程(1.5W字40图)🔥🔥--深入浅出、图文并茂
Git是当前最先进、最主流的分布式版本控制系统，免费、开源！核心能力就是版本控制。本文深入浅出、图文并茂的展示了Git的入门系列教程。 ......
【教程搬运】分析并编写suricata规则（内含两个示例）
suricata规则分析 参考1 参考2 Suricata 签名的结构 在高层次上，Suricata签名由三部分组成： Action：当流量符合规则时采取的行动 Header：一个标题，描述主机、IP地址、端口、协议和流量方向（传入或传出） Options：选项，指定诸如签名ID（sid）、日志信息 ......
JumpServer(v2.28.6) 堡垒机添加Linux资产 (图文教程)
前面介绍了如何在《CentOS7下搭建JumpServer 堡垒机》，基于这篇文章的环境搭建过程，接着介绍安装后的的功能配置使用。 首次wbe登录，https://ip:80，默认账号密码：admin，admin；这里自定义密码修改：admin@123 用户管理项 创建系统角色 创建用户 创建用户组 ......
Quartz 使用教程
概述 为什么写这边文档 ？ 在使用目前最新版 Quartz v2.3.2 的时候，我遇到了很多问题，具体如下： Quartz 的 v2.3.2 版本改动比较大，目前网上的资料都是旧版本，很缺乏相关资料 很多资料讲解非常不全面，例如 Quartz Listener 的介绍和使用基本缺失 Springb ......
C#调用js库的方法
前言 用.net6开发一个Winform程序，处理Excel文件，并把结果导出Excel文件。 要用到两个算法，一是turf.js库的booleanPointInPolygon方法，判断经纬度坐标是否在区域内；二是经纬度纠偏算法，因为对方给的区域坐标集合有偏移，需要纠偏。 这两个算法，网上找C#的实 ......
《爆肝整理》保姆级系列教程-玩转Charles抓包神器教程(3)-再识Charles
1.简介 上一篇通过宏哥的介绍想必各位小伙伴或者童鞋们对Charles已经有了一个理性地认识，今天宏哥在从Charles的外貌介绍和分享一下，让小伙伴们或者童鞋们再对Charles有一个感性的认识，今天主要是对Charles的界面进行一个详细的介绍。 2.Charles主界面概览 Charles的主 ......
《爆肝整理》保姆级系列教程-玩转Charles抓包神器教程(4)-Charles如何设置捕获会话
1.简介 前边几篇宏哥介绍了Charles界面内容以及作用。今天宏哥就讲解和分享如何设置Charles后，我们就可以愉快地捕获会话，进行抓包了。因为上一篇许多小伙伴看到宏哥的Charles可以分开看到request和response，而自己的却看不到，因此有点蒙，有点疑惑。同样的版本显示的界面却是不 ......
Three.js 进阶之旅：新春特典-Rabbit craft go 🐇
兔年到了，祝大家身体健，康万事顺利。本文内容作为兔年新春纪念页面，将使用 Three.js 及 其他前端开发知识，创建一个以兔子为主题的 3D 简单的趣味页面 Rabbit craft go。本文内容包括使用纯代码创建三维浮岛、小河、树木、兔子、胡萝卜以及兔子的运动交互、浮岛的动画效果等。本文包含的... ......
价值50元的图文很详细的装机教程
背景介绍 因为要出一些教程，会用到几台电脑吧。这次回家从抽屉里拿出上学时的陈年电脑。之前装双系统把引导整坏了，也没有时间去管它，刚好这次趁着假期给它重装掉吧。所以我们今天讲的内容是如何在尚有一口气（能蓝屏能进BIOS就还尚存一口气在啊）的普通电脑上重装windows操作系统，关于文中涉及到的电脑选购 ......
如何在 Nuxt 3 中使用 wavesurfer.js
安装 wavesurfer.js 在项目中安装 wavesurfer.js npm install --save wavesurfer.js 常规方式引入 如果你的根目录中没有 components 目录则需要创建该目录，并在此目录中创建 WaveSurfer.vue 内容如下： <template ......
Windows安装Anaconda并且配置国内镜像教程
在学习OpenCV或者其他关于Python技术的时候，我们通常需要准备不同的Python环境，我选择了Anaconda作为我的Python环境管理器。 ......