JavaScript
关注
分享
扫一扫
王海虎
主攻可视化、3d引擎、低代码方向
展开
-
heatmap.js 使用文档
文件????heatmap.min.js地址 https://www.patrick-wied.at/static/heatmapjs/创建var heatmap1 = h337.create({ container: domElement, //容器 backgroundColor, // 背景颜色 gradient: {//渐变颜色 "0": "#469b2c",//value为0的颜色 "0.025": "#096dca",//valu原创 2020-12-11 18:01:58 · 3428 阅读 · 3 评论 -
videojs，报错：No compatible source was found for this media.
1. 需要起一个web服务，nginx、Apache...2. 打开Flash原创 2020-07-21 22:46:13 · 5280 阅读 · 0 评论 -
web浏览器通过videojs对接实时视频流rtsp、rtmp格式
注意：rtsp没法直接用，需要做格式转换，转成flv，或者rtmp<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>VideoDome</title>原创 2020-07-21 22:35:19 · 13421 阅读 · 3 评论 -
js、react使用html2canvas页面截图并导出
import React, { Component } from 'react';import { render } from 'react-dom';import html2canvas from 'html2canvas';import Hello from './Hello';import './style.css';class App extends Component { constructor() { super(); this.state .原创 2020-07-16 17:42:10 · 3811 阅读 · 0 评论 -
3d离线地图，如何实现？
3d离线地图，如何实现？离线地图说白了就是把地图上加载的在线服务转成本地发布的地图服务，地图服务有很多种，地图数据也有很多种，例如tif，shp等等 离线服务 wms服务、wmts服务、xyz服务地图完整的3d地图分为两块 第一块是地图（就是底层，不包含建筑），区分两种 第一种：矢量瓦片 （普通地图） 文件格式 1. PNG、GIF、JPEG等栅格形式; ...原创 2020-07-14 17:18:35 · 1271 阅读 · 1 评论 -
babel7.0 兼容ie浏览器
替代 @babel/polyfill// 入口文件出引入import "core-js/stable";import "regenerator-runtime/runtime";// .babelrc 下添加[ "@babel/env", { "corejs": "3", "useBuiltIns": "entry", "targets": { "chrome": "58", "i原创 2020-06-28 12:36:31 · 1665 阅读 · 0 评论 -
react babel如何升级7.1.0
react babel升级7.1.0让我们了解一下babel升级到7.1.0，都做了那些改变1、移除了以下的组合，这些预设应替换为env预设。babel-preset-es2015babel-preset-es2016babel-preset-es2017babel-preset-latest2、删除 @babel/polyfill@babel/polyfill3、弃用了 stage-x@babel/preset-stage-0@babel/preset-stage-1@ba原创 2020-06-28 12:33:04 · 915 阅读 · 0 评论 -
js 如何判断字符串是否是正则表达式？
eval(text) instanceof RegExp // 返回布尔原创 2020-03-30 16:52:48 · 7649 阅读 · 0 评论 -
js 获取如何鼠标滑词？
window.getSelection().toString()详情：https://developer.mozilla.org/zh-CN/docs/Web/API/Window/getSelection<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2020-02-24 21:31:53 · 512 阅读 · 0 评论 -
js 导出.json文件
// 自动触发点击事件AutomaticClick = (obj) => { var ev = document.createEvent("MouseEvents"); ev.initMouseEvent("click", true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); ...原创 2020-02-19 16:01:55 · 2912 阅读 · 1 评论 -
js 随机生成id
processID = () => { const uuid = 'xxxxxxxx-xxxx-xxxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) { const r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8); retu...原创 2019-01-27 10:02:30 · 1129 阅读 · 0 评论 -
js 倒计时多少天、时间戳差转化为时间 ，计算出运行多长时间，从开始值减去当前时间，计算出运行的时间差
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &am原创 2019-01-04 14:13:35 · 1682 阅读 · 0 评论 -
JS 数组按指定长度切割，返回一个新的数组集合，比如按照3的倍数切割，返回结果为每三个一组
let data = [ {name:'小赵',value:'12'}, {name:'小钱',value:'12'}, {name:'小孙',value:'12'}, {name:'小李',value:'12'}, {name:'小周',value:'12'}, {name:'小吴',value:'12'}, {name:'小郑',val...原创 2018-10-29 13:52:04 · 9515 阅读 · 0 评论 -
原生xml请求
给大家分享一个原生js请求数据方式，自己写了一个demo大家可以看看<html> <head> <title></title> </head> <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/bootstra原创 2018-05-07 16:14:01 · 587 阅读 · 0 评论 -
常见的HTTP状态码(HTTP Status Code)说明
作为一个互联网开发人员对于一些服务器返回的HTTP状态的意思都必须是了如指掌的，只有将这些状态码一一弄清楚，工作中遇到的各种问题才能够处理的得心应手。好了，下面就让我们来了解一下比较常见的HTTP状态码吧！2开头 （请求成功）表示成功处理了请求的状态代码。200 （成功） 服务器已成功处理了请求。 通常，这表示服务器提供了请求的网页。 201 （已创建） 请求成功并且服务器创建了新的资...转载 2018-05-14 13:53:37 · 9053 阅读 · 0 评论 -
如何获取input，file里的文件，实现预览效果，并传给后端？
1.如何实现file上传文件，预览效果<input id="pop_file" type="file" accept=".jpg,.jpeg,.png" v-on:change="uploadFile($event)" name="fileTrans" ref="file" value="" /><img id="p原创 2018-05-15 19:51:40 · 26071 阅读 · 4 评论 -
简单的事件委托
<div style="width: 500px;height: 300px;border: 2px solid tomato;border-radius: 5px;margin: 100px auto;padding: 20px;"> <ul id="oul" style="margin: 0;padding: 0;width: calc(100% - 20px);heig...原创 2018-05-29 22:49:45 · 242 阅读 · 0 评论 -
js中常用的数据类型之间的转换？
//一、数字 let num = 123; //1.数字转字符串 // (1) num = num+''; console.log(num) // (2) let str = num.toString() console.log(s...原创 2018-06-21 15:50:39 · 1276 阅读 · 3 评论 -
js循环，前端常用的八种循环，你用过几种呢？
let arr = [{title:'aaaa',read:1000,hot:true}, {title:'bbbb',read:300,hot:false}, {title:'cccc',read:2000,hot:true}, {title:'dddd',read:1900,hot:false} ];// 第一种...原创 2018-06-08 15:22:26 · 4970 阅读 · 1 评论 -
js三种存储方式区别
javaScript有三种数据存储方式，分别是：sessionStoragelocalStoragecookier相同点：都保存在浏览器端，同源的不同点：①传递方式不同cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。②数据大小不同cookie数据还有...转载 2018-07-04 16:28:53 · 3512 阅读 · 0 评论 -
字符串截取的三种方式！
let str = 'abcdef'; // 0 str = str.slice(0);//返回整个字符串 abcdef str = str.substring(0);//返回整个字符串 abcdef str = str.substr(0);//返回整个字符串 abcdef // 使用一个参数 str = str.slice...原创 2018-07-05 18:53:29 · 85929 阅读 · 0 评论 -
JavaScript简易封装，可以不用去ajax，直接用标签，任何标签发送请求
封装了一个特别简单的好玩的小插件，引入xiaohu.js就可以使用了，用任意一个节点，就可以实现ajax请求可以是一个<p></p>标签，也可以是一个<div></div>还可以绑定事件，可以是 click/mouseover#id 节点id 必填 #type 请求方式 必填 #url 请求路径 必填 #behavior ...原创 2018-07-25 15:55:59 · 1176 阅读 · 1 评论 -
3分钟熟练使用querySelector、querySelectorAll，了解queryCommandState、Supported...，每一个的使用方法
今天给大家分享一下querySelector这个的使用方法，前段时间有人问我querySelector语法如何使用，想着有时间分享一下，结果前段时间有点忙一直没腾出时间来，正好今天有时间了 go go go，这样的语法出现已经有很长一段时间了(真的很长时间了)，可能是自己不太关注罢了，但不得不说，挺好用的，今天给大家分享一下。据说是HTML5向Web API新引入了document.query...原创 2018-09-26 15:33:12 · 6846 阅读 · 0 评论 -
sessionStorage的使用方法？
sessionStorage和localStorage一样都是用来存储客户端临时信息的对象，localStorage生命周期是永久，sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么所有通过sessionStorage存储的数据也就被清空了。今天正好用到sessionStorage了跟大家分享一下。//存sessionStorage.setItem("na...原创 2018-05-11 11:01:16 · 3297 阅读 · 0 评论