![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6
爱吃排骨
这个作者很懒,什么都没留下…
展开
-
在react中使用socket io
1.安装npm install --save socket.io-client2.连接地址const socket = io.connect(socketUrl),depart_id=props.depart_id 3.推送登录信息 socket.on('connect',function(){ socket.emit('login', depart_id) })4.使用约定好的方法 socket.on('oneLevel',(res)=>{.原创 2020-09-17 15:08:23 · 3559 阅读 · 1 评论 -
leaftlet 加载热力图 且改变热力图大小不随着地图层级改变而改变
加载leaftlet 热力图只需要下载heatmap.jsleaflet-heatmap.js下载地址,下载只需要引入相关JS就可以了https://github.com/pa7/heatmap.js/tree/develop/plugins <script src="./static/js/leaflet.js" type="text/javascript"></script> <script src="./static/js/heatma...原创 2020-06-20 12:20:26 · 2042 阅读 · 0 评论 -
react 路由跳转带参数
1.比较常用的就是修改路由配置在path:"/xxx/:type" 这种类型 { name: 'xxxx', text: 'xx', path: '/xxxx/:type', component: xx },这种类型的主要是详情页面等不在一级显示的页面中使用。2.第二种使用query 来实现,首先引入import { Link } from 'react-router-dom'然后在需要跳转的地方添加.原创 2020-06-10 11:03:22 · 2624 阅读 · 0 评论 -
react map 循环 带条件输出
在平时开发中经常会使用map 来遍历后台的数据,在return 里面如果使用呢<ul className="box-clounm"> { warningData.poepleData.map((item,index)=>( item.id!=""? <li> <Link to={`${peopleUlr}原创 2020-06-10 10:56:09 · 1673 阅读 · 0 评论 -
layui 时间控件 开始时间不大于结束时间
layui.use('laydate', function(){ var laydate = layui.laydate; //执行一个laydate实例 laydate.render({ elem: '#startTime' //指定元素 ,type:'datetime', format:...原创 2020-05-06 10:50:12 · 1238 阅读 · 0 评论 -
eacharts 饼图 嵌套联动
eacharts 饼图嵌套联动,点击内环数据时候,外圈数据跟随变动主要是用到了点击事件方法 Eacharts.on('click', function (params) { if(params.data.id){ axios.get(ajaxURL.menaDetails,{ params:{ id:...原创 2020-01-02 20:00:17 · 588 阅读 · 0 评论 -
eacharts 饼图 label formatter 自定义样式和数据拼接
series 中的labelformatter 无法使用html 模板 ,当官方定义的{a}:系列名。{b}:数据名。{c}:数据值。{d}:百分比。{@xxx}:数据中名为'xxx'的维度的值,如{@product}表示名为'product'` 的维度的值。{@[n]}:数据中维度n的值,如{@[3]}` 表示维度 3 的值,从 0 开始计数。这些属性无法满足我们对...原创 2020-01-02 19:38:31 · 6879 阅读 · 0 评论 -
ajax 提交表单 增加自定义字段 传参
在form 表单提交中,我们有时候需要提交一些自定义的字段,又懒得在form 里面 写<input type='hidden'>的时候,可以使用下面这这种方法直接在ajax里面增加参数 data:$.param({'pn':pn,'regions':regions})+'&'+$("#formData").serialize()...原创 2019-11-22 14:49:23 · 1015 阅读 · 0 评论 -
vue delimiters作用
VUE 中delimiters的作用是改变我们插值的符号,Vue默认的插值是双大括号{{}},在一些特殊的情况下我们可能会用到其他的方式绑定插值,比如在使用Twig 文件开发时,twig本身也是{{}}绑定数据,这样就与vue 冲突了.现在我们的插值形式就变成了${},代替了{{ }},在页面中就可以使用 ${xxxxx} 绑定对应的值...原创 2019-11-08 11:52:50 · 2439 阅读 · 0 评论 -
element ui 弹框点击 显示tree组件,点击空白区域隐藏tree
在做用户管理中,部门很有可能是一个tree树状图,那就需要点击 input显示 tree组件,点击空白区域隐藏tree图一 是点击输入框的时候,组件显示了出来,图二是点击空白区域组件隐藏.下面看看代码实现吧1. 需要 给 弹框 el-dialog 一个ID值 <el-dialog :title="messages" :visible.sync="dialogVisibl...原创 2019-10-24 16:21:00 · 5104 阅读 · 0 评论 -
element ui 时间控件 今天之后的日期禁用
主要用到了这个 属性picker-optionshtml <el-date-picker v-model="timeData" type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" format="yyyy-MM-dd HH:mm" value-form...原创 2019-10-23 15:23:29 · 5569 阅读 · 0 评论 -
element ui border 表单 表头 设置背景颜色
<el-table :data='userList' style="width:100%;" border :header-cell-style="{background:'#F5F7FA',color:'#606266'}">其中:header-cell-style="{background:'#F5F7FA',color:'#606266'}" 就是设置表头背景...原创 2019-10-21 17:49:22 · 8989 阅读 · 2 评论 -
element ui dialog 表单点击编辑,再点击添加,数据无法清空问题 解决办法
vue element ui在做编辑和添加时候通常使用一个dialog 弹框,这样就会出现一个问题,点击编辑 再点击添加,这时候数据已经赋值了, 所以this.$refs[formName].resetFields(),无法把数据重置为空[] 这肯定不是我们想要的结果,后面是这样解决的,在点击添加按钮的时候/添加用户addBtn(){ this.dialogVisible=true...原创 2019-10-21 16:03:30 · 3079 阅读 · 0 评论 -
socket的使用
第一步定义全部变量: var socket = void 0, uid = '',第二部获取后台接口UID $.get({ url:xxxx, dataType: 'json', success:function(res){ uid = res.data; socket = io.conne...原创 2019-01-03 11:23:41 · 464 阅读 · 0 评论 -
echarts map地图自动高亮显示提示框轮播
function mapGeo(data) { var chart = echarts.init(document.getElementById('mapGeo')); var mapUrl = staticsUrl + '/js/echart-map/beijing.json'; $.get(mapUrl, function (mapJs...原创 2019-06-05 11:29:16 · 8869 阅读 · 2 评论 -
JQ JS分页序号连续
在做表格分页时候,连续序号是在实际中会用到的。其中比较注意的是使用parseInt()来让 i 返回一个数字例如:let data=res.data; //数据let index=""; //序号let pno=1; //pno 相当于当前的分页,这个值是获取分页的pn for(var i in data){ index=(pno-1)*data.lengt...原创 2019-05-24 09:44:53 · 1738 阅读 · 0 评论 -
JQ树状图
html 部分 <link rel="stylesheet" type="text/css" href="{{staticsUrl}}/js/ztree/zTreeStyle/zTreeStyle.css"> <input type="text" name="" value="请选择搜索点位" id="locationName" class="form-cont...原创 2019-05-24 10:36:22 · 1810 阅读 · 0 评论 -
video.js 对接实时视频 rtmp/flv 格式
在用video.js 做实时视频对接rtmp格式时候发现只有5.8版本的JS才支持,更高的 7.1 就不支持了,所以在做时候要看好vode.js版本,一般在这个网址里面下http://www.jq22.com/jquery-info404。1.在页面中引用video-js.cs样式文件和video.js<link href="video-js.css" rel="styleshee...原创 2019-05-24 11:04:18 · 19833 阅读 · 10 评论 -
es6 多维数据循环拼接
1.首先我们拿到的数据如果是这样的 data:[{name:xxx,list:[{xxx},{xxx}]}]我们用es6拼接 data.forEach(function(i){ templateD+=`<li class='car-item'><div class='car-top'><span>${i.user}</span>...原创 2019-07-18 17:59:34 · 1817 阅读 · 0 评论 -
js setInterval多次计时器后,使用clearInterval 删除计时器
在使用setInterval 时候,如果调动了多次,那么每次调用都会产生一个ID,如果直接使用clearInterval()是清除不掉计时器的,<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head>...原创 2019-09-17 10:04:46 · 2999 阅读 · 0 评论 -
eacharts tooltip 自定义内容
在做项目时有需求 在提示框里面自定义内容,查了文档后可以使用 formatter 来做官方例子中的name 相当于opction.series里面的数据,下面看实例更清晰。在此例子中,我操作的是折线图标接下来查看 series 里面的内容 其中使用的数据是这样的接下里看 console.log(e)里面是什么东西可以看到当鼠标移动到对应的数据小圆点...原创 2018-09-07 16:12:57 · 2657 阅读 · 0 评论