Mr.LiLong-CSDN博客

首先echarts的创建方式，是通过获取元素的id初始化echarts实例，所以在渲染时，两个元素的id相同只会出现一个echarts图表解决办法1、通过vue的ref去获取元素使用ref我们就不需要获取DOM结点了。$ref如果注册在元素上，它指向的就是DOM元素，如果注册在组件上，他指向的就是组件的实例。因为两个相同的id所以会覆盖，故我们设置不同的id即可。关于id的设置，我们可以使用父组件传过来的不同的值，也可以写个不重复的随机数进行赋值，主要是能保证两个组件id不同就行通过以上两种方法

2022-07-05 11:04:14 1522

原创 echarts自适应

echarts自适应

2022-07-05 10:49:34 251

原创 Vue + Matomo 实现访问流量统计

matomo是一款很好用的统计访问量的系统，包括浏览量，访问地址，代码监控，页面操作等都有统计。目前国内很少有公司用到matomo，我也是偶然机会接触到它了，在此记录一下Matomo环境配置Matomo官网Matomo/Piwik中文网地址内有vue-matomo简单介绍以及demo.Matomo官网搭建所需环境要求Nginx搭建Php搭建Mysql搭建全部搭建完成并启动成功后，然后下载matomo安装包https://matomo.org/download/将

2021-06-08 16:04:49 4259 2

原创搭建脚手架—生成前端工程

下载node地址：https://nodejs.org/zh-cn/node -v 检测是否安装成功下载vue脚手架npm install -g @vue/cli vue --v 检测是否安装成功进入你想要创建项目的文件夹 vue init webpack 项目名称cd 项目所在文件 npm run dev // 启动项目...

2021-06-07 17:43:01 85

原创小程序开发 -- 构建小程序（一）

小程序基本的项目目录pages：页面文件夹utils：第三方工具文件夹app.js:全局入口文件app.json:全局配置文件app.wxss:全局样式文project.config.json：项目的配置文件sitemap.json:微信索引配置文件申请 AppId一个 AppId 只能对应一个小程序先注册一个属于自己的小程序账号# 网址https://mp.weixin.qq.com/wxopen/waregister?action=step1注意：每个邮箱仅能申请

2021-06-07 17:10:03 201

原创搭建Vue框架

搭建Vue框架建立脚手架局部样式与全局样式组件库异步请求跨域问题Vuex建立脚手架搭建 NPM 私服。使用 Node 环境开发 CLI 工具，参考我自己写过的一篇 -【搭建脚手架—生成前端工程】。基于 @vue/cli 搭建基础的模板（大家都比较了解，节省开发时间，远胜于从零开始搭建）。根据业务需求定义各种开发中可能用到的功能（组件库、状态管理、过滤器、指令、CSS内置变量、CSS Mixins、表单验证、工具函数等）。局部样式与全局样式局部样式<style lang="scss

2021-06-07 16:43:07 120

原创 maptalks+VUE 开发（2）-- 绘制多边形

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档maptalks+VUE 开发（2）-- 绘制多边形一、效果图二、使用步骤1.引入2.创建VectorLayer（渲染层）一、效果图二、使用步骤1.引入参照上篇文章2.创建VectorLayer（渲染层）代码如下（示例）：var setStyle = []; // 用来set对应的图形颜色var layer = new maptalks.VectorLayer("vector") .setStyle({

2020-09-14 17:19:31 1293

原创 maptalks+VUE 开发（1）-- 初始化地图

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档maptalks+VUE 开发（1）-- 初始化地图前言一、maptalks是什么？二、使用步骤1.引入css和js2.初始化地图前言maptalks配合VUE开发地图服务一、maptalks是什么？一个用于集成2D / 3D地图的开源javascript库。maptalks官网maptalks官方实例二、使用步骤1.引入css和js在VUE根目录的index.html引入代码如下（示例）：<link r

2020-09-14 16:49:21 1624

原创 vue--封装axios

目录前期准备配置Config文件---config/index.js封装axios调用api在vue文件中引入前期准备安装依赖npm i axios -S在main.js引入import axios from "axios";配置Config文件—config/index.jsdev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/

2020-07-30 17:45:49 142

原创 JS 一些常用的数组处理的方法

JS一些常用的数组处理的方法说明:这篇文章是我在敲代码的过程中遇到的所有关于数组处理的方法,也是我最常用的,希望这篇文章能给你们带来一些帮助,废话不多说,直接上代码!数组去重数组分页数组合并说明:这篇文章是我在敲代码的过程中遇到的所有关于数组处理的方法,也是我最常用的,希望这篇文章能给你们带来一些帮助,废话不多说,直接上代码!数组去重// An highlighted block fu...

2019-08-24 17:04:30 195

blender-4.1.1-windows-x64.zip

TakeColor一款很好用的前端取色器

空空如也