qq_51486722的博客

原创 echarts 地图搭配散点图

直接在series配置：同时可以使用option.series.push()方法添加需要的样式数据

原创 Vue draggable 基本拖拽

一、下载draggable插件npm install -S vuedraggable二、引入、注册组件文件内引入：import draggable from 'vuedraggable'注册components: {draggable},三、直接使用draggable拖拽最基本的单独元素，包括Button,cards等，不能放在整个实体内。v-bind="dragOptions" 可选绑定的配置其中，:list="绑定值" 与 返回的数组一致d...

转载 原型链，什么是原型链？原型链的作用

原型链什么是原型链？为什么要使用原型链呢？使用原型链有什么作用？原型链的特点__proto__和prototype的区别示例代码控制台测试详解图话说回来，原型链既然是一个链条，那肯定是存在一个开头的吧，那它是从哪开始的呢？我们如何才能知道？什么是原型链？原型链通俗易懂的理解就是可以把它想象成一个链条，互相连接构成一整串链子！而原型链中就是实例对象和原型对象之间的链接。每个函数都有一个prototype属性，这个prototype属性就是我们的原型对象，我们拿这个.

原创 前端项目在比翼上部署文档

原创 前端的三种本地存储方式

为什么会有本地存储？ 网络早期最大的问题之一是如何管理状态。简而言之，服务器无法知道两个请求是否来自同一个浏览器。当时最简单的方法是在请求时，在页面中插入一些参数，并在下一个请求中传回参数。这需要使用包含参数的隐藏的表单，或者作为URL参数的一部分传递。这两个解决方案都手动操作，容易出错。cookie作用： cookie是纯文本，没有可执行代码。存储数据，当用户访问了某个网站（网页）的时候，我们就可以通过cookie来向访问者电脑上存储数据，主要用途是保存登录信息，比如你登录某个网...

原创 关于iview Element table 自适应列宽问题

Vue + iview-ui 遇到 iview内的table没有原生table那种列宽自适应功能,在iview table API中并没有找到自适应的接口table.png同样，Element table虽然拥有 fit 这个属性但是使用上并没发现有任何作用，在Element官方github上issue #4159 大部分人讨论方向都是通过遍历计算每列最大宽度，但是当数据多的时候性能会受到影响。后来官方关掉了这个票，需要开发人员自行解决不管是Element还是iview 针对table的封装，都会自

原创 关于view换页导致选择项丢失问题

在ivew组件中，选择某些数据换页然后再切换回去导致所选数据不存在的解决方法。主要思路：1、单选时使用ivew table组件中的row属性，将当前row数据存储到数组中（例：数组portTempList) onSelectChange(selection, row) { this.portTempList.push(row); },2、全选时，如果本页数据都未被选择portTempList为空，那么直接将数据存储到portTempList中，如果已经存在已选数据，...

原创 解决下拉树问题

问题描述：第一级为从后端拿到的网管数据，点击第一级得到该第一级下的第二级数据 => 从后端拿到的网元信息，点第二级得到该第二级网元下的端口信息 ，将端口信息呈现在表格里解决办法：TreeSelect （这里面的cb是什么作用？？？） <div> <p>网管名称</p> <Row> <Col span="4"> ...

原创 Slot插槽使用

文章目录提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as np import pandas as pd import matplotlib.pyplot as plt import seaborn as sns import warnings warnings.filterwarnings('ig

原创 Antv G6

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、使用步骤1.引入库Step 1:使用命令行在项目目录下执行以下命令： npm i.

原创 Vuex的使用详解

文章目录前言提示：以下是本篇文章正文内容，下面案例可供参考一、vuex是什么？方便实现组件之间数据的共享 里面的数据（也就是状态）是全局的二、使用步骤1.使用Vuex统一管理状态的好处@1.能够在vuex中集中管理共享的数据，易于开发和后期维护@2.高效的实现组件之间数据共享，提高开发效率@3.存储在vuex中的数据是响应式的，也就是其他地方引用vuex中的数据会随着vuex的改变而改变2.什么样的数据适合存储到vuex中？一般情况，组件之间共...

原创 vue培训基础学习

路由：配置路由路由中的childrentitle作用：在导航栏头部悬空出现在配置路由时，所有的数据都要设置name和title属性如果是菜单项，必须写type属性 type属性的属性值为 menuimport在引入时加不加｛｝,如果想要使用其中一种方法，则在括号里直接指定，如果使用文件夹里的所有，直接使用文件夹名称从后台拿的数据已经封装过了，使用时需使用data.data...

原创 ivew学习

Table表格：设置属性stripe，表格会间隔显示不同颜色，用于区分不同行数据。在表格中加入全选：使用selection属性如果想要固定左边一列，在columns中加入 fixed：left分割线：水平分线以及带有With Text的分线分页：total=“total” 监听总数目show-total 属性是显示总数目 在Page中加入此属性即可on-change：页码改变，返回改变的页码on-...

原创 2021-07-26前端基础Css样式

1.E::first-line 第一行样式 E::before E::after在每个<p>之前插入的内容和样式:p:before{content:"Read this -";background-color:yellow;color:red;font-weight:bold;}2.匹配 <p> 的父元素的第一个<p>元素3.p:first-child{ background-color:yellow;}3.锚点定位.

原创 Vue组件化

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言 一、组件是什么？ 二、使用步骤前言vue组件化提示：以下是本篇文章正文内容，下面案例可供参考一、组件是什么？组件化是vue.js中重要思想 开发出独立的可复用的小组件 组件树优点：在开发过程中能够充分的利用 可复用 方便组织和管理 扩展性也很强二、使用步骤第一种方式：（2.x以上的版本已经不使用这种方法，使用第二种语法糖的方式）1.创建组件构造器在写...

原创 父子组件通信与访问

主要就父子组件通信进行介绍文章目录前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？二、使用步骤...