uncle_Huang
No pains,no gains.
展开
-
microApp vue3+vite+ts 子应用接入改造
microApp vue3+vite+ts 自应用接入改造原创 2024-07-01 20:59:50 · 335 阅读 · 0 评论 -
canvas绘制渐变色三角形金字塔
用canvas绘制渐变色断层金字塔,再用svg绘制圆点和折线添加标识原创 2023-09-08 11:34:50 · 570 阅读 · 0 评论 -
vue+supermap+leaflet+elementui cgcs2000大地坐标系 根据后端返回的数据打点,手动打点,绘制图形
vue+supermap+leaflet+elementui cgcs2000大地坐标系 需求如下:根据返回经纬度数据,显示地点,支持搜索查询,手动打点,手动绘制图形画区域原创 2023-05-11 14:29:16 · 531 阅读 · 0 评论 -
echarts柱状图label显示另外一组数据
现在需要用在echarts的柱状图显示这些数据,一般按照图一展示,但是现在需要展示数据如图二,柱子高度显示新增用户数据,而柱子上的label文字显示活跃用户数据,且tooltip显示两个数据。原创 2023-05-10 14:48:59 · 442 阅读 · 0 评论 -
ElementUI tree 懒加载 手动刷新数据的有效方法
有个需求,就是根据不同的参数,返回不同的树数据,而且这些树还是在懒加载的情况下。因为el-tree懒加载获取数据是通过loadNode方法,而loadNode只在树第一次加载时调用,之后的进行其他操作不能触发此方法,导致数据不能及时更新,即我切换参数的时候,没有触发loadNode方法,导致树显示的数据还是之前的。所以只能靠手动刷新数据。而网上大多数的方法就是手动调用该方法。但是该方法需要两个参数,这两个是第一次加载时默认传入,后续调用需要这两个参数,所以在第一次调用的时候把这两个参数的值保存下来。原创 2022-01-24 19:52:53 · 2647 阅读 · 0 评论 -
vue3+ts 实现左侧菜单收缩加拖拽功能
先看一下效果图:开发需求就是左侧菜单支持收缩和拖拽,不管拖拽到哪个位置,收起再展开后,左侧宽度恢复到初始状态。用到的是vue3+ts,这里我只简单写了一下布局,具体代码如下<template> <div class="main-box"> <div class="header-box">header</div> <div class="container-box" ref="containerBox"> <原创 2021-12-21 14:55:23 · 1651 阅读 · 0 评论 -
前端调试手机app
有时候应用在电脑网页端显示是正常的,但是一安装到手机上或者在手机浏览器上打开,就会显示各种问题问题。在网上找了很长时间,最方便的就是利用在电脑上利用谷歌浏览器进行调试,输入网址chrome://inspect/#devices,进行调试,如下图所示。打开网址,电脑连上手机后,如果在手机上点开你需要调试的app,在红框内会出现相应的应用信息,然后点击inspect;如果发现根本没有出现你想要调试应用的信息,这时候可以用...原创 2021-11-29 11:19:35 · 1325 阅读 · 0 评论 -
引用echarts的水球图echarts-liquidfill.min.js文件报错require is not defined或define is not defined处理
在用echarts水球图echarts-liquidfill.min.js时,遇到了require is not defined或是define is not defined报错,具体保存信息如下图:在网上到处查找,寻找解决办法,基本上能找到的办法我都试了,还是报这个错,还是只能自己想办法。我自己找到的解决办法如下。既然它报的错是require is not defined或者define is not defined,我就想办法避免它用到require或是define。可以先不用echarts-原创 2021-10-20 16:08:01 · 2358 阅读 · 0 评论 -
d3.js 利用svg绘制水球图(d3.v3.js和d3.v5.js)
水球图d3.js官网有现成的例子,可以直接拿来用,只不过引用的是d3.v3.js,如果想用d3.v5.js绘制水球图,就得稍微改一下。d3.js官网指南->官方画廊->水球图(Liquid Fill Gauge)或者直接点击水球图实例1、d3.v3.js绘制的水球图实例index.html<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> &原创 2021-06-30 21:02:08 · 865 阅读 · 0 评论 -
利用nginx简单部署前端项目
情况描述:前端项目是vue项目,把项目打包后部署到服务器上,服务器是linux系统。需要用到的软件:Xshell,Xftp适用对象:前端小白(大佬们就不要看了,写得一般般,羞羞)首先本地用Xshell连接服务器打开Xshell,点击文件-》新建填写名称、主机和端口号。点击用户身份验证,方法默认password,填写用户名和密码,点击确定。连接后,查看服务器有没有安装nginx,输入find / -name nginx如果安装了,输入后按回车键,会显示nginx的安装路径,如下图原创 2021-06-04 16:47:06 · 832 阅读 · 0 评论 -
使用elementui的el-table时,出现错误:ResizeObserver loop limit exceeded
使用elementui的el-table时,出现错误:ResizeObserver loop limit exceeded。在网上搜到很多解决方法,最后找到了对自己有效的解决办法。在el-table里加一行这个就行了。<el-table-column type="index"></el-table-column>...原创 2021-03-12 09:18:26 · 5591 阅读 · 4 评论 -
elementui树,一个树的结点拖拽到另一个树上
实现把一个树的结点拖拽至另一个树上,主要用的是vue+elemenui。先放一下效果图。以下是实现的代码。<template> <div> <el-row> <el-col :span="12"> <div > <el-tree :data="data" node-key="id" default-exp原创 2021-02-08 11:15:49 · 1833 阅读 · 2 评论 -
vue+elementui实现input框组成的tree
首先,想要实现下图的效果,根结点不能删除,只能增加子孙结点,子孙结点由两个输入框,分别输入属性名和属性值,子孙结点可以添加和删除。在网上找了很久都没找着,只能自己写了。。。。。。有需要的拿走不谢~demo.vue<template> <div> <el-tree class="tree-class" :data="data" show-checkbox node-key="id" default-ex原创 2021-01-12 15:08:42 · 1123 阅读 · 0 评论 -
萤石视频监控模式的参数decoderPath配置问题
这是萤石视频监控模式的api文档这里写了decoderPath参数为必填,是ezuikit的绝对地址这个地址就是你引入ezuikit.js的绝对路径比如,我的是vue项目,在本地调试,把ezuikit.js放在public/static文件夹下,此时decoderPath的值就写成http://localhost:7076/static,如果你也是本地调试,还是不知道路径怎么写,就打开控制台,可以看到ezuikit.js的路径这样就搞定了(这个地址是绝对地址,如果上线的话,记得改改)..原创 2020-07-21 11:22:15 · 1478 阅读 · 0 评论 -
前端面试经验2020年10月
本人2020年10月中旬辞职,到现在,一共面试了10家公司,坐标在安徽合肥,现在特来分享自己的面试经验,整理一下面试被问到的题目。(答案基本上网上可以直接搜到)一、html5,css3,es6新特性链接:html5新特性、css3新特性、es6新特性1、cookie,sessionStorage和localStorage的区别?2、header,footer这些新标签的出现有什么意义?3、canvas和svg的区别?4、box-size有什么作用?5、用过transform吗?6、map的原创 2020-12-03 22:48:17 · 466 阅读 · 0 评论