lxtalent-CSDN博客

原创 vue父组件向子组件传值

最近在学习vue发现组件传值很有意思，就比如之前在写原生项目的时候页面传值比较麻烦，vue里面的组件传值相对来说更简单。父组件：<template> <div id="app"> <Header></Header> <Footer></Footer> <Content :sonConArr="conArr"></Content> <router-view/&g

2022-04-28 10:54:00 1215

原创 js定时器使用

上周在写定时器的时候有点小bug打算记录下实现一个定时器执行一秒过后自动销毁var test1 = setTimeout(function(){ console.log('666'); test1 && clearTimeout(test1);},1000);

2022-03-22 14:23:15 176

最近在写项目的时候用到了语音播报的功能，当后端用websocket推送数据到前端接收数据页面报警。但是发现了一个问题就是需要点击一下才会语音播报，但是页面并没有写点击事件，后来发现是这个功能需要人机交互才起作用，这是因为浏览器有一个隐私机制所以需要在浏览器里面添加当前语音的地址就可以。if (isAllow) { const utter = new SpeechSynthesisUtterance(devname + '设备正在报警'); utters.push(utter

2022-03-15 19:33:12 3296

原创 js集合取值

获取元素的属性进行设置样式，但是获取到的是一个集合不能直接设置会报错找不到，需要进行数组的方式取值，直接上代码 let rotate=document.getElementsByClassName('curImg'); console.log(rotate) ~~rotate.style.height=rotate.height*1.1+'px'~~ 改：rotateImg[0].style.height=rotateImg[0].height*1.1+'px';..

2022-03-11 11:04:23 958

原创 websocket数据处理

最近用websocket和后端通信发送数据和接收到数据的处理打算记录下，需求是前端先通过websocket向后端发送要接收数据的设备ID后端收到后返回ID对应的数据let lockReconnect=false;//避免重复连接let ip=location.host+'alarmNotify';let wsUrl="wss://"+ip;let ws;let tt;let latAadLngData;let devArr = [];//存放传入后端ID的数组 creatMenus()

2022-03-02 13:58:33 2823

原创 Object.keys枚举属性

记录下项目中经常会遇到的值转换，当后端返回的字段是一个数字时不可能说当前字段展示数字，字段对于的数字有与之匹配的值所以需要转换一下接口与之对应的值 { field: 'alarmIsdeal', title: '是否处理', formatter:function(value,row,index){ let a

2022-02-24 10:00:49 303

原创事件冒泡和事件捕获

接连两次问我事件冒泡和事件捕获都没有答上来所以想记录下事件冒泡：事件由内向外传播；<div onclick="divClick"><button onclick="btn()"><p onclick="p()>事件冒泡</p></button></div> function p(){ console.log('点击了p元素') } function btn(){ console.lo

2022-02-21 10:32:07 185

原创 includes

今天在写一个小功能的时候习惯性用if去判断后来发现报错了然后发现是if条件语句写的有问题需求是点击确定按钮判断图片格式不在后端接收范围内就弹框提示打印出photoArrext为jpg,后者写法更简洁if(photoArrext!=‘gif’ || photoArrext!=‘jpg’|| photoArrext!=‘png’|| photoArrext!=‘bmp’|| photoArrext!=‘jpeg’){$.modal.msg(‘请上传格式为gif,jpg,png,bmp,jpeg’);r

2022-02-16 18:28:55 51

原创 ruoyi框架字典转换值

var devTypeDatas = [[${@dict.getType('dev_type')}]]; { field: 'devType', title: '设备类型', formatter: function(value, row, index) { let _value; ..

2021-12-22 16:37:07 1664

原创 bootstrap-table赋值

<div class="col-sm-12 select-table table-striped"> <table id="bootstrap-table"></table> </div>```function downloadExcel(){let file=$(’#containerNum’).get(0).files[0];let formData = new FormData(); ..

2021-11-09 10:02:38 2267

原创 websocket读取数据

websocket是前后端通信的一种方式但又不像Ajax那样直接请求，websocket一般用于后端推送数据前端接收，昨天项目中用到了并且要展示拿到的数据 var lockReconnect = false; //避免重复连接 let ip = '127.0.0.1:80/alarmNotify' var wsUrl = "ws://" + ip; var ws; var tt; let newData; function createWebSocket(

2021-10-09 10:02:35 1432

原创 select动态取值 option数据回显

<div class="form-group"> <label class="col-sm-3 control-label">默认通知部门ID：</label> <div class="col-sm-8"> <input th:field="*{deptId}" id="deptIdHideInp" type="hidden"> .

2021-09-27 13:58:29 1382

原创按钮点击事件发送请求改变状态

$('#table').bootstrapTable({ ajax: ajaxRequest1, showLoading: true, striped: true, pageNumber: 1, sortable: true, locale: 'zh-CN', showExport: .

2020-07-02 11:02:35 1728

原创动态的创建DOM元素

<ul class="list-group" id="fence" style="margin: 0;"> <li id="fenceList"></li> </ul> $(function () { $.ajax({ url: '', type: 'get', contentTy...

2020-06-16 09:44:55 136

原创 Ajax请求里面如何动态创建标签

HTML: <div role="tabpanel" class="tab-pane" id="electronic"> <ul class="list-group" id="fence" style="margin: 0;"> <li id="fenceList"></li> </ul> </div>JS:

2020-06-15 17:48:08 340

原创 bootstrapTable分页的用法

**bootstrapTable分页**** function initTable() { let ajaxRequest1 = function (request) { var pageNumber=request.data.offset var pageSize=request.data.limit var pageNum=(pageNumber/pageSize)...

2020-06-15 17:43:35 380

原创前端基础三栏式布局

定位<div class="top"></div><div class="left"></div><div class="right"></div>

2019-11-26 15:50:26 91

原创初学对象的浅拷贝

** 浅拷贝**let obj={age:21,name:“刘幸”,hobbies:[“看书”,“运动”]}let obj2=Object.assign({},obj);obj.name=“liuxing”;obj.hobbies.push(“旅游”);console.log(obj);console.log(obj2);欢迎使用Markdown编辑器你好！这是你第一次...

2019-11-25 16:36:24 106 1

lxtalent的博客