前端 - 文章分类(第3页) - King-DA

html之表格标签

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- 表格：4行4列 tr：行 td：单元格默认情况下表格是没有边框的。通过属性来增加边框 bo 阅读全文

posted @ 2023-02-22 00:01 King-DA 阅读(24) 评论(0) 推荐(0)

HTML基础之列表标签

摘要：列表标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--无序列表 type：修改列表前的原点的样式 style="list-style:ur 阅读全文

posted @ 2023-02-20 00:00 King-DA 阅读(41) 评论(0) 推荐(0)

HTML基础之超链接标签

摘要：超链接标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- 超链接标签：作用：实现页面的跳转功能 href：控制跳转到页面 ""：跳转到自阅读全文

posted @ 2023-02-19 23:50 King-DA 阅读(88) 评论(0) 推荐(0)

html基础之文本标签

摘要：文本标签标题标签 <h1>--》</h6> <h1>1111</h1> 作为标题使用，并且依据重要性递减。加了标题会变粗，变大。段落标签 <p></p> 换行标签 <br/> 文本格式化标签加粗 <strong></strong> <b></b> 使用strong标签比b标签预期更加强烈倾阅读全文

posted @ 2023-02-19 23:15 King-DA 阅读(57) 评论(0) 推荐(0)

koa2

摘要：koa2简介基于Node.js平台的web开发框架由Express原班人马打造， Express、Koa、Koa2 Koa2特点支持async/await 支持洋葱模型的中间件 Koa2快速上手检查node的环境(7.6之上) node -v 安装Koa npm init -y npm in 阅读全文

posted @ 2022-08-11 00:59 King-DA 阅读(32) 评论(0) 推荐(0)

echarts之全局的echarts对象和echartsInstance对象

摘要：全局的echarts对象全局echarts对象是引入echarts.js文件之后就可以使用的 echartsInstance对象 echartsInstance对象是通过echarts.init方法调用之后得到的。 init 初始化echarts对象使用主题 registerTheme 注册主题阅读全文

posted @ 2022-08-11 00:10 King-DA 阅读(878) 评论(0) 推荐(0)

echarts之动画配置项

摘要：动画配置项开始动画： animation：true 动画的时长 animationDuration: 7000 缓动动画 animationEasing: 'bounceOut' 动画元素的阈值 animationThreshold: 7 单种形式的元素数量大于这个阈值时会关闭动画 demo： < 阅读全文

posted @ 2022-08-10 01:22 King-DA 阅读(987) 评论(0) 推荐(0)

echarts之增量动画

摘要：增量动画 mCharts.setOption 所有数据的更新都通过setOption实现不用考虑数据到底产生了哪些变化 Echarts会找到两组数据之间的差异然后通过合适的动画去表现数据的变化 demo <!DOCTYPE html> <html lang="en"> <head> <meta c 阅读全文

posted @ 2022-08-10 01:10 King-DA 阅读(345) 评论(0) 推荐(0)

echarts之加载动画

摘要：加载动画 Echarts已经内置好了加载数据的动画，我们只需要在合适的时机显示或者隐藏即可显示加载动画 mCharts.showLoading() 隐藏加载动画 mCharts.hideLoading() demo <!DOCTYPE html> <html lang="en"> <head> < 阅读全文

posted @ 2022-08-10 00:45 King-DA 阅读(1389) 评论(0) 推荐(0)

echarts之自适应

摘要：自适应当浏览器的大小发生变化时，如果想让图表也能随之适配变化 1.监听窗口大小变化事件 2.在事件处理函数中调用Echarts实例对象的resize即可。 window.onresize = function(){ // console.log('window.onresize...') // 调阅读全文

posted @ 2022-08-10 00:22 King-DA 阅读(1106) 评论(0) 推荐(0)

echarts之样式

摘要：样式直接样式 itemStyle、textStyle、lineStyle、areaStyle、label 高亮样式在emphasis中包裹itemStyle、textStyle、lineStyle、areaStyle、label 注意：优先级高，会覆盖主题中、调色盘的中样式，这里也会遵循就近原则阅读全文

posted @ 2022-08-10 00:15 King-DA 阅读(247) 评论(0) 推荐(0)

echarts之调色板

摘要：调色盘它是一组颜色，图形、系列会自动从其中选择颜色主题调色盘全局调色盘 option:{ color:['red','green','blue'] } * 局部调色盘 series:[{ type:'bar', color:['red','green','blue'] }] 调色盘的作用遵循就阅读全文

posted @ 2022-08-07 17:48 King-DA 阅读(213) 评论(0) 推荐(0)

echarts之主题设置

摘要：主题设置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>快速上手</title>  <script src="lib/echarts.min.js"></scr 阅读全文

posted @ 2022-08-07 09:50 King-DA 阅读(1200) 评论(0) 推荐(0)

echarts之仪表盘

摘要：仪表盘 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>快速上手</title>  <script src="lib/echarts.min.js"></scri 阅读全文

posted @ 2022-08-06 02:08 King-DA 阅读(1669) 评论(0) 推荐(0)

echarts之雷达图

摘要：雷达图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>快速上手</title>  <script src="lib/echarts.min.js"></scri 阅读全文

posted @ 2022-08-06 02:07 King-DA 阅读(1062) 评论(0) 推荐(0)

echarts之地图和散点图结合使用

摘要：地图和散点图结合使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>快速上手</title>  <script src="lib/echarts.min.js" 阅读全文

posted @ 2022-08-06 01:39 King-DA 阅读(122) 评论(0) 推荐(0)

echarts之不同城市显示不同颜色

摘要：不同城市显示不同颜色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>快速上手</title>  <script src="lib/echarts.min.js" 阅读全文

posted @ 2022-08-06 01:29 King-DA 阅读(83) 评论(0) 推荐(0)

echarts之矢量地图常见效果

摘要：矢量地图常见效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>快速上手</title>  <script src="lib/echarts.min.js">< 阅读全文

posted @ 2022-08-06 01:15 King-DA 阅读(129) 评论(0) 推荐(0)

echarts之生成矢量地图

摘要：矢量地图基础设置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>快速上手</title>  <script src="lib/echarts.min.js"> 阅读全文

posted @ 2022-08-06 00:54 King-DA 阅读(392) 评论(0) 推荐(0)

echarts之饼图

摘要：饼图最基本的实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>饼图</title>  <script src="lib/echarts.min.js">< 阅读全文

posted @ 2022-08-06 00:25 King-DA 阅读(646) 评论(0) 推荐(0)

King-D

king-d

文章分类 - 前端