共勉

在进行开发的过程当中，难免会出现一些重复性的工作，例如说我们要对一个数组对象按照某一个字段进行大小排序，又或者说把Promise对象进行封装，把AJAX请求也进行封装，但是在后续的开发过程当中，更换项目后，再去找之前的代码很难去定位到对应的位置，这个时候自定义npm包就显得额外重要了，有时候就会想像这种loadsh这种提供了很多种对应的函数、对象等这种方法是如何实现的，为什么他只需要执行一个npm命令，就可以直接使用对应封装好的方法，这个就是本篇将要说的。

visjs 提供了一个网络视图模块，提供给我们绘制网络之间的各个点、线之间的关系，这个的话就比较类似于echarts的地图，在地图上打点画线的逻辑，区别在于使用visjs可以拖动节点的位置、以及visjs里面还有对物理引擎等的引入。网络是一种可视化，用于显示由节点和边组成的网络和网络。可视化易于使用，并支持自定义形状、样式、颜色、大小、图像等。网络可视化可在任何现代浏览器上流畅运行，最多可容纳数千个节点和边。为了处理大量节点，Network 支持集群。

Nuxt.js 支持基于 Vue 应用程序生成静态站点。这是“两全其美”的，因为你不要服务器，但是仍能获得 SEO 的好处，这是因为 Nuxt 将预先渲染所有页面，并且包括必要的 HTML。

html2canvas允许您直接在用户浏览器上对网页或其部分进行“截图”。屏幕截图基于 DOM，因此可能不是 100% 准确到真实表示，因为它不会制作实际的屏幕截图，而是根据页面上可用的信息构建屏幕截图。

在使用Echar进行绘制地图对象，首先我们需要地图的json文件，Echarts依赖默认会引入这个相关的json文件，所以后续使用这个地图可以之间引用这里的json文件进行绘制Echarts地图。但是在后续重新构建项目的时候发现了一个问题，Echarts的依赖包下没有这个map文件了，我心想这不人麻了，这json文件我要去哪找。后面再对比版本之后发现，在5.0版本之前Echarts会默认将这些Map的json文件进行打包,但是在5.0之后就不会对这个进行打包加入到依赖之中了

表格背景色设置方法

前端设计使用ElementUI进行编写，后端使用springboot微服务架构，简单实现一个基于vue+springboot的增删改查案例

ElementUI 项目搭建的环境在ElementUI官网提供了两种方式进行使用ElementUI，有直接使用CDN加速进行使用，但是在现在都需要进行前后端分离，所以说我们这还是使用Vue-cli脚手架进行安装。先安装一个脚手架的项目。脚手架的使用参考 这篇文章，单击前往安装脚手架之后，进行这个项目，使用官网提供的命令进行下载elementUI。npm i element-ui -SElementUI 项目在vue-cli下搭建的配置在main.js当中进行导入ElementUI，并且让Vue进行

VueX是什么？VueX文档：https://vuex.vuejs.org/zh/Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单来说vuex就是对整体页面的数据传递进行管理。使用VueX的优点能够在vuex中集中管理共享的数据，易于开发和后期维护能够高效地实现组件之间的数据共享，提高开发效率存储在vuex中的数据都是响应式的，能够实时保持数据与页面的同步什么样的数据适合存储到

在这里当我们上传图片再对图片进行回显的时候，当前这个vue文件还是可以得到这个图片的地址从而进行回显的，而当我们一个界面是由两个vue构成的呢？那么另一个vue该怎么进行重新加载呢？第一种方法：对整个界面进行刷新。...

Cli是什么？是在图形用户界面得到普及之前使用最为广泛的用户界面，它通常不支持鼠标，用户通过键盘输入指令，计算机接收到指令后，予以执行。也有人称之为字符用户界面（CUI）Vue-Cli是什么？Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，通过 @vue/cli 实现的交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。一个运行时依赖 (@vue/cli-service)，该依赖：可升级；基于 webpa

前提说明在这里使用到vue和axios，vue进行数据绑定等，axios进行从连接获取数据。在这里axios获取的链接及api如下：https://autumnfish.cn/search?keywords= 根据关键字进行搜索https://autumnfish.cn/song/url?id= 搜索之后根据返回的id来获得这个歌的urlhttps://autumnfish.cn/comment/hot?type=0&id= 同样的根据id获取，这次获取歌曲的相关数据，如专辑封面、

Axios 简介axios必须先导入才可以使用，使用以下代码进行导入<script src="https://unpkg.com/axios/dist/axios.min.js"></script>使用get或post方法即可发送对应的请求then方法中的回调函数会在请求成功或失败时触发通过回调函数的形参可以获取响应内容，或错误信息简单实现Axios的 get post方法使用的api是https://autumnfish.cn/api 在这个api当中可以获取一

v-text命令本质上就是一个表达式的命令，用于直接对数据进行渲染<h2 v-text="massage"></h2>等价于<h2>{{ massage }}</h2>区别在于v-text当中的数据会对原本标签里面的文本进行覆盖，而后者不会，并且前者进行字符串的拼接使用+'hello'这种模式，后者直接加在大括号后面即可...