javascript - 随笔分类 - 峪野

websocket接海康视频监控

摘要：index.html <script src="/js/h5player.min.js"></script> h5Player.vue <template> <div class="player-container" :id="props.idName"></div> </template> <sc 阅读全文

posted @ 2026-01-26 17:45 峪野阅读(7) 评论(0) 推荐(0)

echarts

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>echarts</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" 阅读全文

posted @ 2026-01-15 16:32 峪野阅读(14) 评论(0) 推荐(0)

高德地图

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>gaode</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" c 阅读全文

posted @ 2026-01-15 16:30 峪野阅读(8) 评论(0) 推荐(0)

webSocket

摘要："@vueuse/core": "10.9.0" webSocket.ts: import { useWebSocket, WebSocketStatus } from '@vueuse/core' import { getAccessToken } from '@/utils/auth' impo 阅读全文

posted @ 2026-01-12 09:01 峪野阅读(9) 评论(0) 推荐(0)

数据处理

摘要：let data = [ {id:1,value:'a'}, {id:1,value:'ab'}, {id:1,value:'abc'}, {id:1,value:'abcd'}, {id:2,value:'e'}, {id:2,value:'ef'}, {id:3,value:'g'}, {id: 阅读全文

posted @ 2026-01-04 14:01 峪野阅读(10) 评论(0) 推荐(0)

reduce

摘要：let data = [ {id:1,value:'a'}, {id:1,value:'ab'}, {id:1,value:'abc'}, {id:1,value:'abcd'}, {id:2,value:'e'}, {id:2,value:'ef'}, {id:3,value:'g'}, {id: 阅读全文

posted @ 2025-09-29 14:15 峪野阅读(19) 评论(0) 推荐(0)

webpack

摘要：//webpack必须采用commonjs写法 let path = require('path'); //专门处理路径用的 console.log(path.resolve('./dist'));//根据当前路径解析出一个绝对路径[E:\GIT\webpack\dist] let HtmlWebp 阅读全文

posted @ 2025-06-24 10:04 峪野阅读(16) 评论(0) 推荐(0)

单元测试

摘要：黑盒测试BDD(先开发功能再测试是否能实现) 白盒测试TDD(先写测试用例，测试驱动开发) 测试框架：vue/test-utils（vue用） Jest（node模拟dom环境）测试用例文件：.test.js结尾 .spec.js结尾（vue） npm init -ynpm install jes 阅读全文

posted @ 2025-03-26 10:30 峪野阅读(32) 评论(0) 推荐(0)

调用摄像头拍照

摘要：<div id="sxt" style="width:335px;height:300px;position: relative;"></div> <div id="paiZhao" style="display: none;"> <a href="javascript:void(0)" class 阅读全文

posted @ 2025-01-10 14:32 峪野阅读(41) 评论(0) 推荐(0)

vue循环行中鼠标控制单元格浮动层

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <style type="text/css"> .upper_limit_notice4 { width: 79px 阅读全文

posted @ 2024-12-27 16:28 峪野阅读(24) 评论(0) 推荐(0)

FlappBird——canvas

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2024-12-13 10:34 峪野阅读(25) 评论(0) 推荐(0)

canvas画布替换文字

摘要：<p id="p1">JShaman是专业的JavaScript代码混淆平台，用于JS加密、JS混淆。</p> //将指定文字换成canvas function word_2_canvas(target,word,index){ var c1 = document.createElement("ca 阅读全文

posted @ 2024-12-09 17:49 峪野阅读(67) 评论(0) 推荐(0)

canvas基础

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body>  < 阅读全文

posted @ 2024-12-06 11:42 峪野阅读(40) 评论(0) 推荐(0)

autosize插件和自动增删行

摘要：http://www.jacklmoore.com/autosize/ https://github.com/jackmoore/autosize?tab=readme-ov-file 列表空值自动删行，末行输入，底部自动增行，不超过10行，textarea文本域自动高度没有滚动条 <div id= 阅读全文

posted @ 2024-07-22 11:54 峪野阅读(66) 评论(0) 推荐(0)

双循环

摘要：ary.forEach(function(item,index){...}) forEach循环只能return结束本轮，不能结束整个 $.each(ary,function(index,item){...}) jq的each循环return true是结束本轮循环，return false是结束整阅读全文

posted @ 2024-07-22 10:50 峪野阅读(43) 评论(0) 推荐(0)

固定表头和首列，防抖节流

摘要：降低频率用节流，防抖只触发最后的一次 <style> #SetLimitAdd td{ line-height: 20px; padding-top: 5px; padding-bottom: 5px; } #wrapper{} .container-fluid{ width:1747px;/*实际阅读全文

posted @ 2024-07-09 14:20 峪野阅读(25) 评论(0) 推荐(0)

方法

摘要：el.contains(e.target); //判断是否是子元素 let {top} = this.el.getBoundingClientRect(); //获取当前元素距离屏幕位置 insertBefore方法可以appendChild功能，insertBefore(节点,null) whil 阅读全文

posted @ 2024-03-27 17:49 峪野阅读(12) 评论(0) 推荐(0)

图片放大缩小拖动

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <link rel="stylesheet" href="http://www.h5al.cn/js/preview 阅读全文

posted @ 2023-10-16 14:19 峪野阅读(51) 评论(0) 推荐(0)

多图操作

摘要：点击框上传一张图片，并生成另一个点击框可再点击上传，修改时获取相对路径赋值多张图片，带有点击图片放大查看效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <li 阅读全文

posted @ 2023-04-07 16:53 峪野阅读(30) 评论(0) 推荐(0)

node后端跨域和express

摘要：启服务：vscode右键 Run Code，或者cmd里 node server.js 终止服务：vscode输出栏右键 Stop Code Run如果忘记终止切换项目了，需要在cmd里：netstat -ano | findstr :3000 记录最右边的PIDtaskkill /PID 4496 阅读全文

posted @ 2023-03-31 15:48 峪野阅读(50) 评论(0) 推荐(0)

峪野

随笔分类 - javascript

公告