随笔分类 - 前端
摘要：问题 在JS文件中引入另一个JS文件达到只需引入一个JS即可达到引入两个JS的效果。在个别工具类需要同时引入连个JS才能使用其中的方法函数，但是有时候往往忘记引入另一个，所以，在主方法函数中引入另一个JS文件，此时只需要引入这个主方法函数JS文件即可达到使用的效果。 解决办法 方法一： 在主函数JS
阅读全文
摘要：代码 html <video id="videoCamera" :width="videoWidth" :height="videoHeight" autoplay></video> <canvas style="display: none" id="canvasCamera" :width="vi
阅读全文
摘要：代码： <!DOCTYPE html> <html> <head> <title>更换头像</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum
阅读全文
摘要：<!doctype html> <html> <head> <meta charset="utf-8"> <title>基于tracking的取人脸</title> <script src="static/js/util/jquery.min.js"></script> <script src="s
阅读全文
摘要：问题 当请求更改数据后，原页面渲染的数据无法进行动态响应进行更改显示时，在不刷新页面重新获取数据渲染的情况下，想要手动的重新渲染页面显示。 解决办法 设置dom动态的key，想要重新渲染时，只需要更改key值即可。 示例 <div :key="domKey"> <span v-for="item i
阅读全文
摘要：html中的video标签播放的视频可以使用 playbackRate 属性进行设定视频的倍速（document.getElementById(videoID).playbackRate = 2;//设定2倍速），最大支持 16 倍速，正常播放为 1 倍速，设定超过16我的会报错。 DOMExcep
阅读全文
摘要：访问包 1、https://unpkg.com/browse/包名@版本号/ 例如：https://unpkg.com/browse/element-ui@2.15.9/ 版本号可省略不写 2、https://unpkg.com/包名/ 例如：https://unpkg.com/element-ui
阅读全文
摘要：页面设置 <!-- 页面设定 --> <form id="fromId" class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">输入框</label> <div class="layui-i
阅读全文
摘要：通过点击一个按钮判断是否全屏或者退出全屏 （此处代码使用点击图标） <div style="text-align:center;"> <svg id="fullScreenDisplay">...(此处省略代码为SVG图标代码)</svg> </div> // 全屏方法 $('#fullScreen
阅读全文
摘要：问题 js中根据子节点ID获取结构树中该子节点所有的父节点ID 方法代码 // 传入结构树以及查询父节点的子节点ID function getTreeIds(tree, nodeId) { const { children = 'children', id = 'id' } = {}; const
阅读全文
摘要：1、获取input中的值 content页面 <div style="padding: 0 10px;margin-top:10px"> <input type="text" id="refuseReason" name="refuseReason" placeholder="请输入拒绝理由" cl
阅读全文
摘要：1、setTimeout setTimeout() 可用 clearTimeout() 关闭 //用于在指定的毫秒数后调用函数或计算表达式 var timer = setTimeout(function,millisec); // timer 指定了这个setTimeout，相当于它的ID，当不想执
阅读全文
摘要：问题 element UI 中的button想添加鼠标mouseenter、mouseleave等事件，但是发现怎么加都不生效 解决办法 创建原始的button，然后再在这个按钮上添加事件，如果想要elementUI中的按钮样式，可以设置Class为elementUI中的按钮样式 示例代码 // c
阅读全文
摘要：问题： 表单验证失败提示的错误信息有时会一直存在，想要把它清除掉 解决方法： 使用 this.$refs['组件引用名'].clearValidate() 例子： <el-form ref="queryForm" :model="form" :rules="rules"> . . . </el-fo
阅读全文
摘要：问题： 相同的功能页中含有不同的页面，但是路由跳转打开时不想打开不同的tab页 解决方法： 删除当前页路由再打开新的路由页面 this.$store.dispatch("tagsView/delView",this.$route) this.$router.push("/xxx/xxx/xxx");
阅读全文
摘要：const info = { name:'张三', age:18 } for(var temp in info){ console.log( temp ); console.log( info[temp] ); } // 打印结果 name 张三 age 18
阅读全文
摘要：问题： 使用 overflow-y: auto；添加滚动条后想要将滚动条回到顶部 解决办法 <el-row> <el-col id="rightDocument" class="scrollBar"></el-col> </el-row> .scrollBar { height: calc(100v
阅读全文
