vue
文章平均质量分 78
少年码农历险记
记录并分享一个少年在成长为码农道路上的历险经历!
展开
-
全网最全可视化大屏模板
前言本次分享的可视化大屏模板来自于平常的学习和工作,对使用过的一些模板进行归纳收集,如有侵权,留言告知!继上次分享完《基于Echarts的数据可视化大屏系统设计分享》这篇文章过去也有一段时间了,后续会把手上有的可视化大屏项目都慢慢分享出来。这次带来的纯属于模板,在平常开发过程中,尤其是可视化大屏,自己去一个一个造轮子是一件很痛苦的过程,也非常的浪费时间,并且要考虑到各种屏幕适配问题,使用模板,可以给开发节省一大半的时间,对着框去编写代码即可,不需要再考虑布局和美观的问题了!在平常的工作学习中,我经常原创 2021-10-15 13:49:38 · 1264 阅读 · 4 评论 -
基于Echarts的数据可视化大屏系统设计分享
1、前言很近没有认真写文章了,都是遇到一些问题简单记录一下才被迫发表博客,这次准备把之前做的几套可视化分析大屏系统总结并分享出来,但暂时不开源(因为都是一些毕业设计,其中包括了论文以及各种资料)。这次介绍的系统主题是基于恶意短信的可视分析系统,数据来源是ChinaVIS 2017年挑战赛一,数据背景如下介绍:以上是这次系统设计的基调和背景,围绕这一背景,利用所学知识,将官方所给的数据转换为交互式的可视化图形,在系统运行过程中发现数据之间的联系以及找到题目所要求答案。这是我本科期间的毕业设计,基于此设计原创 2021-08-25 13:48:33 · 15752 阅读 · 34 评论 -
Vue(7):vue项目部署到服务器通过公网IP访问
Vue项目部署到服务器通过公网IP访问一、vue项目打包1.打包项目及修改文件 在本地的项目完成后,可能需要将其部署到服务器上,并且通过公网IP就可以访问到这个项目,下面介绍一下具体的部署流程。 首先将写好的vue项目打包,在vue项目的当前目录下面运行npm run build,运行完成后,就可以发现项目中多了一个dist的文件夹,这是打包好的文件,可以用来直接运行。文件夹项目包含一个static和index.html文件,static文件下包含的是所有的源代码和数据,index.html原创 2020-06-25 14:29:49 · 7286 阅读 · 2 评论 -
Vue(6):echarts图形隐藏之后不能加载的问题
Vue(6):echarts图形隐藏之后不能加载的问题因为是用vue+echarts开发的,所以把这篇博客也归纳到vue系列中,但所讲的知识和vue没有关系。我们在开发过程中难免会遇到在同一个位置通过按钮显示两个不同的图形,最简单的做法就是把另外一个图形隐藏,默认显示当前的图形。可以通过css代码来完成。style="display:none;"style="display:null;"/* none为隐藏当前图形,null则显示当前图形,好像用block和null的效果一样 */然后我们再配原创 2020-06-03 18:07:12 · 1297 阅读 · 0 评论 -
Vue(5): APP.vue引入CSS样式文件和动态切换组件的方法
1.vue文件引入css样式刚开始写的时候代码量比较小 ,越到后面代码量越大,这样css样式也就会越大,代码不仅不美观,而且也违背了模块化的道理。以APP.vue文件为例,如何引入css文件。试过很多方法,但感觉都没有成功,偶然发现两篇博主的文章,结合了一下,发现成功了。下面具体介绍一下如何引入。首先在终端中安装cnpm install style-loader --save-devcnpm install css-loader --save-devcnpm install stylus-loa原创 2020-06-01 09:07:48 · 2918 阅读 · 0 评论 -
Vue(4):Vue兄弟组件传值在echarts点击事件中的使用
前言 最近在用Vue+echarts+d3做一个项目,网上大多数是零散的,我把项目中遇到 的问题都总结起来,放在博客下,便于日后查看以及分享一下爬坑经验。 我所遇到的困难在网上大多数可以找到,但比较零散,且不好找,这是Vue项目的第四篇博客,因为也是初次使用Vue,所以多详细记录一下。 这篇博客主要分享的知识点是Vue中父组件传以及echarts鼠标事件中的父组件传值,还解决了一个在父组件传值的过程中div被加载了两次的问题。1.Vue子组件向父组件传值 二话不说,先上代码。子组件代码:原创 2020-05-18 15:15:17 · 1370 阅读 · 7 评论 -
Vue(二):新建Vue文件并运行
Vue(二):新建Vue文件并运行 在上一篇博客中我们已经创建了Vue项目并且分析了Vue的目录结构,我们主要开发的地方在src文件夹中,今天我们就来讲一下然后创建Vue文件并且在浏览器中运行出来。更改vscode settings.json文件 首先我们要知道的是,因为我们是使用npm新建的项目,所以在一些配置文件中规定了Vue的代码格式,也就是说不按照这种格式来书写的话,终端就会报错...原创 2020-05-04 10:25:42 · 3107 阅读 · 0 评论 -
Vue(一):创建Vue项目以及理解Vue目录
Vue(一):创建Vue项目以及理解Vue目录 本篇文章默认你已经配置好node.js环境。我使用的开发工具为vscode,所以的命令都是在vscode的终端里面运行。 我也是第一次接触Vue,所以写这篇博客来记录一下,之后忘记了还可以翻阅一下,做个记录。由于是第一次学习这个,我会把我所遇到的问题的解决方法都上传到博客,方便查阅。有需要的朋友可以看我的博客Vue系列。 在vscode终...原创 2020-05-04 10:22:19 · 469 阅读 · 0 评论