JS
关注
分享
扫一扫
书院二层楼
这个作者很懒，什么都没留下…
展开
-
JS-文档碎片
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>文档碎片</title> <style> #box div{ .原创 2021-02-10 17:03:20 · 308 阅读 · 0 评论 -
JS-DOM节点操作(增、删、改、替换、克隆
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>DOM节点操作(增、删、改、替换、克隆</title> <style> #box1 .原创 2021-02-10 16:58:14 · 1003 阅读 · 0 评论 -
JS-DOM属性操作和ECMAScript属性操作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>属性操作</title></head><body> <div id="box".原创 2021-02-10 16:25:54 · 378 阅读 · 0 评论 -
JS-NodeList和HTMLCollection对比
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>NodeList和HTMLCollection对比</title></head><body>.原创 2021-02-10 14:45:47 · 242 阅读 · 0 评论 -
JSDOM关系：兄弟关系和父子关系
<!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> #box { .原创 2021-02-10 14:34:48 · 648 阅读 · 0 评论 -
JS-DOM常用节点类型
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>DOM常用节点类型</title></head><body> <ul id=".原创 2021-02-10 13:47:15 · 252 阅读 · 0 评论 -
JS-Math对象的常用方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Math对象的常用方法</title></head><body> <scrip.原创 2021-02-09 17:40:09 · 150 阅读 · 0 评论 -
JS-Json和Object相互转换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Json和Object相互转换</title></head><body> <s.原创 2021-02-09 17:17:25 · 2842 阅读 · 0 评论 -
JS数组的高级方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数组的高级方法</title></head><body> <ul> .原创 2021-02-09 17:05:23 · 452 阅读 · 0 评论 -
JS数组的查找、截取和拼接
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数组的查找、截取和拼接</title></head><body> <scrip.原创 2021-02-09 15:00:26 · 406 阅读 · 0 评论 -
JS数组的排序和反转
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数组的排序和反转</title></head><body> <script&g.原创 2021-02-09 14:25:11 · 992 阅读 · 0 评论 -
JS数组的操作（添加、删除、替换）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数组的操作（添加、删除、替换）</title></head><body> <s.原创 2021-02-09 11:45:40 · 1053 阅读 · 0 评论 -
JS字符串的常用方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>其他字符串常用方法</title></head><body> <script&.原创 2021-02-08 16:25:18 · 155 阅读 · 1 评论 -
JS截取类字符串方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>截取类字符串方法</title></head><body> <script&g.原创 2021-02-08 15:54:26 · 235 阅读 · 1 评论 -
JS查找类字符串方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>查找类字符串方法</title></head><body> <script>.原创 2021-02-08 15:07:59 · 367 阅读 · 1 评论 -
echarts绘制疫情图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>西虹市 新增确诊/治愈 趋势</title> <style> #test{ margin: 20px; width: 700px; height: 500px; .原创 2020-11-15 20:08:41 · 883 阅读 · 0 评论 -
echarts绘制中国地图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>中国地图</title> <style> body{margin: 0} #test{ width: 100%; height: 600px; backgro.原创 2020-11-15 20:07:14 · 921 阅读 · 0 评论 -
echarts仪表盘
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>仪表盘</title> <style> #test{ margin: 20px; width: 700px; height: 500px; } <.原创 2020-11-15 20:04:00 · 402 阅读 · 0 评论 -
echarts雷达图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>雷达</title> <style> #test{ margin: 20px; width: 700px; height: 600px; } <.原创 2020-11-15 20:03:13 · 345 阅读 · 0 评论 -
echarts K线图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>K线图</title> <style> #test{ margin: 20px; width: 700px; height: 500px; } <.原创 2020-11-15 20:01:34 · 381 阅读 · 0 评论 -
echarts散点图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>散点图</title> <style> #test{ margin: 20px; width: 700px; height: 500px; } <.原创 2020-11-15 20:00:14 · 449 阅读 · 0 评论 -
echarts饼图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>饼图</title> <style> #test{ margin: 20px; width: 700px; height: 500px; } <.原创 2020-11-15 19:58:56 · 223 阅读 · 0 评论 -
echarts折线图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>折线</title> <style> #test{ margin: 20px; width: 700px; height: 500px; } <.原创 2020-11-15 19:53:25 · 219 阅读 · 0 评论 -
echarts组件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>echarts组件</title> <style> #test{ margin: 20px; width: 700px; height: 500px; } .原创 2020-11-15 19:09:55 · 232 阅读 · 0 评论 -
echarts简单入门示例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>echarts简单入门示例</title> <style> #test{ width: 700px; height: 500px; } </style><.原创 2020-11-15 15:52:58 · 201 阅读 · 0 评论 -
canvas播放视频-drawImage
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>canvas播放视频</title> <style> #test{backgroun.原创 2020-11-06 11:38:34 · 891 阅读 · 0 评论 -
canvas绘制图像-drawImage
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>canvas绘制图像</title> <style> body{margin: 0;.原创 2020-11-06 11:29:32 · 294 阅读 · 0 评论 -
canvas艺术字-扩展-闪烁效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>canvas艺术字-扩展</title> <style> html{height: .原创 2020-11-06 10:55:07 · 1075 阅读 · 0 评论 -
canvas布艺效果-shadowBlur-shadowOffsetY-shadowColor
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>canvas布艺效果</title> <style> body{margin: 0;.原创 2020-11-06 10:34:58 · 212 阅读 · 0 评论 -
canvas文本的绘制方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>canvas文本的绘制方法</title> <style> body{margin:.原创 2020-11-06 10:27:55 · 209 阅读 · 0 评论 -
canvas文本属性-textBaseline-垂直对齐
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>canvas文本属性textBaseline</title> <style> bod.原创 2020-11-06 10:18:23 · 1520 阅读 · 0 评论 -
canvas文本属性-textAlign-水平对齐
<!DOCTYPE html><html lang="en"><!--dir 文字方向 rtl 右到左 ltr 左到右 比如：<html lang="en" dir="rtl">--><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0".原创 2020-11-06 09:48:42 · 1373 阅读 · 0 评论 -
canvas文本属性-font
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>01-canvas文本属性-font</title> <style> body{ma.原创 2020-11-06 09:27:27 · 1354 阅读 · 0 评论 -
canvas投影
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>canvas投影</title> <style> html{height: 100%.原创 2020-11-06 09:20:24 · 1177 阅读 · 0 评论 -
canvas绘制霓虹灯-带光晕
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>canvas霓虹灯-光晕</title> <style> html{height: .原创 2020-11-06 09:20:41 · 1015 阅读 · 0 评论 -
canvas描边样式-lineDashOffset-虚线偏移
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>canvas描边样式-lineDashOffset</title> <style> .原创 2020-11-05 16:10:16 · 924 阅读 · 0 评论 -
canvas描边样式-setLineDash-虚线
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>canvas描边样式-setLineDash</title> <style> htm.原创 2020-11-05 16:06:54 · 841 阅读 · 0 评论 -
canvas描边样式-miterLimit-拐角限制
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>canvas描边样式-miterLimit</title> <style> html.原创 2020-11-05 16:02:57 · 353 阅读 · 0 评论 -
canvas描边样式-lineJoin-拐角类型
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>canvas描边样式-lineJoin</title> <style> html{h.原创 2020-11-05 15:57:39 · 436 阅读 · 1 评论 -
canvas描边样式-lineCap
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>canvas描边样式-lineCap</title> <style> html{he.原创 2020-11-05 15:51:56 · 333 阅读 · 0 评论