javascript - 随笔分类 - 石头记1

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 石头记1 阅读(4) 评论(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 石头记1 阅读(5) 评论(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 石头记1 阅读(13) 评论(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 石头记1 阅读(27) 评论(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 石头记1 阅读(7) 评论(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 石头记1 阅读(11) 评论(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 石头记1 阅读(39) 评论(0) 推荐(0)

canvas基础

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

posted @ 2024-12-06 11:42 石头记1 阅读(26) 评论(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 石头记1 阅读(30) 评论(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 石头记1 阅读(28) 评论(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 石头记1 阅读(13) 评论(0) 推荐(0)

方法

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

posted @ 2024-03-27 17:49 石头记1 阅读(7) 评论(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 石头记1 阅读(28) 评论(0) 推荐(0)

多图操作

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

posted @ 2023-04-07 16:53 石头记1 阅读(17) 评论(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 石头记1 阅读(38) 评论(0) 推荐(0)

jq和Promise和$.ajax超时

摘要：function getData() { return new Promise((resolve, reject) => { //请求接口 $.ajax({ type: 'POST', url: "/pad/overseas/GetNeedWoodPackageList", data: { Page 阅读全文

posted @ 2023-03-23 14:18 石头记1 阅读(57) 评论(0) 推荐(0)

colResizable表格

摘要：colResizable表格列可拖动，表头不能固顶 <style type="text/css"> #colRTab{ width:100%; border-collapse: collapse; table-layout: fixed; } #colRTab td{ border:1px #ddd 阅读全文

posted @ 2022-11-28 14:15 石头记1 阅读(149) 评论(0) 推荐(0)

表格滚动条和展开收起功能

摘要：表格超宽超高的情况，向下滚动：表头固顶，向左向右拖动，表头要随着移动。做一个浮动表头，底部表格表头不能去掉，需要占位，监听表格x轴，移动的值给表头赋值负数left <div style="width: 1554px;overflow: hidden;height: 32px;position: a 阅读全文

posted @ 2022-09-06 14:42 石头记1 阅读(188) 评论(0) 推荐(0)

fetch

摘要：拿到数据必须在response.text()之后，如果在{}里可以直接在第一个.then(data)拿到，如果没有在{}说明第一个then返回了值，在第二个then里的data拿 fetch('/admin/ArrivalMaster/WarehouseSelectList1').then((res 阅读全文

posted @ 2022-07-22 10:03 石头记1 阅读(92) 评论(0) 推荐(0)

替代定时器的requestAnimationFrame

摘要：动画 #status{ border:1px solid #ff9900; width:50px; height:100px; left:0; position: absolute; } <div id="status">123</div> let div = document.getElement 阅读全文

posted @ 2022-07-01 09:55 石头记1 阅读(113) 评论(0) 推荐(0)

石头记1

随笔分类 - javascript

公告