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地址