24个解决实际问题的ES6代码段
1、如何隐藏所有指定元素？const hide = (...el) => [...el].forEach(e => (e.style.display = "none")); // Example hide(document.query...
譬如朝露
audio获取音频时长
最近在搞一个音乐播放器，在获取音频总时长的时候，总是获取到NAN，这有点搞不懂了，然后在网上查询资料，得到了解决方案，如果直接video.duration获取的是NAN,原因貌似是加载音频是异步的,刚刷新完页面还没有加载完成的音频资源，所以得到的是NAN,需要使用oncanplay事件监听
arcgis api改变三维球体颜色
const map = new Map({ basemap: baseMap, ground: { surfaceColor: '#1b2540', opacity: 1 } });
js计算两点之间的距离和角度
计算距离const calculateDistance = (x1: number, y1: number, x2: number, y2: number) => { const dx = x2 - x1; const dy = y2 - y1; const distance = Math.s...
cms小程序api接口文档
请求方法：POST，为了安全起见，所有接口都需加token验证，如果您的网站不需要验证token，或者不想这么麻烦，您可自行将接口文件的construct方法注释掉即可。 返回数据字段说...
nuxt2使用cesium
配置文件import CopyWebpackPlugin from "copy-webpack-plugin"; import { DefinePlugin } from "webpack"; import path from "path"; export default { // Disable server...
头条 centos7自带firewall开启端口操作
centos6中使用的是iptables,之前写过一篇文章,在centos7中禁用firewall开启iptables,这次记录下centos7中firewall如何开启端口1、查看防火墙状态,及端口列表firewall-cmd --st...
node+rtsp环境部署
ffmpeg安装官网 https://www.ffmpeg.org/download.html#build-windows下载后解压，并且配置环境变量打开cmd输入ffmpeg -h
node+rtsp+jsmpeg.min视频流
const RTSP2web = require('rtsp2web') // 服务端长连接占据的端口号；端口号可以自定义 const port = 9999 new RTSP2web({ port })下载ffmpeghttps://ffmpeg.or...
Nginx 常用的基础配置
Nginx 配置反向代理去除前缀1. 地址后面加/ server { location ^~/v1/ { proxy_pass http://localhost:8080/; } }^~/v1/表示请...
axios通用拦截器封装
import { BASE_API_URL, TOKEN_NAME } from '@/constant'; import { message } from 'ant-design-vue'; import axios fro...
JS画布动态实现黑客帝国背景效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial...
echarts词云
<html> <head> <meta charset="utf-8"> <script src='https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min....
iframe嵌套网页无法显示
Refused to display 'https://www.xxxxx.com/' in a frame because it set 'X-Frame-Options' to 'sameor...
Echarts实现“暂无数据”的几种方案
通过 title 配置项来实现const init = (data) => { const myChart = echarts.init(document.getElementById('noData')) const ...
gsap水面波纹
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta nam...
Threejs下雨效果
//粒子 import 'babel-polyfill'; import * as THREE from 'three'; import { OrbitControls } from 'three/examples/...
parcel搭建运行环境
{ "name": "01", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev": "parcel src/index.htm...
Konva.js基础使用与动画
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>使用Konva绘制圆环旋转动画</title> <script src="...