浏览器 事件js ie
keepalive 跳转到某个页面缓存 否则不缓存 缓存浏览的位置
export const KeepaliveListMixin = { /** * 两个路由守卫 实现 从详情返回到列表 列表页面缓存 否则就不缓存 */ beforeRouteEnter (to, from, next) { to.meta.keepAlive = true; next() }, ......
js/javaScript实现金额千分位
作为前端开发，我们都知道，在实际的需求开发中，难免会遇到需要将接口返回的金额进行千分位格式化的场景。千分位后的金额便于阅读，提升用户体验。金额千分位可以由前端来处理，也可以后端处理后返回给前端展示。 ......
【xterm】在浏览器中实现SSH终端，实现远程登录服务器
使用插件 Xterm.js 扩展终端功能的 JavaScript 模块 网页植入SSH终端（web-terminal) 连接服务端，实现远程登录，用户可以在网页上直接进行远程登录和操作服务器，而无需使用传统的终端或SSH客户端 HTML 示例 npm install xterm <!doctype ......
js worker
index.html <!DOCTYPE html> <html> <head> <title>JavaScript Worker Example</title> </head> <body> <script> // 主线程 const mainWorker = new Worker('worker ......
vue vue.config.js 配置
1. 开启 sourceMap // 显示 sourceMap , 便于调试 // process.env.NODE_ENV 有的是 dev/prod, 有的是 development/production, 需要自己确认下 productionSourceMap: process.env.NODE ......
Webmin 是一款基于 Web 的系统管理工具，可以帮助管理员通过浏览器远程管理 Linux 和其他 Unix-like 操作系统。
Webmin 是一款基于 Web 的系统管理工具，可以帮助管理员通过浏览器远程管理 Linux 和其他 Unix-like 操作系统。它提供了一个直观的用户界面，使管理员可以方便地查看和配置系统设置、用户账户、网络设置、文件系统等。 Webmin 支持大多数常见的 Linux 发行版，如 CentO ......
js访问spring boot
js可以通过fetch方法向网络发起get和post请求；springboot可以向网络提供webapi服务。这两个基本能力，就构成了mvc结构的V和C端。c端有所扩展，就有广义的M。 本例进行简单的登录模拟。 说明： 1、用t1表结构的姓名和年龄模拟登录用的用户名和密码，没挂数据库，道理都一样。 ......
Vue.js 无法监听form表单变更问题的解决
当使用 Vue.js 构建应用程序时，通常我们会涉及到处理数据和响应用户的操作。Vue.js 提供了强大的响应式系统来自动追踪数据的变化并更新视图。然而，有时候可能会遇到一个常见的问题：当你尝试添加一个新属性到对象时，Vue.js 的响应式系统无法自动检测到这个更改，因为它不会立即监视新属性的变化。 ......
国密sm2、sm3、sm4的js使用
安装： npm install sm-cryptoOr yarn add sm-crypto sm2： 获取密钥对： const sm2 = require('sm-crypto').sm2 let keypair = sm2.generateKeyPairHex() publicKey = key ......
Vue 组件 v-full 监听浏览器进入退出全屏事件
1、新建 full.ts // 导出Full对象 export const Full = { // 挂载函数 mounted(el: any, binding: any) { // 获取传入的函数 const handler = binding.value // 设置事件监听的参数 const op ......
js 函数
// - 使用function语句定义函数 // 1. function one(){ // document.write('<table border="1" width="600" cellspacing="0" align="center"><tr height="100"><td></td> ......
BIP保存前出现弹框 阻止保存 点击修改后，再继续保存事件
viewModel.on("beforeSave", function (args) { let promise = new cb.promise(); cb.utils.confirm( title: "是否保存？", okText: "修改", cancelText: "不修改", functi ......
js的常用数组操作
1、判断数组 b 的所有元素是否都在数组 a 中 const a = [1, 2, 3, 4, 5]; const b = [2, 4]; const allElementsInA = b.every(element => a.includes(element)); console.log(allE ......
常见编程语言的json序列化与序列化代码片段(java/python/js/c#/ruby/c++)
json序列化与反序列化 Python import json # 序列化为 JSON data = {"name": "John", "age": 30} serialized_data = json.dumps(data) # 反序列化 JSON deserialized_data = json ......
js 判断数组对象中是否含有重复的值
// 判断对象数组是否有相同属性 相同：true \ 不相同：false hasFun(array) { return array.some((item, index) => { return ( array.findIndex((v, i) => { return ( i !== index && ......
js模块化编程
全局function模式 module1.js//数据 let data = 'atguigu.com' //操作数据的函数 function foo() { console.log(`foo() ${data}`) } function bar() { console.log(`bar() ${d ......
vue2 单页面应用兼容 ie & 对象不支持"append"属性或方法
在平时如果用到vue2 但是打开ie测试的时候发现代码没起到预期的效果(作用)的话。就要用到polyfill和browser来对你的vue代码转成es5语法啦。 具体用法是： 先下载polyfill和browser的js文件 然后 引入polyfill和browser的js文件 1 <script ......
python + flask + ffmpeg + hls.js
参考视频链接：https://www.bilibili.com/video/BV1ay4y1A78j/?p=5&spm_id_from=pageDriver&vd_source=5fed6e8a7e3ad9f10860bf7a4540ba71 ......
p5.js 开发点彩画派的绘画工具
本文简介 点赞 + 关注 + 收藏 = 学会了 这几天在整理书柜时看到这套书，看到梵高，想起他的点彩画。 想到点彩画派，不得不提的一个画家叫乔治·皮埃尔·秀拉。据说梵高也模仿过他的画作。 我引用一下维基百科对点彩画派的解析： 点彩画派（又称点描派；英文：Pointillism）是一种用很粗的彩点堆砌 ......
TS/JS - 什么是防抖和节流函数？有什么区别？
工具函数 防抖函数和节流函数的区别，可以查看这篇文章，写得比较好：面试官：什么是防抖和节流？有什么区别？如何实现？ 防抖（debounce） 通过定时器实现。1 秒内触发了 10 次防抖，定时器是 500ms 执行一次，那么，这防抖函数里面的回调函数只会在 1.5s 之后执行，因为点击的这 10 次 ......
使用原生js 写的picker 效果
class Picker { DEFAULT_DURATION = 200; MIN_DISTANCE = 10; DEMO_DATA = []; // demo数据 // 惯性滑动思路: // 在手指离开屏幕时，如果和上一次 move 时的间隔小于 `MOMENTUM_LIMIT_TIME` 且 ......
GIL 信号量 Event事件 池
不是保证数据安全，是保证线程与线程之间那个垃圾回收机制的安全1.gil不是Python的特点，是cpython解释器的特点2.gil是保证解释器级别的数据的安全3.gil会导致同一个进程下的多个线程无法同时执行即无法利用多核优势4.针对不同的数据需要加不同的锁处理5.解释器型语言的通病：同一个进程下 ......
【闭包应用】JS：防抖、节流
1、防抖：当进行连续操作时，只执行最后一次的操作。 //防抖的概念是 当进行连续操作时，只执行最后一次的操作。 function debounce(fn, delayTime) { let timeout = null; return function () { if (timeout) { cle ......
js中字符串使用单引号还是双引号
ES6如下描述： 字符串 静态字符串一律使用单引号或反引号，不使用双引号。动态字符串使用反引号。 // bad const a = "foobar"; const b = 'foo' + a + 'bar'; // acceptable const c = `foobar`; // good con ......
掌握Spring事件监听器的内部逻辑与实现
本文详细剖析了Spring 5.x的事件模型、事件发布源码、Application Event Multicaster的作用以及事件广播的核心逻辑。 ......
Node.js子进程：你想要知道的一切
如何使用spawn()，exec()，execFile()和fork() 对于单进程而言，Node.js的单线程和非阻塞特性表现地非常好。然而，对于处理功能越来越复杂的应用程序而言，一个单进程的CPU是远远无法满足需要的。 无论你的服务器有多强大，单线程都是远远不够用的。 事实上，Node.js的单 ......
js的循环
1.for 循环 for (循环变量初始化表达式; 循环条件表达式; 更新循环变量表达式) {循环体} /* 凑钱1,2,5凑20元钱有多少种可能 */ for(var one=0;one<=20;one++){ for(var two=0;two<=10;two++){ for(var five= ......
企业微信客服语音消息事件仅支持amr格式文件
读取消息 当微信客户、接待人员发消息或有行为动作时，企业微信后台会将事件的回调数据包发送到企业指定URL；企业收到请求后，再通过读取消息接口主动读取具体的消息内容。 微信客户发送的消息、接待人员在企业微信回复的消息、发送消息接口发送失败事件（如被用户拒收）、客户点击菜单消息的回复消息，可以通过该接口 ......
使用Postman快速复现浏览器的请求(包括生成调用代码)
前言 大家好！我是sum墨，一个一线的底层码农，平时喜欢研究和思考一些技术相关的问题并整理成文，限于本人水平，如果文章和代码有表述不当之处，还请不吝赐教。 好久没有写开发类的工具使用文了，这次我来讲下平时我是如何使用Postman工具的。 一、工具准备 软件下载链接：https://www.post ......