09 2021 档案

前端项目部署
摘要：命令！ 1.将项目前端打包，形成静态文件。 cnpm run build 在打包的过程中，不能报错，如果报错在你本地的项目中找错，或者你之前已经打包，在修改本地的项目后又重新打包报错，可以选在删除之前已经打包好的。再重新打包。 2.创建文件。 将打包好的前端复制这一个文件夹中，并且把主应用中的ind 阅读全文
posted @ 2021-09-28 17:27 luckyshan 阅读(1901) 评论(1) 推荐(0)
代码触发 ECharts 中组件的行为代码触发 ECharts 中组件的行为
摘要：需要在程序里调用方法并触发图表的行为，比如显示 tooltip。 ECharts 通过 dispatchAction({ type: '' }) 来触发图表行为，统一管理了所有动作，也可以根据需要去记录用户的行为路径。 以上实例用于轮播饼图中的 tooltip： <!DOCTYPE html><ht 阅读全文
posted @ 2021-09-28 14:43 luckyshan 阅读(258) 评论(0) 推荐(0)
交互联动
摘要：多个图表共同使用一个dataset <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ECharts 实例</title> <!-- 引入 echarts.js --> <script src="https://cdn.staticf 阅读全文
posted @ 2021-09-28 10:52 luckyshan 阅读(83) 评论(0) 推荐(0)
Echarts数据集（dataset）
摘要：1、Echarts使用dataset数据集管理项目 dataset组件用于单独的数据集声明，从而数据可以单独管理，被多个组件复用并且可以基于数据指定数据到视觉的映射。 下面是一个最简单的 dataset 的例子： <!DOCTYPE html><html><head> <meta charset=" 阅读全文
posted @ 2021-09-28 09:47 luckyshan 阅读(1512) 评论(0) 推荐(0)
选择框-html实现下拉选择框（select）
摘要： 阅读全文
posted @ 2021-09-27 17:22 luckyshan 阅读(875) 评论(0) 推荐(0)
Echarts异步加载数据
摘要：ECharts 通常数据设置在 setOption 中，如果我们需要异步加载数据，可以配合 jQuery等工具，在异步获取数据后通过 setOption 填入数据和配置项就行。 json 数据： echarts_test_data.json 数据： { "data_pie" : [ {"value" 阅读全文
posted @ 2021-09-27 17:20 luckyshan 阅读(222) 评论(0) 推荐(0)
echars直接样式设置
摘要：1、直接的样式设置是比较常用设置方式。纵观 ECharts 的 option 中，很多地方可以设置 itemStyle、lineStyle、areaStyle、label 等等。这些的地方可以直接设置图形元素的颜色、线宽、点的大小、标签的文字、标签的样式等等。 2、一般来说，ECharts 的各个系 阅读全文
posted @ 2021-09-27 10:24 luckyshan 阅读(154) 评论(0) 推荐(0)
echars配置语法
摘要：一、创建html，引入echars.min.js <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- 引入 ECharts 文件 --> <script src="echarts.min.js"></script> </head> </ 阅读全文
posted @ 2021-09-27 09:32 luckyshan 阅读(53) 评论(0) 推荐(0)
echars折线图、柱状图、散点图、饼图、K线图
摘要：主要了解饼图，柱状图，折线图 1、柱状图 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>第一个 ECharts 实例</title> <!-- 引入 echarts.js --> <script src="https://cdn. 阅读全文
posted @ 2021-09-27 09:15 luckyshan 阅读(339) 评论(0) 推荐(0)
登陆注册modal弹框
摘要：1. 上来一个ul先把登录和注册两个链接扔进去，ul的类nav,navbar-nav是导航条，navbar-right让他固定在右侧。每个li的里面，data-toggle="modal"是点击出现一个modal模组，data-target="#register"是点击之后出现的弹框的id，再里面的 阅读全文
posted @ 2021-09-26 17:00 luckyshan 阅读(240) 评论(0) 推荐(0)
html，css，js合并到vue项目中
摘要：项目目录 ： -webpage下有src和static文件夹，src下有assets文件夹 -webpage -src -assets -static 一、html文件改成.vue格式的文件demo.vue，内容修改成如下 1 2 3 4 5 6 7 <template> </template> < 阅读全文
posted @ 2021-09-26 15:05 luckyshan 阅读(2278) 评论(0) 推荐(0)
html+css+js实现轮播图
摘要：1、html <div class="banner" > <div class="img-wrap"> <ul> <li class="item" style="display: block"> <a href="https://www.mgtv.com/b/328169/5364726.html" 阅读全文
posted @ 2021-09-24 15:15 luckyshan 阅读(963) 评论(0) 推荐(0)
给a标签去掉下划线
摘要：1、在css中给标签添加样式 a{ text-decoration: none; } 2、也可以直接在a标签加style样式 <a href="×××.html" style="text-decoration: none;">×××</a> 3、效果如图 阅读全文
posted @ 2021-09-24 10:51 luckyshan 阅读(475) 评论(0) 推荐(0)