tr1098891979的博客

原创 代码备忘 --

正则

原创 React 组件通信

【代码】React 组件通信。

原创 React受控组件&非受控组件

受控组件：广义上的说法是 react组件的数据渲染是被。传递的props完全控制。

原创 React-类组件相关

【代码】React-类组件相关。

原创 高德地图 轨迹巡航速度切换--单轨迹

高德地图轨迹巡航 简单

原创 iframe 使用 菜单+对应内容+禁止网页后退+子＜=＞父页面操作

iframe js禁止网页后退

原创 layuiTable根据条件 无刷新 动态修改td内容（.find()）

layuiTable根据条件 无刷新 动态修改td内容（.find()）

原创 ES6实用新增

ES6实用新增

原创 JS/JQ动态生成表单&表单绑定事件

根据后台拿到的数据动态设置表单 <div class="con_devnews"></div> var con_massage = [] con_massage.push('<div class="notis">' + '<span style="font-weight:bold;">' + '设备：001' + '，uid:001' + '，notis！' + '</span>' + '<h4>' + '时间：202

原创 calender 源码 CSS+JS

篇幅有限 就不放demo了，直接上源码，因为可能有需要修改样式或参考源码的，所以并非压缩后的代码 demo详情：calender demo+使用实例 css部分 /** * Zabuto Calendar */ div.zabuto_calendar { margin: 0; padding: 0; } div.zabuto_calendar .table { width: 100%; margin: 0; padding: 0; } div.z..

原创 日历日期根据后台数据带背景的插件 Zabuto Calendar 使用

效果如图： 生成的日历根据后台数据给的不同日期 渲染不同的背景色，以达到提示当日有数据的效果 所使用的插件就是 Zabuto Calendar 日历插件 关于Zabuto Calendar源码，会在后面直接上传文章 calender源码及demo （此为下载文件） <div class="calenderbox"> <div id="my-calendar"></div> </div> var eventData = [ .

原创 JS /JQ文件、图片上传+图片预览（二进制、base64）

一、base64 <input type="file" id="file" /> <img src="" class="showimg" id="showimg" /> .showimg { width: 160px; height: 160px; border: 1px solid #fff; } var file = document.getElementById('file'); var image = document.getElementById("

原创 JQ简单遮罩层

<div class="adddevorgmask"> <div class="orgmask"> <h3>管理设备组织关系</h3> <div class="historyorglist"> <p>已有组织关系:</p> <hr> <div class="historyorgcon"> .

原创 JQ动态生成的表单点击事件&&修改layuiTable单元格内容

$("#tableID").on('click', 'someClickEvent', function (){ // someClickEvent可以是类名，也可以是标签 $(this).closest('tr').remove() //隐藏tr 这里我写的事件是点击删除table的tr //do something }

原创 WS长连接

var comm_dev = new WebSocket(baseUrl_ws) comm_dev.onopen = function () { Info = { } comm_dev.send(JSON.stringify(Info)) } comm_dev.onmessage = function (event){ // do something } comm_dev.onerror = function () { mya.

原创 $.ajax捕获http请求状态码

原创 代码段备忘录

1.遮罩层 <div class="mask" id="mask"> <div class="choose unshow" id="choose"> <div class="choosehd"> </div> <div class="choosecon"></div> </div> <.

原创 Vue高德地图自定义信息窗内绑定点击事件

因为信息窗肯定是在生成标记后点击触发的事件，所以在 methods 中直接定义点击生成标记事件，不过多赘述，本文主要解决点击标记弹出的信息窗内的点击事件绑定问题 这是高德官方文档中 自定义窗口数据的添加方式，看起来太麻烦且不好对代码进行操作 content = []; content.push("<img src='http://tpc.googlesyndication.com/simgad/5843493769827749134'>地址：北京市朝阳区阜通东大街6号院3号楼东北8.3公.

原创 JSWebrtc.js +对应视频实例化

HTML <div class="context"> <video id="video-webrtc" controls autoplay poster="images/nosigna.png"></video> </div> CSS #video-webrtc { width: 300px; min-height: 400px; } JS 处理视频资源流 资源流处理文件，只需要放入JS内即可 var JSWebrtc...

原创 高德坐标转GPS坐标 CV版

WGS-84：是国际标准，GPS坐标（Google Earth使用、或者GPS模块） GCJ-02：中国坐标偏移标准，Google Map、高德、腾讯使用 BD-09：百度坐标偏移标准，Baidu Map使用 var x_PI = 3.14159265358979324 * 3000.0 / 180.0; var PI = 3.1415926535897932384626; var a = 6378245.0; var ee = 0.00669342162296594323; functio.

原创 时间戳转时间 万能通用

var date = new Date((‘10位数时间戳’) * 1000) //时间戳是10位就*1000 13位的就不用 var Y = date.getFullYear() + '/' var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '/' var D = (date.getDate() < 10 ? '0' + (date.getDate()) : dat.

原创 动态修改模板字符串中图片--简单解决

模板字符串中动态设置img地址