- 博客(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
原创 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
原创 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 原生实现地图上的圆圈闪烁动画
就是往一个标记的位置添加一个 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
原创 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控制图层的透明度
2023-08-04
echart百度地图全国所有省份的js
2022-02-18
mxGraph中文文档.md
2021-07-07
wesocket.vue
2021-07-07
mxgraph.zip
2020-06-29
mapinfo绘图工具.zip
2020-05-29
mapinfo中文版本.zip
2020-05-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人