![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5
MMNHD
这个作者很懒,什么都没留下…
展开
-
HTMl5 ECharts
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...原创 2022-02-22 23:25:31 · 297 阅读 · 0 评论 -
HTML5 svg
<svg xmlns="http://www.w3.org/2000/svg" width="390" height="360"> <!-- 第一行不能加注释 --> <polygon points="0,13 390,13 195,345" style="fill:rgb(62,183,132)" /> <polygon points="80,13 310,13 195,215" style="fill:rgb(51,72...原创 2022-02-22 22:48:45 · 55 阅读 · 0 评论 -
HTML5 worker 多线程运行环境,
js文件// worker2.jsfunction fb(n){ return n<3 ? 1 : fb(n-1)+fb(n-2)}onmessage = function(event){ // console.log(event) let n = event.data // 参数n let r = `n=${n}的斐波那契数列值:${fb(n)}` console.log(r) this.postMessage(r) // 向主线程发消息}...原创 2022-02-21 19:59:44 · 148 阅读 · 0 评论 -
WebSocket
node.js 代码// 主js脚本: index.js// 创建一个http服务器 用于监听端口 接收请求const http = require('http').createServer()// 加载socket.io模块,获取socketio对象// 用于处理接收客户端的websocket连接(它需要http服务器)const socketio = require('socket.io')(http, { cors: { origin: '*' }}...原创 2022-02-18 21:08:14 · 943 阅读 · 0 评论 -
HTML5 文件拖拽 draggabl
<style> #div { width: 400px; height: 200px; border: 1px solid black; background: burlywood; } </style><body> <p id="p" draggable="true">中国冬奥会已经入账7枚金牌</p> <span id="span" draggable="t...原创 2022-02-17 20:49:13 · 360 阅读 · 0 评论 -
HTML5 柱状图
<style> canvas { border: 1px solid black; background-color: aliceblue; } </style></head><body> <canvas id="cvs" width="450" height="250"></canvas> <script> let ctx = cvs.getContext.原创 2022-02-16 22:10:41 · 953 阅读 · 0 评论 -
HTML5 地理定位
一、定位基础与原理1.IP定位(定位不准确) 通过电脑的IP地址,定位到当前的位置。但是我们平常拿到的IP地址,一般是运营商发布的公网IP,只有一些涉密机构,才能够通过与运行商协商,才能拿到具体的IP。2.运营商基站定位 只能大致定位当前的位置,是通过运营商的基站,能够确定当前接入的位置距离基站的距离。3.GPS卫星定位 能够精确到厘米,是通过卫星电波,确定当前所在的位置。但是前提是:当前设备必须有GPS芯片。二、地理定位的实现地理定位API...原创 2022-02-16 21:30:08 · 840 阅读 · 0 评论 -
HTML5 画布 canvas 弹幕 画板 饼状图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .container { wi...原创 2022-02-16 20:06:04 · 228 阅读 · 0 评论 -
HTML5音乐Audio 视频播放video
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .container { width: 40.原创 2022-02-15 19:14:48 · 927 阅读 · 0 评论