自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

IT博客技术分享

没有做不到的,只有想不到的!

  • 博客(271)
  • 资源 (10)
  • 收藏
  • 关注

原创 用HbuilderX打包react移动端项目生成apk

HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。HbuildX打包android的apk安装包时需要新建项目

2023-04-04 17:53:54 736 2

原创 chatgptApi 文档使用以及 Demo演示

最近chatGpt 很火爆,搞得国内某度都按耐不住了,开始搞‘文心一言’了。体验到了ChatGPT的强大之后,那么我们会想,如果我们想基于ChatGPT开发一个自己的聊天机器人,这个能搞定吗?ChatGPT平台已经为技术提供了一个入口了,很简单的就是实现了。

2023-03-28 17:37:32 7729

原创 vueCli3.0 前端打包项目部署nginx后去除缓存

由于vue脚手架每次打包时,都会将打出的静态资源文件名加个哈希后缀,且index.html中引入时也加了对应的哈希后缀,所以每个版本的静态资源都是全新的,不用担心因升级导致的缓存问题。让静态资源有缓存好办,问题在于怎么只让index.html不缓存。不推荐使用的原因是:升级时缓存问题倒解决了,但直接导致了用户每次访问你的程序时都要重新请求服务器,所有的静态资源都无法用缓存了,浪费流量,网络压力变大。vue项目每次打包上线后,浏览器需要强制刷新浏览器才能去除缓存,更新最新的版本,这样做的话,肯定不是很合理。

2023-02-22 14:36:03 1839

翻译 js写一个弹窗消息提醒插件

“弹窗消息提醒”插件。以上是展示的效果。1. 分析当消息被触发的时候,会有一个自上而下的淡入过程。 在持续了一段时间后会自动的消失,或者是需要用户来手动的点击关闭按钮。 在消息消失的时候,会有一个自下而上的淡出过程。 消息是可以叠加弹出的,最新的消息会排在消息列表的最后面。 当前面的消息消失后,后面的消息会有一个向上滑动效果。然后消息本身是有三部分组成消息图标,用来区分不同类型的消息。 消息文本。 关闭按钮,并不是所有消息都需要关闭按钮。2. 实现样式那么,不管我们是

2021-08-30 16:22:54 1858

原创 js字符串的常用方法总结

1、数字转为字符串let num = 1256;let str = "0x"+num.toString(16);console.log(str)2、十六进制字符串解析为数字let str = "0xabc";let num=parseInt(str) console.log(num)3.截取一个字符串里面指定字符的前面内容/或者后面的内容3-1.截取 ’H‘ 前面的内容let str = '2555H666';截取 H 前面的字符串let index = str

2021-05-25 17:29:26 192

原创 17个非常炫酷的后台管理系统模板

模板是我们做后台管理系统经常所需要的东西。虽然,我们总可以花很多时间从头开始设计自己的模板,但有现在的模板让我们套,节省我们更多时间用来摸鱼,何乐而不为呢。这些现有出色模板,除了节省时间外,还附带这些好处: 内置常用案例的组件 跨不同视图的一致样式 内置响应式设计 技术支持和文档 1. Vue Black Dashboard Pro线上地址:https://demos.creative-tim.com/vue-black-dashboard-pro/?ref=

2021-05-21 10:04:26 8858 1

原创 vxe-table 使用过程中的bug,实时更新(置顶)

1. 由于vxeTable 使用了font-awesome字体图标, 但是官方文档没有详细告诉你怎么引入使用,所以很多小伙伴都找不到原因。解决办法:第一步安装依赖npm install font-awesome --save第二步引入依赖样式文件 在main.js文件中引入//引入font-awesomeimport 'font-awesome/css/font-awesome.css';使用: <vxe-button size="mini" status="su..

2021-05-17 14:37:31 8254 5

原创 新电脑,安装git,并从远程仓库clone项目配置

教程.多少有点了解的才能看懂.1.安装git 忽略 ,地址:https://git-scm.com/安装git完了之后如果没有配置用户名和邮箱clone会报错2.在命令行模式 输入 cd ~/.ssh/ 进入c:administrator的文件下的.ssh文件夹3.创建一个全局的用户名,不必与git的用户名一样.$ git config --global user.name "feng"$ git config --global user.email "feng@qq.co..

2021-05-13 12:31:25 1116 5

原创 elment ui 组件bug总结

一、.element-ui dialog设置为点击弹窗以外的区域不关闭弹窗第一种:在el-dialog标签中添加:close-on-click-modal="false"即可<el-dialog title="标题" :close-on-click-modal="false" :visible.sync="dialogEnrol" width="30%"> 弹窗内容</el-dialog>第二种:全局设置在mian.js里面:import Elem.

2021-04-04 14:18:17 1627 2

转载 Web前端可视化绘图软件编辑器-汇总

前言: 随着物联网、大数据等技术高速发展,我们逐步向数字化、可视化的人工智能(AI)时代的方向不断迈进。智能时代是工业 4.0 时代,我国工业领域正努力从“制造”迈向“智造”的新跨越。正文:1.mxgraph:介绍:开源免费,但是需要解决的问题很多,国内学习参考资料少。但是,可视化组态的实现基本都是借助于这个框架来实现的。演示demo:https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.h...

2020-10-28 15:58:59 12443 2

原创 十二个、非常适合做外包项目的开源后台管理系统

12个非常适合做外包项目的开源后台管理系统1、D2admin开源地址:https://github.com/d2-projects/d2-admin文档地址:https://d2.pub/zh/doc/d2-admin/效果预览:https://d2.pub/d2-admin/preview/#/index开源协议:MIT2、vue-element-admin开源地址:https://github.com/PanJiaChen/vue-el...

2020-09-01 10:52:10 3412

原创 VueCli4.0项目中将excel表格数据导入Elment UI表格并展示(映射的表格标题必须为英文)

先上一个效果图供大家参考:具体步骤如下:第一步、导入并读取Excel功能从整体上来说两种方式,一是前端解析文件后将数据返回给后端,另一种是前端直接将Excel文档返回后台,由后台进行处理。使用哪种方法需要根据具体业务需求,下面简单介绍第一种方法:由前端解析数据1、引入依赖 npm install -S file-saver xlsx npm install -D sc...

2020-03-26 18:09:44 771

原创 VueCli4.0项目中将Elment UI表格内的数据导出为Excel文件

第一步、首先安装三个依赖npm install -S file-saver xlsxnpm install -D script-loader或者:yarn add file-saveryarn add xlsxyarn add script-loader --dev第二步、引入两个js文件在src目录下新建excel文件夹,里面放入Blob.js和E...

2020-03-26 15:59:47 770

原创 web大前端必备的VSCode插件,常用的(15个)

Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能,它很快就受到了大家的喜爱。就像大多数 IDE 一样,VSCode 也有一个扩展和主题市场,包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件,我们针对性的收集了一些实用、有趣的插件与大家分享。1.Open-In-Browser由于 VSCode 没有提供直接在浏览...

2019-11-20 15:42:50 28445 6

原创 js数组与字符串的相互转换方法(总结)

js数组与字符串的相互转换方法1、数组转字符串需要将数组元素用某个字符连接成字符串,示例代码如下:var a, b;a = new Array(0,1,2,3,4);b = a.join("-"); //"0-1-2-3-4"2、字符串转数组实现方法为将字符串按某个字符切割成若干个字符串,并以数组形式返回,示例代码如下:var s = "abc,abcd,a...

2019-05-11 10:43:15 3393

原创 el-select 下拉框全选、多选的几种方式组件

由于添加了:collapse-tags 属性后,全选选中的时候,正常会默认选中第一个label的值显示,后面是 + 全部数量 -1 . 我们可以在初始化的时候,把默认选中的数组里面最前面添加一项“全选”2. 用selectArr的变量存一下, value的数组 过滤出不含 全选的,剩余全部数据。1. 先用arr1的变量存一下,把下拉框的数组 过滤出不含 全选的,剩余全部数据。:判断如果是全选就在最前面 添加1项 value 值 ‘全选’直接添加一个【全选】复选框,实现的功能跟方法一是一样的。

2023-09-19 10:19:42 289

原创 用原生input type=range 写一个滑块,兼容各大浏览器

【代码】用原生input type=range 写一个滑块,兼容各大浏览器。

2023-09-14 17:48:45 58

原创 js 处理数组合并vs对象合并

注意,这里通过传递一个空对象 {} 作为第一个参数来创建了一个新的对象作为目标对象。这是因为 Object.assign 方法会修改第一个参数的值,如果我们不想修改原始的对象,就需要传递一个新的空对象作为目标对象。方法接受一个目标对象和一个或多个源对象作为参数,将源对象的属性复制到目标对象中,并返回目标对象。如果有重复的属性名,则后面的属性会覆盖前面的。前言: 前端开发中,我们会遇到各种数据的需求,但是后端给你返回的数据结构又不是你想要的, 只能自己动手,去组装数据,重新定义数据结构了。

2023-09-05 10:11:39 162

原创 2023最受开发者欢迎的五大前端与后端技术

2023 年,开发者中最受欢迎的前端技术是 React、Angular 和 Vue.js。React 是用于创建 UI 的 JavaScript 库,允许开发者创建出可重用的组件,大大提高后续开发的效率。Vue.js 具有很强的适应性,且能轻松同其他技术相集成,使其成为前端开发服务中的热门选项。开发行业总在不断变化,因此前端和后端开发者们必须随时把握动态并适应变化,持续交付高质量的产品和服务。总而言之,谁能及时让最新的前 / 后端工具和成果为自己服务,谁就能带来更出色的用户体验。

2023-08-25 15:52:52 104

原创 2023年大厂前端面试题汇总

重排就是重新排列(reflow):当渲染树的一部分必须更新并且节点的尺寸发生了变化,浏览器会使渲染树中受到影响的部分失效,并重新构造渲染树。重绘就是重新绘制(repaint):是在一个元素的外观被改变所触发的浏览器行为,浏览器会根据元素的新属性重新绘制,使元素呈现新的外观。17. 小程序包大小限制,体积超标的话如何处理(图片压缩+CDN, 分包操作)6. js的基本数据类型, 值类型和引用类型。23. nginx处理跨域-反向代理(原理)26. 过去遇到有挑战的事情,怎么解决的?

2023-08-14 17:09:28 1061

原创 vue项目里面有多个模块的服务,前端处理url转发

没有在/pca 服务里面做转发接受 /dca、 /api的服务,所以需要前端自己去配置每个服务模块对应的。让后端去改nginx的配置,在pca 的配置里面 把 新增加的2个模块的服务转发做好。按照登录的api js文件的方法,把对应的 新增加的模块的api js文件都改下。先定义一个url变量,判断是。

2023-08-11 16:53:56 267

原创 git 提交报错eslint --fix found some errors. Please fix them and try committing again...

找到根目录中的.eslintignore文件,将src放入其中,以便git提交时跳过src目录中所有文件的。

2023-08-11 10:21:06 417

原创 Leaflet.Control.Opacity 控制图层的透明度

最新有一个需求,能动态的控制Leaflet.js 地图图层的透明度,官网文档:一直有个方法,我以为拿来就能使呢,其实不行。

2023-08-04 16:49:13 105

原创 el-ment ui 表格组件table实现列的动态插入功能

在实际需求中我们经常遇到各种奇葩的需求,不足为奇。每个项目的需求各不相同,实现功能的思路大致是一样的。上图可以看出就是在地址和备注2列之间插入数据,那就好办了。直接在地址后面写一个。通过 for 循环 数组动态遍历出来就可以实现功能了。本文来具体介绍怎么实现table表格动态插入几列。,每列的顺序就看数组里面怎么排序给你返回了。

2023-07-14 16:23:27 1413

原创 form表单禁止浏览器自动填充密码

form表单禁止浏览器自动填充密码

2023-07-12 16:49:14 713

原创 vxe-table 列表过滤踩坑

就是把 过滤的数组 filters:数组里面的 label 和value 的值, 都变成一致的 label 值。注意: 多选如果遇到,后台返回的只有lab值, 无 value 值的情况同单选的处理方法一样,就不写了。注意:这里是因为后端返回的 sex 的id 和 value 的id 能对上所以能实现过滤功能。但是这个过滤输入值必须是跟列表的值必须一致才能查到,没做到模糊查询的功能,根据。过滤一种分为2种,当前的过滤列的类型值确定的和不确定的,选择后去过滤,当前这里又阔以分为2种,单选和多选。

2023-06-09 11:53:25 1004

原创 vue 前端文件上传报错:上传失败,原因: 413 Request Entity Too Large

1.问题:在本地开发中无论上传小文件还是大文件都可以上传成功,但将代码发布到测试环境后,超过1mb的文件就会报错,打开控制台一看。vue 前端文件上传报错:上传失败,原因: 413 Request Entity Too Large。前端限制解除,重新打包上线,还是报错 413 Request Entity Too Large。这里根据自己公司的需求限制大小哈,我们这限制为200M.2.排查我们的系统接口在node层做了一下转发代理用到了。Nginx默认最大能够上传1MB文件。

2023-03-09 17:23:31 1509

原创 websocket每隔5秒给服务端send一次信息

监听了突然关闭浏览器窗口,destroyed里面直接监听 window.removeEventListener("beforeunload", e => this.beforeunloadHandler(e)) 然后调用this.webstock.close()关闭socket的长链接。WebSocket连接发生错误的时候,连接错误 需要重连this.reConnect(),尝试重新连接,本次重连次数大于6次就不连接了,放弃连接。三、功能点三WebSocket连接发生错误的时候,连接错误 需要重连。

2023-03-07 17:59:35 1131

原创 leaflet.js 地图添加全屏的功能2种方法

是原生的写法,引入很多js,css的方法,直接一个依赖引入,一个标签搞定。

2022-11-04 11:09:31 528

原创 leaft.js L.blinkMarker 方法实现加载闪烁标记

【代码】leaft.js L.blinkMarker 方法实现加载闪烁标记。

2022-10-31 15:11:09 421

原创 leaflet.js 原生实现地图上的圆圈闪烁动画

就是往一个标记的位置添加一个 circle, 然后通过定时器,一会儿添加circle, 一会儿移除circle。

2022-10-31 14:48:03 609

原创 vue里面如何动态添加class类名和style样式

我想动态添加class, 而不是手动写在某个标签里面。这时候需要用到v-modal动态变量来绑定,根据v-modal的值判断是否够存在,动态去添加class类名。,写法不一样,这里就不贴图了。

2022-10-31 11:56:23 2357

原创 js查找一个数组里面所有相同的值的索引

来检查想要的项目,获取索引或空数组。现在我想要取回所有索引。有没有简单的解决方案?

2022-10-28 15:39:41 1093

原创 vue js获取最近1周、最近1个月、最近3个月的日期范围

vue js获取最近1周、最近1个月、最近3个月的日期范围

2022-10-12 15:06:20 1498

原创 js获取笔记本屏幕的分辨率以及缩放到125%工作区域的高度

【代码】js获取笔记本屏幕的分辨率以及缩放到125%工作区域的高度。

2022-10-12 14:40:36 1533 2

原创 vue-element-upload 文件上传打开选择文件弹框前进行操作

通过ref逐层触发组件内按钮的handleClick事件,注意区分['importFile']、['fileRefs'],其中['upload-inner'] 是 ImportExcel 组件内部按钮的ref。实现思路在基于element-upload组件的基础上,再加一个按钮,触发按钮后进行选择文件前的操作,操作完成后触发upload的选择文件。在项目中使用文件上传功能时,需求是不能直接弹出弹框,要先二次确认或进行提示。点击自动识别,自动去选择文件上传,调后端的上传接口,然后打开新的页面,显示文件信息。.

2022-09-01 10:51:23 2340

原创 el-input可以输入完成之后生成另一个动态生成的el-input

先上效果图: 基于 elment 动态增减表单项 https://element.eleme.cn/#/zh-CN/component/form 从上面这个官方的例子自己改装一下:html: js代码:

2022-07-08 11:11:53 567

原创 vue项目退出登录清除 store 数据

在退出登录的loginOut 方法里面:利用v-if控制router-view,在根组件APP.vue中实现一个刷新方法然后使用的时候调用: this.reload() 方法

2022-07-05 11:07:35 4988 5

原创 google浏览器安装vuejs-devtools插件2022年安装记录

Vue.js devtools 背景简介我们chrome插件网之前介绍过Vue.js devtools,是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码。做前端开发的IT工程师应该比较熟悉这款工具,可以边侧边栏窗格中的页面,边检查代码。由于vue是数据驱动的,所以这就存在在开发调试中查看DOM结构并不能解析出什么。但是借助vue-devtools插件,我们就可以很容易的对数据结构进行解析和调试。本文重点介绍Vue.js devtools使

2022-06-30 11:36:46 1100

原创 vue 项目种使用svg图标

一般常用的代码写法:<svg-icon class-name="size-icon" icon-class="size"/>svg 图标可以随字体一样变色、大小可更改且不失真;应用在项目中不仅可以摆脱img图片占用内存大的问题,还可以减少代码量,优化系统。使用字体图标的步骤如下: 安装svg-sprite-loader插件 npm install svg-sprite-loader 自定义svg-icon组件 在componets文件夹下建立一个sv

2022-05-29 22:36:58 725 1

Leaflet.Control.Opacity控制图层的透明度

Leaflet.Control.Opacity 组件设置一个图层或者多个图层的透明度,支持浏览器:- Chrome、- Firefox、 - Safari。 安装方法:npm install leaflet.control.opacity,main.js ```javascript // CSS import import "leaflet/dist/leaflet.css"; import "leaflet.control.opacity/dist/L.Control.Opacity.css"; import "./css/style.css"; // JS import import 'leaflet.control.opacity'; import './js/app.js'; ```

2023-08-04

vueCli3.0文件上传后,后端返回流,前端转换成pdf预览的3种方式

vueCli3.0文件上传后,后端返回流,前端转换成pdf预览的3种方式

2022-04-22

echart百度地图word.js

echart百度地图word.js

2022-02-18

echart百度地图china.js

echart百度地图china.js.

2022-02-18

echart百度地图全国所有省份的js

echart百度地图全国所有省份的js文件:如:guangdong.js,shanghai.js, shenzhen.js...................

2022-02-18

mxGraph中文文档.md

mxgraph.js中文文档是一个官方的api,翻译来源于sunflower(github: https://github.com/SunInfoFE),提供给更多的开发者参考和共享源码资源!

2021-07-07

wesocket.vue

前端websocket所有操作过程,前端如何:订阅、连接、发送协议、接收返回的message信息、关闭连接,以及页面销毁的时候怎么跟后端断开连接,暂停message一直返回的情况。

2021-07-07

mxgraph.zip

本demo是运用mxgraph.js 和node api 读取xml文件,并解析出来显示,业务上常用这个画流程图和topo状态图;主要适用于,现在的图形可视化操作

2020-06-29

mapinfo绘图工具.zip

mapinfo12.5是款桌面地理信息系统的开发软件,它是由大家熟悉的美国MapInfo公司设计开发。软件对测量分析的功能支持,快速的完成对各种相关的数据测量并且完成分析,也支持对缓冲区进行快速的分析,对地图的代数显示灯,而且也能完成多边形的操作,对数字的高程模型分析支持,快速的就能支持对图形完成,查询支持,使用的范围广泛,非常的适合在土地资源、国土监测、军队管理与指挥等使用!

2020-05-29

mapinfo中文版本.zip

mapinfo12.5是款桌面地理信息系统的开发软件,它是由大家熟悉的美国MapInfo公司设计开发。软件对测量分析的功能支持,快速的完成对各种相关的数据测量并且完成分析,也支持对缓冲区进行快速的分析,对地图的代数显示灯,而且也能完成多边形的操作,对数字的高程模型分析支持,快速的就能支持对图形完成,查询支持,使用的范围广泛,非常的适合在土地资源、国土监测、军队管理与指挥等使用!

2020-05-29

drawio.js源码

基于mxgraph.js的基础之上二次开发的,目前最强大的绘图类工具里面排名前一、二名的 draw.io 生成组态编辑器.

2020-05-26

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除