上一页 1 2 3 4 5 6 7 8 9 ··· 36 下一页

2021年3月4日

641 webpack配置和css处理：默认打包，配置文件，依赖图，css-loader，style-loader，less-loader，browserslist，PostCSS，postcss-loader，autoprefixer，postcss-preset-env

摘要： webpack默认打包 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale 阅读全文

posted @ 2021-03-04 11:16 冲啊！ 阅读(882) 评论(0) 推荐(0) 编辑

2021年3月2日

640 Webpack初体验

摘要： 前端发展的几个阶段 前端开发的复杂化 前端三个框架的脚手架 Webpack是什么？ Webpack官网图片 工作中的webpack 日常工作来说，比如在开发vue、react、angular等项目的过程中我们需要一些特殊的配置：比如给某些目录结构起别名，让我们的项目支持sass、less等预处理器， 阅读全文

posted @ 2021-03-02 21:41 冲啊！ 阅读(106) 评论(1) 推荐(0) 编辑

2021年2月28日

639 可视化项目

该文被密码保护。 阅读全文

posted @ 2021-02-28 16:25 冲啊！ 阅读(28) 评论(0) 推荐(0) 编辑

2021年2月25日

638 KOA2的使用：介绍，快速上手，中间件的特点，后台项目的开发

摘要： 1.KOA2的介绍 2.KOA2的快速上手 myApp.js const Koa = require('koa'); const app = new Koa() app.use((ctx, next) => { console.log(ctx) ctx.response.body = '哈哈哈' } 阅读全文

posted @ 2021-02-25 21:26 冲啊！ 阅读(110) 评论(0) 推荐(0) 编辑

2021年2月24日

637 echartsInstance 对象API：setOption，resize，on，off，dispatchAction，clear，dispose，enevnts，action

摘要： echartsInstance 对象 11.echartsInstance对象常见的方法.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width= 阅读全文

posted @ 2021-02-24 17:41 冲啊！ 阅读(373) 评论(0) 推荐(0) 编辑

636 全局echarts 对象API：init，registerTheme，registerMap，connect

摘要： 1.3.1.全局echarts 对象 10.全局echarts对象常见的方法.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device 阅读全文

posted @ 2021-02-24 17:06 冲啊！ 阅读(1322) 评论(0) 推荐(0) 编辑

635 echarts动画的使用：加载动画，增量动画，动画的配置

摘要： 07.图表的加载动画.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文

posted @ 2021-02-24 11:00 冲啊！ 阅读(477) 评论(0) 推荐(0) 编辑

2021年2月23日

633 echarts图表自适应

摘要： 步骤1: 监听窗口大小变化事件 步骤2: 在事件处理函数中调用 ECharts 实例对象的 resize 即可 06.图表自适应的实现.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vi 阅读全文

posted @ 2021-02-23 21:07 冲啊！ 阅读(62) 评论(0) 推荐(0) 编辑

632 echarts样式： 直接样式，高亮样式

摘要： 05.样式的使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <m 阅读全文

posted @ 2021-02-23 19:46 冲啊！ 阅读(127) 评论(0) 推荐(0) 编辑

631 echarts调色盘：主题调色盘，全局调色盘，局部调色盘，渐变颜色的实现

摘要： 03.调色盘的使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> < 阅读全文

posted @ 2021-02-23 19:26 冲啊！ 阅读(283) 评论(0) 推荐(0) 编辑

630 ECharts显示相关 主题： 默认主题，自定义主题

摘要： 01.内置主题的使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文

posted @ 2021-02-23 16:41 冲啊！ 阅读(203) 评论(0) 推荐(0) 编辑

629 ECharts基础小结：柱状图 bar，.折线图 line，散点图 scatter，饼图 pie，地图 map，雷达图 radar，.仪表盘 gauge，.直角坐标系配置grid、axis、dataZoom，通用配置title、tooltip、toolbox.feature、legend

摘要： 配置项小结 阅读全文

posted @ 2021-02-23 16:07 冲啊！ 阅读(272) 评论(0) 推荐(0) 编辑

628 echarts图表7 仪表盘图：实现，数值范围，多个指针，多个指针颜色的差异

摘要： 23.仪表盘的实现.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> < 阅读全文

posted @ 2021-02-23 11:10 冲啊！ 阅读(1297) 评论(0) 推荐(0) 编辑

627 echarts.图表6 雷达图：实现，label，区域面积 areaStyle，绘制类型 shape

摘要： 22.雷达图的实现.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> < 阅读全文

posted @ 2021-02-23 10:34 冲啊！ 阅读(1228) 评论(0) 推荐(0) 编辑

2021年2月22日

626 echarts图表5 地图：地图图表的使用方式，.矢量地图的实现，roam，label，zoom，center，显示某个区域，不同城市颜色不同，地图和散点图结合

摘要： 3.5.3.地图的常见配置 18.地图的实现.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial- 阅读全文

posted @ 2021-02-22 20:05 冲啊！ 阅读(717) 评论(0) 推荐(0) 编辑

625 echarts图表4 饼图：实现，显示数值label，南丁格尔图，选中效果，圆环，特点

摘要： 3.4.1.饼图的实现步骤 16.饼图的实现.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial- 阅读全文

posted @ 2021-02-22 14:16 冲啊！ 阅读(1886) 评论(0) 推荐(0) 编辑

624 Echarts常用图表 直角坐标系常见配置： 网格 grid， 坐标轴 axis， 区域缩放 dataZoom

摘要： 直角坐标系的常见配置 13.直角坐标系的常用配置_grid.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i 阅读全文

posted @ 2021-02-22 12:42 冲啊！ 阅读(306) 评论(0) 推荐(0) 编辑

2021年2月21日

623 ECharts常用图表 散点图：实现步骤，气泡图，涟漪动画effectScatter，showEffectOn，rippleEffect，itemStyle

摘要： 3.3.1.散点图的实现步骤 11.散点图的实现.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia 阅读全文

posted @ 2021-02-21 21:21 冲啊！ 阅读(1931) 评论(0) 推荐(0) 编辑

622 ECharts常用图表 折线图：折线图的实现步骤，标记markPoint，平均值 markLine，线条控制，填充风格 areaStyle，紧挨边缘 boundaryGap，缩放&脱离0值比例scale ，堆叠图，

摘要： 3.2.1.折线图的实现步骤 07.折线图的实现.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia 阅读全文

posted @ 2021-02-21 17:29 冲啊！ 阅读(1344) 评论(0) 推荐(0) 编辑

621 echarts通用配置：title，tooltip，toolbox，legend

摘要： 3.1.4.通用配置 使用 ECharts 绘制出来的图表, 都天生就自带一些功能, 这些功能是每一个图表都具备的, 我们可以通过配置, 对这些功能进行设置. 标题: title var option = { title: { text: "成绩", // 标题文字 textStyle: { col 阅读全文

posted @ 2021-02-21 11:43 冲啊！ 阅读(579) 评论(0) 推荐(0) 编辑

上一页 1 2 3 4 5 6 7 8 9 ··· 36 下一页

导航