2021 年 2月随笔档案 - 冲啊！

639 可视化项目

该文被密码保护。

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

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 冲啊！阅读(124) 评论(0) 推荐(0)

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 冲啊！阅读(431) 评论(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 冲啊！阅读(1362) 评论(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 冲啊！阅读(559) 评论(0) 推荐(0)

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 冲啊！阅读(72) 评论(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 冲啊！阅读(132) 评论(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 冲啊！阅读(306) 评论(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 冲啊！阅读(232) 评论(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 冲啊！阅读(313) 评论(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 冲啊！阅读(1423) 评论(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 冲啊！阅读(1337) 评论(0) 推荐(0)

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 冲啊！阅读(765) 评论(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 冲啊！阅读(2075) 评论(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 冲啊！阅读(346) 评论(0) 推荐(0)

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 冲啊！阅读(2039) 评论(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 冲啊！阅读(1839) 评论(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 冲啊！阅读(713) 评论(0) 推荐(0)

620 ECharts常用图表柱状图：标记markPoint，平均值 markLine，数值显示 label，柱宽度 barWidth，横向柱状图

摘要：3.1.图表1 柱状图 3.1.1.柱状图的实现步骤步骤1 ECharts 最基本的代码结构 <!DOCTYPE html> <html lang="en"> <head> <script src="js/echarts.min.js"></script> </head> <body> <div 阅读全文

posted @ 2021-02-21 10:56 冲啊！阅读(6462) 评论(0) 推荐(0)

619 数据可视化概述，ECharts的基本使用，相关配置讲解

摘要：1.数据可视化前言 1.1.什么是数据可视化数据可视化，说白了，就是把数据以更加直观的方式进行呈现. 那什么方式是更加直观的方式呢? 就是图表. 常言道，文不如表，表不如图，人们大脑对图的敏感程度要比苍白无力的文字好很多. 我们来看一组数据. 这个数据就是某些产品的销量. 单纯从这些文阅读全文

posted @ 2021-02-21 10:31 冲啊！阅读(605) 评论(0) 推荐(0)

618 markdown无序列表

摘要：无序列表要创建无序列表，请在订单项前添加破折号（-），星号（*）或加号（+）。缩进一个或多个项目以创建嵌套列表。【缩进一个或多个项目以创建嵌套列表，各个级别之间要是独立的行，不是的话，手动按enter键。】阅读全文

posted @ 2021-02-20 17:55 冲啊！阅读(273) 评论(0) 推荐(0)

617 ECharts 基本概念: 系列，dataset，组件，定位，坐标系

摘要：ECharts 基本概念 ECharts 基本概念: 系列系列（series）是指：一组数值映射成对应的图【一个系列对应一张图，series中的一个子项对应一张图。】案例：多系列混合 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <s 阅读全文

posted @ 2021-02-18 17:06 冲啊！阅读(877) 评论(0) 推荐(0)

616 ECharts 入门案例：销售柱状图，进阶案例：多 ECharts 实例

摘要：ECharts 入门入门案例：销售柱状图 <!DOCTYPE html> <html> <head> <script src="https://cdn.jsdelivr.net/npm/echarts@4.7.0/dist/echarts.min.js"></script> <style> #ch 阅读全文

posted @ 2021-02-18 16:16 冲啊！阅读(331) 评论(0) 推荐(0)

615 WebGL，zrender，d3，Three.js

摘要：WebGL WebGL（Web Graphics Library）是一种 3D 绘图协议，WebGL可以为 HTML5 Canvas 提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示 3D 场景和模型了，还能创建复杂的导航和数据视觉化。 WebGL 案例分享案例1 阅读全文

posted @ 2021-02-18 11:02 冲啊！阅读(882) 评论(0) 推荐(0)

614 svg入门案例：绘制点、矩形、直线和圆形

摘要：入门案例：绘制点、矩形、直线和圆形 <!DOCTYPE html> <html> <head> </head> <body> <svg width="800" height="800"> <rect width="50" height="50" style="fill:red;stroke-widt 阅读全文

posted @ 2021-02-18 10:29 冲啊！阅读(795) 评论(0) 推荐(0)

613 python修改文件名

摘要：import os file_path = r'文件所在目录' files_list = os.listdir(file_path) # print(files_list) for name in files_list: if name.endswith('mp4'): # 以mp4结尾的文件 ol 阅读全文

posted @ 2021-02-18 09:13 冲啊！阅读(79) 评论(0) 推荐(0)

612 canvas

摘要：canvas canvas 是 HTML5 的新特性，它允许我们使用 canvas 元素在网页上通过 JavaScript 绘制图像。入门案例：绘制点、矩形、直线和圆形 <!DOCTYPE html> <html> <head> </head> <body> <canvas id="canvas" 阅读全文

posted @ 2021-02-17 22:29 冲啊！阅读(107) 评论(0) 推荐(0)

611 数据可视化前端技术选型

摘要：数据可视化解决方案前端数据可视化解决方案如下： Skia Skia 是 Chrome 和 Android 的底层 2D 绘图引擎，具体可参考百度百科，Skia 采用 C++ 编程，由于它位于浏览器的更底层，所以我们平常接触较少对底层绘图感兴趣的同学可以从这个案例入手，了解一下 C++ 的可视化编阅读全文

posted @ 2021-02-17 22:26 冲啊！阅读(148) 评论(0) 推荐(0)

610 数据可视化应用场景

摘要：分为四个主要阶段：基础阶段、数据报表项目、数据大屏项目和移动报表项目. 数据可视化应用场景什么是数据可视化？基本概念 TIP 数据可视化，是关于数据视觉表现形式的科学技术研究这个概念向我们传达了两个信息：数据可视化是一门学科数据可视化与数据和视觉有关数据可视化简单理解，就是将数据转换成易阅读全文

posted @ 2021-02-17 21:07 冲啊！阅读(253) 评论(0) 推荐(0)

609 uniCloud 云开发的基础用法：云函数，云数据库的增删改查，云服务空间，云存储上传文件

摘要：云函数的使用 index.vue <template> <view class="content"> <!-- <image class="logo" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-62ae62c5-9a74-4911-a81a-e606 阅读全文

posted @ 2021-02-15 11:51 冲啊！阅读(1048) 评论(0) 推荐(0)

608 uniapp项目基础配置，目录结构

摘要：连接安卓设备谷歌浏览器配置阅读全文

posted @ 2021-02-14 14:34 冲啊！阅读(92) 评论(0) 推荐(0)

607 uniapp条件编译、页面布局

摘要：<template> <view>    <btn></btn>    <bt 阅读全文

posted @ 2021-02-14 09:15 冲啊！阅读(179) 评论(0) 推荐(0)

606 uniapp自定义组件

摘要：index.vue <template> <view> <btn color="red" background-color="skyblue" @change="change">点击我啊</btn> </view> </template> <script> // 是@/，不要漏了斜杠/ import 阅读全文

posted @ 2021-02-13 20:49 冲啊！阅读(64) 评论(0) 推荐(0)

605 uni-app 基础：模板语法，数据绑定，条件判断，列表渲染，基础组件

摘要：uni-app核心知识概览 index.vue <template> <view>  <view class="text-area"> <text class="title">{{title}}</text> </view>  <view clas 阅读全文

posted @ 2021-02-13 19:41 冲啊！阅读(531) 评论(0) 推荐(0)

604 uniapp概述

摘要：阅读全文

posted @ 2021-02-12 21:59 冲啊！阅读(58) 评论(0) 推荐(0)

603 拜年

该文被密码保护。

posted @ 2021-02-11 20:17 冲啊！阅读(0) 评论(0) 推荐(0)

602 自定义博客园css样式

摘要：/* 2021 8 18*/ * { font-size: 16px!important; line-height: 1.6!important; } /* 调整宽度开始 */ body { background-size: 108%; background-position: -66px 0; / 阅读全文

posted @ 2021-02-10 21:47 冲啊！阅读(268) 评论(0) 推荐(0)

601 小程序阶段7 系统API：网络请求，展示弹窗，页面分享，登录流程，小程序登录演练，open-type的取值，导航返回，界面跳转过传递数据

摘要：网络请求 – 基本使用网络请求 – 代码演练网络请求 – 请求封装 home.js // pages/home/home.js import request from '../../service/network.js' Page({ data: { }, onLoad: function (o 阅读全文

posted @ 2021-02-09 20:52 冲啊！阅读(205) 评论(0) 推荐(0)

600 小程序阶段6 组件化开发：创建自定义组件，样式的相互影响，组件和页面通信，向组件传递数据properties，向组件传递样式externalClasses，组件向外传递自定义事件，页面直接调用组件方法，插槽使用，Component构造器

摘要：什么是组件化？小程序组件化思想创建一个自定义组件使用自定义组件和细节注意事项组件的样式细节样式的相互影响 my-style.wxml  <view class='title'>我是style标题</view> 阅读全文

posted @ 2021-02-08 11:58 冲啊！阅读(278) 评论(0) 推荐(0)

599 小程序阶段5 事件处理：事件类型，事件对象，touches和changedTouches，currentTarget和target，事件参数的传递

摘要：事件的介绍事件的简单演练常见事件类型事件类型演练事件对象介绍 touches和changedTouches的区别 currentTarget和target的区别事件参数的传递参数传递的练习事件冒泡和事件捕获代码演练  <!-- 1 阅读全文

posted @ 2021-02-06 22:46 冲啊！阅读(239) 评论(0) 推荐(0)

598 小程序阶段4 WXSS&WXML&WXS：页面样式写法，rpx，样式导入，Mustache语法，wx:for，block标签，wxml的引入，模板用法，include引入，wxs模块

摘要：   <view style='color: red; font-size:32px;'>哈哈哈</view>  <view cl 阅读全文

posted @ 2021-02-04 22:04 冲啊！阅读(299) 评论(0) 推荐(0)

02 2021 档案

导航

公告