一个聪明蛋-CSDN博客

原创可视化论文分享1——Edit-History Vis: 对于维基百科编辑历史的可视化探索与分析

1.这个idea还是想的比较好，维基百科的修订历史数据，我之前都没有了解过维基百科是什么东西2.这个数据挺庞大的，他们做了一个细分，显示的是句子级别的修改可视化，然后抓住四种修改方式：插入，删除、修改、移动（这个没怎么见到过），用图形来代表含义，主要抓住一个可以分析编辑冲突，让用户去交互探索发现有趣的规律（比如编辑者是怎么样去争执一些名词的，或者一个正常的渐进完善过程）

2023-11-07 10:23:13 204

原创可视化作品分享1——全球地铁可视化

本项目对维基百科中全球地铁的数据列表进行爬取，获得了66个国家/地区的206个城市的地铁数据，其中包括地铁的位置信息及每条线路的具体信息，给出了各城市现有地铁的情况。这个作品我真的很喜欢，它的整个设计流程也写的很好，写清楚了从最开始的想法是怎么一步步演变到最后的结果，突出那种视觉冲击力、简洁艺术性，对于这种可视化设计，不要有那种这个想要把所有的信息都呈现出来的想法，要明确自己的点，然后进行设计，没有给人罗列信息的感觉，而且第一眼看上去艺术性就很好，细看设计得也很好，案例分析也让人感触。

2023-11-07 00:01:07 277 1

原创 vuex实现组件之间通信

在上面的例子中，我们在state中定义了数据count，在mutations中定义了方法changeCount来改变这个数据，假设我们有组件A和组件B，我希望在组件A中改变count，然后组件B接收到count的改变。在组件A的methods中定义函数changeData，组件A中想要改变count值的时候就调用这个方法，通过commit触发前面在mutation中定义的函数，就改变了count数据了。如果使用的是Vue2，安装vuex3.x的版本，如果使用的是Vue3，安装vuex4.x的版本。

2023-10-31 21:38:05 139 1

原创 Vue2/Vue3项目（vue-cli）引入element-ui

接下来就可以使用element-ui了，从element-ui官网案例中拷贝一段代码过来放在div中，再运行就可以在界面中看到效果了。对于Vue3而言，则需要引入element-plus，网址如下。其余的一样正常使用，可以看element-plus的网页案例。可以通过如下命令将element-ui添加到依赖里来。引入后可以在package.json中看到。

2023-10-31 00:21:54 184 1

原创从零开始构建一个Vue项目（手脚架）

package.json文件中定义了这个项目所需要的各种模块，以及项目的配置信息，npm install 命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境（所以比如从github上拉取一个vue项目，会发现是没有node_modules这个文件夹的，运行npm install之后会帮你都配置好）HelloWorld.vue 是Vue脚手架创建时候给我们的一个简单的样例组件，我们点击链接看到的内容就是在这个组件中写的，之后编写vue页面的时候也主要是用这样的组件化流程。

2023-10-30 23:10:42 122