飞来一只PIG�-CSDN博客

原创 element UI tree组件新增删除刷新数据后不合闭记录

可以使用组件自带属性：default-expanded-keys首先需要组件有：node-key属性，值可以是数据中的唯一字段然后在点击node的方法中进行添加<el-tree :data="data" node-key="id" ：default-expanded-keys="defaultExpandedKeys" @node-click="handleNodeClick" ></el-tree>data () { default

2021-04-02 09:48:41 373

原创 Leaflet 地图大数据打点 1秒10W点

当地图上需要大量渲染点的时候，一般都是用到聚类的方法来减轻浏览器的负担，或者规定渲染范围。但是我有一个项目需要大量渲染点，同时不能用聚类和规定渲染范围。这时就发现了一个Leaflet的插件leaflet.canvas-markers.js使用方法也很简单，git地址：https://github.com/eJuke/Leaflet.Canvas-Markers在vue中引入 npm installleaflet-canvas-marker或者引入JS文件<script src...

2020-06-12 11:05:06 2430 2

原创循环对象键对赋值到对象

let obj = { a:1, b:2, c:3}let arr = []for(let item in obj){ arr.push({ [item]:obj[item] })}console.log(arr)输出结果为：

2020-03-12 11:04:10 267

原创页面PDF文件预览

首先通过NPM引入npm install pdfobject --save-dev也可以去官网直接下载js文件https://pdfobject.com/组件中引入pdfobjectimport PDFObject from "pdfobject";然后在页面中使用<template> <div id="pdfs"></div...

2020-01-22 10:45:03 316

转载针对单个 js 文件禁用 ESLint 语法校验

问题描述：在 Vue-cli 创建的项目中，使用了 ESLint 规范代码的项目中如何针对单个 js 文件禁用 ESLint 语法校验，但整个项目依然保留 ESLint 的校验规则？解决方案：在代码顶部添加一行注释/* eslint-disable */ESLint 在校验的时候就会跳过后面的代码还可以在注释后加入详细规则，这样就能避开指定的校验规则了...

2019-09-09 10:34:15 147

转载通过GitHub安装Chrome react developer tools调试工具（转载）

1.先进入到https://github.com/facebook/react-devtools网址2.通过git clone https://github.com/facebook/react-devtools.git下载到本地（或者直接点击下载）3.下载之后进入到react-devtools目录下，用npm安装依赖npm --registry https://registry.np...

2019-06-30 14:35:30 1622

转载 vue2.0+vue-dplayer实现hls播放

vue2.0+vue-dplayer实现hls播放 vue2.0+vue-dplayer实现hls播放开始安装依赖npm install vue-dplayer -S1，编写组件HelloWorld.vue<template> <div class="hello"> <d-player re...

2019-02-20 09:50:16 1286

原创 Draggabilly插件dom移动

下载Draggabilly插件然后在组件中引用import Draggabilly from 'draggabilly'; // 元素移动用并用以下方法创建Draggabilly实例，可以放在dom加载之后/* eslint-disable no-new */ // 这条注释要带，消除eslint带来的报错new Draggabilly('.bigTitle'/*这个是移动的...

2019-02-19 09:21:39 263

转载 webpack配置之html-webpack-plugin

用途：我们可以直接在src文件夹写html文件，打包后会自动在dist文件夹下生成这个html文件，并直接引用配置的js文件示例：webpack.config.jsvar HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { entry:{ ...

2019-01-04 16:38:46 402

原创 Element-ui修改源码后打包

修改源码不能在项目中修改，不管是去element-ui下的packages下的组件中的main.js还是去输出的lib包里面修改都是无效的。这个时候就要去创建一个新的文件夹，在文件夹下面运行命令窗口，输入以下代码git clone https://github.com/ElemeFE/element.gitcd elementnpm install然后再修改packages 里面...

2018-12-19 15:29:31 6244

weixin_43864045的博客