- 博客(271)
- 资源 (10)
- 收藏
- 关注
RSS订阅
原创 用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关注的人