细节 模式js
js 默认展示两行多余隐藏滑动及添加滑动条
<div class="nav-box" @scroll="scroll"> <div for="list" class="nav"> <div class="item-box">item</div> </div> </div> <div class="scroll-box" v-show="lis ......
tesseract.js 又一个基于webassembly 的tesseract ocr 包装
tesseract.js 是基于webassembly 的js tesseract 实现 ,可以在web 以及node 中运行,我以前简单介绍过一个基于webassembly的工具tesseract-wasm 的实现相对简单(包括构建),当然技术上都是基于了emscripten 进行的构建,tess ......
使用js和定位排版创建内联广告
HTML+JS <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="../css/index.css"> <title>使用js和定位排版创建内联广告</title> ......
Sentinel——pull模式规则持久化
目录pull模式规则持久化定义数据源定义SPI接口文件测试 pull模式规则持久化 pull 模式的数据源(如本地文件、RDBMS 等)一般是可写入的。使用时需要在客户端注册数据源:将对应的读数据源注册至对应的 RuleManager,将写数据源注册至 transport 的 WritableDat ......
GOF23--23种设计模式(二)
一.建造者模式 建造者模式也是属于建造型模式,它提供了一种创建对象的最佳方式 定义:将一个复杂的对象的构建和它的表示分离,使得同样的构建过程可以创建不同的表示 主要作用:在用户不知道对象的构建细节的情况下,就可以创建复杂的对象 这里需要注意一下,建造者模式都都是用来创建复杂对象的,如果对象很简单,直 ......
详解如何快速查询Node.js版本信息(六种方法)
一、使用node命令查询版本信息 node命令提供了一个参数-v,可以在控制台中输出Node.js版本信息。在终端中输入以下命令即可查询Node.js版本: 使用以下命令可以列出当前系统中已经安装的所有Node.js版本: $ nvm ls ......
node.js 原型链污染小结
attention:1.需要找到没有定义的回溯值。2.确保存在merge,copy等赋值的函数能够向上污染。3.注意回溯的情况必须是在copy或复制函数内的参数,需要多少个__proto__是根据这种复制来判断的 像一些链条是没有类似copy之类的赋值函数。可以直接通过调用的数量来判断例如 opt. ......
设计模式-结构性设计模式
分为6种结构性设计模式,适配器模式,桥接模式,组合模式,装饰模式,外观模式,享元模式,代理模式,结构性设计模式就比创建型设计模式复杂一些, 适配器设计模式:就是提供一个适配器,转接口的存在,有三个角色,目标类,适配器类,适配者类,有两种实现方式,类结构型和对象结构性,貌似这是唯一一个可以使用类结构性 ......
前端学习-JavaScript学习-js基础-API02
学习视频:黑马程序员视频链接 事件监听 三要素:事件源、事件类型、事件处理程序 随机点名案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev ......
node.js - 在linux系统上安装和配置nodejs
step 1: 根据自己的系统架构下载nodejs软件包 https://nodejs.org/en/download/ curl -O https://nodejs.org/dist/v20.10.0/node-v20.10.0-linux-arm64.tar.xz step 2: 创建目录 su ......
【Nginx/IIS】解决uniapp/Vue history模式下页面刷新404
uniapp/Vue 开启History模式 本地开发:二级页面刷新或者通过链接进入二级页面是正常的 打包部署后:二级页面刷新或者通过链接进入二级页面会报错404页面找不到 解决方案: Nginx配置: 在nginx.conf的对应location里配置一行代码 try_files $uri $ur ......
uml设计模式语言
UML(Unified Modeling Language)是一种广泛应用于软件开发和系统设计的建模语言。在软件工程中,UML图用于可视化、规划和共享系统设计的概念,其中类图是其中最核心、最常用的一种图示。本文将简述UML模型设计的基本概念,重点关注类图及其关系的详细解释。 1. UML概述: UM ......
如何使用Visual Studio 2022创建基本Vue.js.Web应用程序
最近接了个物联网项目,需要用到 VUE Ant-Design 对于 vue 没有概念 只能查找相关 vue.js 的知识。 了解vue.js 的 前提条件 是要对 HTML +CSS +Jscript 有一定的知识储备。 所以 又去看了看 对应的三剑客(HTML +CSS +Jscript)。 跟着 ......
观察者模式
观察者模式 1: 定义 观察者模式是一种行为设计模式, 允许你定义一种订阅机制, 可在对象事件发生时通知多个 “观察” 该对象的其他对象是一种行为设计模式, 允许你定义一种订阅机制, 可在对象事件发生时通知多个 “观察” 该对象的其他对象 2: 示例 我们模拟下订单和支付的的动作,通过观察者模式实现 ......
备忘-js-html-json乱码的解决。
使用vs开发一个前端的页面, 想把通用的方法放在一个js文件中, 遇到了中文乱码的问题 奇怪的地方在于,把js代码放在cshtml文件中,就没有问题,但是放在单独的js文件中就有问题。 忙活了很长时间,大约知道是因为js文件和cshtml文件的编码格式不一样,但是看了下都是ansi,不过一个是uni ......
js通用检测数据类型方法
function getDataType(obj) { let type = typeof obj // 先判断是否为基础数据类型,直接返回 if (type !== 'object') return type; // 对于typeof返回结果是'object'的,在进行如下的判断,正则返回结果 r ......
JS(JavaScript)-函数(方法)
1. 介绍: JS中的函数是一种通过调用来完成具体业务的一段代码块。 最核心的目的是将可重复执行的操作进行封装,然后供 调用方 无限制的调用。 基本作用: 方法(函数)是由事件驱动的 或者 当他被调用时被执行的可重复使用的代码块。 JavaScript 函数语法:函数就是包裹在花括号中的代码块。 2 ......
Windows 下部署Redis 主从模式+哨兵模式+JAVA连接方式
原文:Windows 下部署Redis 主从模式+哨兵模式+JAVA连接方式_java redis部署-CSDN博客 前言之前项目需求部署redis高可用,走了很多弯路以及相关配置来回折腾浪费了很多时间,特地记录下。 主从模式:实现多台redis实例进行服务运行,并且数据相互同步;哨兵模式:实现主服 ......
JS压缩的功效与作用
JavaScript代码压缩可实现3大功能:减小体积、优化逻辑、提升执行效率 专业的JavaScript代码压缩,绝不仅仅是去除回车使代码挤到一行,而是用真正的技术减小代码体积、提升代码性能。 下面,以JShaman的JavaScript代码压缩功能为例,以说明JavaScript压缩具体能对代码进 ......
js 判断数字的六种方法
1、使用正则表达式判断是否为数字 正则表达式是一种强大的工具,可以用于判断字符串是否符合特定的模式。在JS中,通过正则表达式可以判断一个字符串是否为数字。 以下是一个简单的正则表达式,用于判断一个字符串是否为十进制数字: let reg = /^[0-9]+$/; console.log(reg.t ......
设计模式
1. 设计模式的概念在面向对象领域中的一个重要突破就是提出设计模式的概念。软件的设计模式是人们在长期的开发实践中总结的良好经验,他提供了一个简单、统一的描述方法,使人们可以复用这些软件设计方法、过程管理经验。2.设计模式的描述设计模式的概念是来自于建筑师Christopher Alexander提出 ......
BBED修改文件头,将ASM非归档模式下offline的数据文件改回online状态
1、故障概要 一套基于ASM的RAC数据库,处于非归档模式,现场人员误将其中的一个数据文件改成了offline状态,等到发现异常时,redo日志已经被覆盖,没有办法recover该数据文件。 本文主要记录测试环境模拟本故障,以及使用BBED修复的过程。 2、故障模拟及处理办法 (1)、准备环境,创建 ......
PHP+JS实现大文件切片上传功能实现实例源码
近期公司的项目中,涉及到上传大文件的问题,大文件上传用普通表单上传时出现的问题是,无法断点续存,一但中途中断上传,就要重头开始,这很明显不是我们想要的,所以经过一番查询,学习了一下大文件分割上传的方法。并且使用简单的php做服务端处理程序实现一个功能demo,供以后回顾使用。本人也是初出茅庐的前端小 ......
CentOS 7.9 安装后网络配置(NAT模式)
1.配置虚拟机NAT 信息 2.修改网卡信息 vim /etc/sysconfig/network-scripts/ifcfg-ens33 BOOTPROTO 为static ONBOOT 为yes NATMASK 子网掩码 和虚拟机NAT的子网掩码一致 GATEWAY 网关 和虚拟机NAT的网关一 ......
软件设计模式的七大原则
1.单一职责原则 一个类应该有且仅有一个引起它变化的原因 例如 实现登录功能,不应该设计一个类,即负责数据库的连接,又负责页面的初始化,又负责数据的接收和处理 而应该把这些功能分开,分成多个不同的类,各司其职 2.开闭原则 一个软件实体应该对拓展开放对修改关闭,也就是说,当需要修改功能或者添加新的功 ......
js 根据字符串计算字节数
前言: JS使用Unicode编码,这里用[^\x0000-\x00ff]来匹配中文汉字字符(双字节字符) 1. 方法一, function getBytes(params) { let bytes = params.length, i = 0; for (; i < bytes; i++) if ......
Node.js的文件系统常用语(fs)
文件删除 // 导入fs模块 let fs = require("fs") // 删除文件 fs.unlink("被删除文件.docx",(err) => { if (err) throw err; console.log("删除成功") }) 获取文件信息 // 导入fs模块 let fs = r ......
js实现上传文件夹功能
最近在研究上传文件夹功能,并上传到阿里云oss,研究了几天终于实现了。 前端代码:添加 “webkitdirectory” 标签表示支持 文件夹上传 <input type='file' id="inputUploadDir" name="file" webkitdirectory > js代码部分 ......
在中间件中使用 Scoped 模式服务
作用域(Scoped)服务和瞬时(Transient)服务都与请求的生命周期相关,但它们之间有一些区别。 1. 作用域(Scoped)服务: - 作用域服务的生命周期与每个请求的生命周期相对应。也就是说,每个请求都会创建一个作用域服务的实例,并且在请求处理过程结束时该实例将被释放。 - 作用域服务在 ......