2021 年 3月随笔档案 - 13522679763-任国强

异步加载地图

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <title>地图展示</title> <style type="text/css"> html,body{ width: 100%; height: 100%; 阅读全文

posted @ 2021-03-31 23:00 13522679763-任国强阅读(105) 评论(0) 推荐(0)

入门案例1

摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="https://api.map.baidu.com/api?type=webgl&v=1.0 阅读全文

posted @ 2021-03-31 22:39 13522679763-任国强阅读(48) 评论(0) 推荐(0)

echar-环形图

摘要：<template> <div class="bottom-view"> <div class="view"> <el-card shadow="hover"> <template v-slot:header> <div class="title-wrapper">关键词搜索</div> </tem 阅读全文

posted @ 2021-03-31 22:23 13522679763-任国强阅读(165) 评论(0) 推荐(0)

vue-路由相关

摘要：import Vue from 'vue'import Router from 'vue-router'import Home from './views/Home.vue'import Custom from './views/Custom'import System from './views/ 阅读全文

posted @ 2021-03-31 13:39 13522679763-任国强阅读(42) 评论(0) 推荐(0)

图表3-横向柱状图

摘要：mounted() { const chartDom = document.getElementById('total-users-chart'); const chart = this.$echarts.init(chartDom); chart.setOption({ grid:{ left:0 阅读全文

posted @ 2021-03-28 21:18 13522679763-任国强阅读(305) 评论(0) 推荐(0)

图表2-》柱状图

摘要：mounted(){ const chartDom = document.getElementById('today-users-chart'); const chart = this.$echarts.init(chartDom); chart.setOption({ // 修改颜色 color: 阅读全文

posted @ 2021-03-28 20:40 13522679763-任国强阅读(51) 评论(0) 推荐(0)

图表1->波浪图

摘要：mounted(){ const chartDom = document.getElementById('total-orders-chart'); const chart = this.$echarts.init(chartDom); console.log(chart) chart.setOpt 阅读全文

posted @ 2021-03-28 20:25 13522679763-任国强阅读(156) 评论(0) 推荐(0)

下载引入

摘要：创建项目 vue create imooc-datav-report-dev 1 Manually select features 2 (*) Router (*) Choose Vue version (*) Babel (*) CSS Pre-processors 3 Sass/SCSS (wi 阅读全文

posted @ 2021-03-28 17:26 13522679763-任国强阅读(45) 评论(0) 推荐(0)

多坐标系案例图

摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/echarts@4.7.0/dist/echarts.js"></script> 阅读全文

posted @ 2021-03-25 23:14 13522679763-任国强阅读(57) 评论(0) 推荐(0)

双坐标系案例

摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/echarts@4.7.0/dist/echarts.js"></script> 阅读全文

posted @ 2021-03-25 23:04 13522679763-任国强阅读(41) 评论(0) 推荐(0)

散点图

摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/echarts@4.7.0/dist/echarts.js"></script> 阅读全文

posted @ 2021-03-25 22:57 13522679763-任国强阅读(39) 评论(0) 推荐(0)

修改坐标图位置功能

摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/echarts@4.7.0/dist/echarts.js"></script> 阅读全文

posted @ 2021-03-25 22:48 13522679763-任国强阅读(64) 评论(0) 推荐(0)

4个组件功能

摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/echarts@4.7.0/dist/echarts.js"></script> 阅读全文

posted @ 2021-03-25 22:43 13522679763-任国强阅读(39) 评论(0) 推荐(0)

多系列 dataset 管理数据

摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/echarts@4.7.0/dist/echarts.js"></script> 阅读全文

posted @ 2021-03-25 22:26 13522679763-任国强阅读(23) 评论(0) 推荐(0)

Echars 多系列案例

摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/echarts@4.7.0/dist/echarts.js"></script> 阅读全文

posted @ 2021-03-25 21:10 13522679763-任国强阅读(39) 评论(0) 推荐(0)

vue.config.js 配置相关

摘要：根目录创建 vue.config.js module.exports = { //Process.env.NODE_ENV : 环境变量中存储的是开发环境还是生产环境// publicPath: Process.env.NODE_ENV 'production' ? 'www' : '/',/ 阅读全文

posted @ 2021-03-16 14:09 13522679763-任国强阅读(150) 评论(0) 推荐(0)

vue cteate 创建项目

摘要：安装 npm install @vue/cli@3.12 -g vue --version // 查看版本 // 创建工程化的项目 vue cteate 项目名称 vue create demo-1 default || Manually select features // 默认和自己安装 1 阅读全文

posted @ 2021-03-16 14:08 13522679763-任国强阅读(148) 评论(0) 推荐(0)

axios配置

摘要：import axios from 'axios'; axios.defaults.baseURL = 'http://1217.0.0.1'; // axios.defaults.withCredentials = true; axios.defaults.headers['Content-Typ 阅读全文

posted @ 2021-03-16 10:24 13522679763-任国强阅读(81) 评论(0) 推荐(0)

webpack4 配置和安装包版本

摘要：{ "name": "webpack-banner", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified 阅读全文

posted @ 2021-03-16 10:23 13522679763-任国强阅读(492) 评论(0) 推荐(0)

压缩 css js代码

摘要：安装 mini-css-extract-plugin 抽离 css 内容 npm install mini-css-extract-plugin -D 压缩 css 代码 npm install optimize-css-assets-webpack-plugin -D 压缩js npm insta 阅读全文

posted @ 2021-03-15 13:47 13522679763-任国强阅读(166) 评论(0) 推荐(0)

配置 css less 打包和加前缀

摘要：// 安装模板解析 "html-webpack-plugin": "4.0.0-alpha", npm install html-webpack-plugin -D "css-loader": "^3.6.0", "style-loader": "^2.0.0", "less": "^3.9.0" 阅读全文

posted @ 2021-03-12 17:49 13522679763-任国强阅读(573) 评论(0) 推荐(0)

配置 HTML 控制压缩

摘要：// 使用数组 plugins:[ new HtmlWebpackPlugin({ // 自己定义的html 模板 template:'./src/index.html' , // 输出后的文件名 filename:'index.[hash].html', // filename:'index.ht 阅读全文

posted @ 2021-03-12 15:59 13522679763-任国强阅读(47) 评论(0) 推荐(0)

1 起步配置打包文件启动服务

摘要：webpack 的安装为了防止全局安装出现的版本冲突一般都把webpack安装在本地项目中 npm init -y npm install webpack@4 webpack-cli@3 --save-dev /* 配置自定义打包规则 1 所有规则都写在 module.exports = { 阅读全文

posted @ 2021-03-12 11:23 13522679763-任国强阅读(63) 评论(0) 推荐(0)

vue -轮播图