实战 基础js

Vue JS项目 添加TypeScript

Vue JS项目 添加TypeScript 转载请注明来源 谢谢 git文件全部提交 必须全部提交 因为会改掉你的文件.很恶心. vue.config.js 添加下面内容 pages:{ index:{ entry:'src/main.js' } } 项目根目录运行 vue add typescri ......
TypeScript 项目 Vue

JS/html5 文字转语音

var sound = function (text) { let utterance = new SpeechSynthesisUtterance(text); return window.speechSynthesis.speak(utterance); }; ......
语音 文字 html5 html JS

计算机系统基础实验:缓冲区溢出攻击

实验目的 加深对IA-32函数调用规则和栈帧结构的理解 了解关于内存溢出攻击的原理,并通过 5 个 level 关卡的实验对堆栈有进一步理解 通过模拟缓冲区溢出攻击,了解如何去进行栈保护 了解程序的运行时操作以及了解这种形式的安全性弱点的性质,以便编写系统代码时可以避免这种情况 实验内容 对目标程序 ......
缓冲区 计算机 基础 系统

基础算法-快速排序

思路 快速排序是一种常见的排序算法,它的基本思路是通过分治的方法将一个大的问题分解成小的问题进行解决。具体而言,快速排序的核心思路是选取一个枢轴元素,将序列分为两个子序列,其中一个子序列的所有元素都比枢轴元素小,而另一个子序列的所有元素都比枢轴元素大,然后对这两个子序列分别进行递归排序,直到子序列的 ......
算法 基础

基础算法-堆排序

思路 堆是一种完全二叉树,其中每个节点的值都大于或等于其子节点的值,被称为“大根堆”;或者每个节点的值都小于或等于其子节点的值,被称为“小根堆”。在堆排序中,我们使用的是大根堆,即根节点的值是最大的元素。 堆排序的基本思路是: 建立一个大根堆。将待排序的序列构建成一个大根堆,即所有非叶子节点的值都大 ......
算法 基础

【逆向】x64程序逆向基础——调用约定和栈使用

【逆向】x64程序逆向基础 主要区别 1. 所有地址指针都是64位。 2. 增加和扩展新的寄存器,并兼容原32位版本的通用寄存器。 3. 原指令指针寄存器EIP扩展为RIP。 寄存器 1. 64位寄存器兼容原32位寄存器。 2. 新增加8个XMM寄存器(XMM8-XMM15)。 3. 扩展原32位寄 ......
基础 程序 x64 64

k3s 基础 —— 配置 traefik ingress 跨命名空间访问

新增配置文件 /var/lib/rancher/k3s/server/manifests/traefik-config.yaml 参考 apiVersion: helm.cattle.io/v1 kind: HelmChartConfig metadata: name: traefik namesp ......
ingress traefik 基础 空间 k3s

js弹幕效果

Document <style> * { margin: 0; padding: 0; } div { width: 300px; height: 200px; background-color: aquamarine; } </style> <div></div> <input type="tex ......
效果

CSS 基础拾遗(核心知识、常见需求)

本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长,但较基础,适合初级中级前端阅读,阅读的时候请适当跳过已经掌握的部分。 这篇文章断断续续写了比较久,也参考了许多优秀的文章,但或许文章里还是存在不好或不对的地方,请多多指教,可以评论里直接提出来哈。 核心概念和知识点 语法 C ......
核心 常见 需求 基础 知识

实战项目-美多商城(七)订单

订单建模,包含订单基本信息和订单商品两张表 ### orders.models from django.db import models from utils.models import BaseModel from users.models import UserInfo,Address from ......
实战 订单 商城 项目

js实现输入打字效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
效果

js递归查询id所对应的节点,查询该节点的父节点,查询该节点的所有子节点

在工作项目中经常遇到树形结构的数据,而往往我们需要用递归来实现,下面就给大家列举常用的递归操作。 let treeList = [ { id: '1', name: '父一', children: [ { id: '1-1', name: '子一一', children: [ { id: '1-1- ......
节点

JS 树(数组存储)进行递归遍历获取路径

JS 树(数组存储)进行递归遍历获取路径 实现功能:通过叶子节点 id ,寻找包含该叶子节点的整条路径。(树的数据以数组形式保存) 直接上代码: const getPathByKey = (curKey, data) => { let result = []; // 记录路径结果 let trave ......
数组 路径 JS

JS精度丢失

Javascript是非数据安全类型的语言,所以JS尾数精度有丢失的问题 Number类型 通过查阅JS官方文档 在JS定义的浮点数会自动转换为Number类型,Number类型是一个双精度64位浮点数,二进制存储格式执行IEEE 754标准 通过查阅维基百科,64位二进制格式IEEE 754的定义 ......
精度

记一次从JS到内网的横向案例

前言前段时间参加了一场攻防演练,使用常规漏洞尝试未果后,想到不少师傅分享过从JS中寻找突破的文章,于是硬着头皮刚起了JS,最终打开了内网入口获取了靶标权限和个人信息。在此分享一下过程。声明:本次演练中,所有测试设备均由主办方提供,所有流量均有留档可审计,所有操作均在授权下完成,所有数据在结束后均已安 ......
横向 案例

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

简介 观察者模式(Observer Pattern)是一种行为型模式。它定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都得到通知并被自动更新。 观察者模式使用三个类Subject、Observer和Client。Subject对象带有绑定观察者到Client对象和从 ......
观察者 设计模式 语言 模式 Python

js 时间格式化函数

function dateFormat(time, fmStr) { const weekCN = '一二三四五六日' const weekEN = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunda ......
函数 格式 时间 js

MQTT基础介绍

MQTT与HTTP的区别 HTTP协议是客户端与服务端直连请求与响应 MQTT是基于发布订阅模型的轻量级的消息传输协议 MQTT能力 发布:Publish 订阅:Subscribe 代理:Broker,管理通信 执行模式:客户端发送消息到broker,broker将消息发送给订阅过的客户端 MQTT ......
基础 MQTT

Three.js教程:顶点位置数据解析渲染

推荐:将NSDT场景编辑器加入你3D工具链 其他工具系列:NSDT简石数字孪生 顶点位置数据解析渲染 如果你没有WebGL基础,可以先不用记忆每个的threejs 具体内容,有一个大致印象即可,学习本节课的重点是建立顶点的概念。如果你建立了顶点的概念,那么对于你深入理解学习Three.js很有帮助。 ......
顶点 位置 教程 数据 Three

js中的XMLHttpRequest、websocket使用

一、XMLHttpRequest 发送请求 创建XMLHttpRequest实例 let xhr = new XMLHttpRequest(); 初始化 xhr.open(method, URL, [async, user, password]) method:HTTP方法,通常'GET'或者'PO ......
XMLHttpRequest websocket

js promise 中使用 setTimeout 实现暂停执行

在使用 promise 时,需要使用 setTimeout 来进行延时执行 对 promise 还不太熟悉的同学可能第一时间想到的是这样的写法 如: run(); async function run() { console.log('1'); // 等待两秒之后执行 setTimeout(() = ......
setTimeout promise js

java EE开发之Servlet第十一课:反射基础三

java EE开发之Servlet第十一课:反射基础三 1 .使用反射机制形成通用sql语句 1)构建insert语句 public static void save(Object obj) { // 获取传递过来对象的Class类对象 Class c = obj.getClass(); // 获取 ......
Servlet 基础 java

JS的对象比较,JS的数组比较

1 js判断两个数组相等的5种方法实例 一、 toString() 当两个数组元素类型相同,顺序相同时,直接判断是否相等,结果不相等;转化为字符串后,结果相等 [1,2,3].toString() [1, 2, 3].toString(); // true [1,2,3].toString() [' ......
数组 对象

Node.js

nodejs到底是什么? nodejs是一个开源的,跨平台的JavaScript运行环境;是JavaScript运行的平台,类似于浏览器。不是框架,不是库,也不是语言。通俗来说,就是一款应用程序,它可以运行JavaScript。 运行平台:一般就是指一个代码的运行环境;作用是:开发者可以使用指定的编 ......
Node js

Vue3 代码块高亮显示并可使用富文本编辑器编辑(highlight.js + wangEditor)

在Vue项目中实现以下功能: 功能1. 在页面中显示代码,并将其中的关键字高亮显示。 功能2. 允许对代码块进行编辑,编辑时代码关键字也高亮显示。 功能3. 可在编辑器中添加多个代码块,动态渲染代码关键字高亮。 Step1: 安装所需插件(本文使用npm安装,若需使用其他方式请查阅官方文档) 安装代 ......
编辑器 wangEditor highlight 文本 代码

Linux 命令基础

Chown 修改所属用户和组 chmod [-R] xyz 文件或目录 修改用户的权限 r=4,w=2,x=1 (rwx=4+2+1=7) ls -l d 是 目录 - 是文件 l 是链接文档(link file) b 是可随机存储装置 c 是串行端口设备文件 r读 w写 x执行 d rwx r-x ......
命令 基础 Linux

js实现画布绘图、橡皮擦除、刮刮卡效果

关键节点只有两处 pen.globalCompositeOperation = 'destination-out'; 通过背景图片实现擦除后仍保留底层图片效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta h ......
画布 橡皮擦 橡皮 效果

js 实现字符串反转

1.情景展示 在JavaScript当中,如何实现字符串倒转(倒置、反转)? 2.具体分析 数组Array实现元素倒转,有专门的函数reserve(),我们直接调用即可。 为了使用这个功能,我们可以把字符串先拆分成数组,然后,再调用反转函数,最后再拼成字符串。 3.解决方案 以字符串:Marydon ......
字符串 字符 js

深度学习基础入门篇[六(1)]:模型调优:注意力机制[多头注意力、自注意力],正则化【L1、L2,Dropout,Drop Connect】等

深度学习基础入门篇[六(1)]:模型调优:注意力机制[多头注意力、自注意力],正则化【L1、L2,Dropout,Drop Connect】等 ......
注意力 正则 多头 深度 模型