hook js

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

简介 外观模式(Facade Pattern),也叫门面模式,是一种结构型设计模式。它向现有的系统添加一个高层接口,隐藏子系统的复杂性,这个接口使得子系统更加容易使用。 如果你需要一个指向复杂子系统的直接接口,且该接口的功能有限,则可以使用外观模式。或者需要将子系统组织为多层结构,可以使用外观。 作 ......
外观设计 外观 语言 模式 Python

JS 字符串特殊字符全部替换空

#1、方法 const formatStr = (str) => { const value = str.replace( /[`:_~!@#$%^&*() \+ =<>?"{}|, \/ ;' \\ [ \] ·~!@#¥%……&*()—— \+ ={}|《》?:“”【】、;‘’,。、-]/g, ......
字符 字符串 JS

js 代码箱

1 <!--得出一个永远不会重复的日期格式的字符串,包括毫秒,用于AJAX输出一个不重复参数,以避免不刷新,function全部写在head节点内--> 2 <script type="text/javascript"> 3 function getNowTime() { 4 var date = ......
代码 js

自制 js 的 trim、right、left、instrRev、instr、mid 函数

//用惯了 VB 系列语法的 instr 和 mid 函数,在 js 里面处理字符串总是感觉束手束脚 //跟 Basic 语法比起来,其他语言的字符串处理函数的确非常不方便!!!因此,必须自己写个仿 Basic 语法的 javascript 的常用字符串处理函数库来用!!! // 以下是经过多次修正 ......
函数 instrRev instr right trim

首先下载xm-select.js文件,然后放到项目里

layui.config({base:'../../layuiadmin/'//静态资源所在路径}).extend({index:'lib/index',//主入口模块xmSelect:"xm-select"}).use(['index','element','form','xmSelect'],f ......
xm-select 文件 项目 select xm

JS 模拟鼠标事件mouse over、click

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="renderer" content ......
鼠标 事件 mouse click over

k8s前端js、css等资源文件CDN加速

序言:用户访问网站,网站的加载速度直接影响着用户体验问题;前端js、css等文件资源需要加速访问处理; 方案一:js、css、png等资源打包到文件服务器,文件服务器抛出连接,工程项目打包的时候publicpath使用文件服务器访问链接; 如图: 需要购买文件服务器,把资源文件推送到文件服务器上,由 ......
前端 文件 资源 k8s css

xposed hook 加固应用

XposedHelpers.findAndHookMethod(XposedHelpers.findClassIfExists("android.app.ActivityThread",loadPackageParam.classLoader), "performLaunchActivity", n ......
xposed hook

vue全家桶进阶之路27:Vue.js 3.0的下载和安装

使用脚手架vue-cli创建vue3项目,创建前需要准备以下: 1、node.js环境 见:https://www.cnblogs.com/beichengshiqiao/p/17251233.html 2、npm、cnpm工具 见:https://www.cnblogs.com/beichengs ......
全家 vue Vue 3.0 js

vue全家桶进阶之路26:Vue.js 3.0与Vue.js 2.x 的比较和注意事项

Vue.js 3.0 是 Vue.js 框架的最新版本,于 2020 年 9 月正式发布。Vue.js 3.0 主要的改进和新特性包括: 更好的性能:Vue.js 3.0 使用了更快的虚拟 DOM 实现,比 Vue.js 2.0 更快。 更小的体积:Vue.js 3.0 的代码体积比 Vue.js ......
全家 Vue 注意事项 事项 js

js全局监听a标签跳转前拦截统一跳转到指定页面进行数据处理

在现有大多数阅读性文章、博客等内容,不单有图文结合的形式让内容更加饱满更有关联链接来充实文章的真实、准确性。那么当这些连接进行跳转离开网站时,我们要如何确认即将前往网站的安全性呢? 跳转效果演示——点击进入码云官网 本文就该问题,使用js代码全局监听a标签跳转前进行跳转拦截。提取跳转连接,统一跳转到 ......
数据处理 全局 标签 页面 数据

开发轻量级REST API样板 基于Node.js、MongoDB 通过Mongoose驱动

基于 Node.js、Express.js 和 MongoDB 通过Mongoose驱动进行 REST API 开发的轻量级样板。集成了Swagger UI、JWT、session、发送邮箱验证、日志管理、统一的预定义状态码响应格式等,对于为前端平台构建纯净的Web API非常有用。 ......
轻量 轻量级 样板 Mongoose MongoDB

blockchain | 基于ethers.js的ctf合约攻击模板

blockchain | 基于ethers.js的ctf合约攻击模板 之前做题用的是truffle命令行和truffle exec来进行编写代码,封装的层级比较高,这个框架主要还是用来开发比较方便,看了大师傅的wp(https://www.seaeye.cn/archives/497.html)以后 ......
合约 blockchain 模板 ethers ctf

JS获取某月份有多少天

// new Date(2023, 5, 0).getDate();// 31const date = new Date();const length = new Date(date.getFullYear(), date.getMonth(), 0).getDate(); ......
月份

vue.config.js 配置

const { defineConfig } = require('@vue/cli-service') //按需引入 // const AutoImport = require(''); const AutoImport = require('unplugin-auto-import/webpac ......
config vue js

JS实用技巧断点调试详解

调试能力是一个程序员的生存根本,可是很多初学者却忽视调试。今天我们就来讨究一下JS的调试技巧。 本文章将会详细列举JS相关的各种实用调试技巧。如果您是JS的初学者,那么这篇文章将对您有很大的帮助。 为什么要调试? 程序就是函数堆砌起来的,程序的运行就是函数的执行过程。而通过JS调试,我们可以更为直观 ......
实用技巧 断点 技巧

vue里cdn引入改为本地js文件引用

问题 vue项目cdn引用会出现网络加载不了问题 vue项目 cdn引用 改为本地public/index.html引入 首先把cdn的链接复制在浏览器里打开或直接下载下来 把js文件放到public文件夹下面 在index.html里引入,注意生产环境才加载出来 ......
文件 vue cdn

js中通过数据库查询省,后自动带出市显示的问题

//注册地址var province = SQL("select province from project where code='"+code+"' and isdelete=0 order by indate limit 1 ");$("#field_2c923daf70a540290170a ......
数据库 数据 问题

【过滤器设计模式详解】C/Java/JS/Go/Python/TS不同语言实现

过滤器模式(Filter Pattern)或标准模式(Criteria Pattern),是一种结构型模式。这种模式允许使用不同的标准条件来过滤一组对象,并通过逻辑运算的方式把各条件连接起来,它结合多个标准来获得单一标准。 例子将创建一个 Person 对象、Criteria 接口和实现了该接口的实... ......
设计模式 过滤器 语言 模式 Python

原精SpringBoot大文件上传、js、分片上传、断点续传、秒传、大文件上传实例

​ 前言 文件上传是一个老生常谈的话题了,在文件相对比较小的情况下,可以直接把文件转化为字节流上传到服务器,但在文件比较大的情况下,用普通的方式进行上传,这可不是一个好的办法,毕竟很少有人会忍受,当文件上传到一半中断后,继续上传却只能重头开始上传,这种让人不爽的体验。那有没有比较好的上传体验呢,答案 ......
文件 断点 SpringBoot 实例

JS微任务和宏任务

1. js是单线程的语言。2. js代码执行流程:同步执行完==》事件循环 同步的任务都执行完了,才会执行事件循环的内容 进入事件循环:请求、定时器、事件....3. 事件循环中包含:【微任务、宏任务】微任务:promise.then宏任务:setTimeout.. 要执行宏任务的前提是清空了所有的 ......
任务

js分片上传&断点续传

​ 一、基本介绍 1,什么是 WebUploader? WebUploader 是由百度公司团队开发的一个以 HTML5 为主,FLASH 为辅的现代文件上传组件。 官网地址:http://fex.baidu.com/webuploader/ JS - 文件上传组件WebUploader使用详解2( ......
断点 amp

8.1 js addEventListener js给div添加事件

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test addEventListener</title> </head> <body> <button id="myBtn">click me</button> <p id="d ......
addEventListener 事件 8.1 div js

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 ......
鼠标 越来越 速度

全网最详细中英文ChatGPT-GPT-4示例文档-快速创意生成从0到1快速入门——官网推荐的48种最佳应用场景(附python/node.js/curl命令源代码,小白也能学)

在当今竞争激烈的市场环境中,创新和创意变得越来越重要。对于任何公司或个人来说,如果能够快速生成新颖的创意,将会在市场上具有很大的优势。ChatGPT训练的创意生成模型可以从大量的文本数据中迅速学习到各种创意,从而帮助公司或个人获取到新的创意,并激发他们的灵感,加速创作过程。它的应用范围非常广泛,可以... ......
全网 示例 源代码 ChatGPT-GPT 中英

全网最详细中英文ChatGPT-GPT-4示例文档-会议笔记文档智能转摘要从0到1快速入门——官网推荐的48种最佳应用场景(附python/node.js/curl命令源代码,小白也能学)

ChatGPT可以轻松地将会议笔记转换为摘要,以帮助用户更快速地理解会议内容。用户可以在会议过程中先简单快速地记录会议内容,并在稍后通过ChatGPT快速转化成相关摘要,从而帮助高效回顾和分析会议内容。这将使用户在未来的会议中更有效地利用时间,并取得更好的效果。而且ChatGPT还可以帮助用户生成各... ......
文档 全网 示例 源代码 ChatGPT-GPT

将前端图片转为base64存储至本地服务器,并返回URL存入数据库。Vue、Element-UI、axios、node.js

核心步骤:将base64转为buffer并用fs.write()存入.png文件中,即可得到一张可展示的图片,将其路径写入数据库即可。非二进制或blob对象 第一:获取图片文件,将其转为base64,通过axios发送至后台node.js服务器 HTML: methods中: getBase64(f ......

js,ES标准export用法记录

一个js文件最多只能有一个 export default。 这种方式导出,在导入的时候不需要{}。 单独的 export 可以导出多个,在导入的时候需要 {} eg: import {test, testA} from '@/utils/constant.js'; 如果需要全部导出的话需要 impo ......
标准 export

js用前缀名查找class或id节点,js模糊查询某个dom节点

js在操作dom的场景中,有时候会有类似的场景需求。 js用前缀名查找class节点 // 参数dom为html dom节点 // 参数key为需模糊查询的名称字段 function queryClassNode(dom, key) { let collectArray = []; for (var ......
节点 前缀 class dom js

js的继承

ES6 的继承:子 extends 父,哪里继承哪里写一个super() 代码: class Parent{ constructor(){ this.age=18 } } class Child extends Parent{ //子继承父 constructor(){ super() //加上su ......