- 博客(218)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 【记录63】electron打包vue项目之踩坑
项目npm install --save-dev electron过程看，笔者是node16，下载的是electron18，两者是不兼容，官网查看以前是兼容及支持的，现在不兼容官方给出的是不支持了，现在只支持node22。从下载中看到electron18要求node版本是18或大于等于20，尝试用node18下在electron18也不行，只能用node22去下载electron。目前只支持node22。electron版本与node有严格的对应关系，官网文档。唯一缺点：electron 打包后体积大。
2026-02-04 10:54:41
200
原创 【记录61】如何调用手机相册和拍照功能
导致，不建议在移除监听事件后直接再次添加监听事件，这个方法是解决了问题，但会引发新的问题，再次上传照片时，照片会上传两次，笔者是是location.reload()方法，在用户提交完成后，刷新页面，问题解决。如果两个方案都想调用，思路：用两个按钮单独去控制，用户自行选择照片上传方式即可。web电脑端因没有拍照功能，两个方法都自动跳转至照片目录，选择所需照片即可。：可能是接口失败或进入调用函数，未做提示，导致用户体验感不好；：在第一次上传照片提交完后，再次上传照片没有调用函数。，在上传第二张照片没有回显；
2025-10-24 08:00:00
461
原创 【记录62】网站输入框搜索内容页面定位
start 元素顶部与视口顶部对齐；center 元素中心与视口中心对齐；end 元素底部与视口底部对齐；start 元素顶部与视口顶部对齐；center 元素中心与视口中心对齐；要想用该方法，先考虑是否动态根据数据生成，就可以使用，如果是定制（静止），不建议，非要加也是可以的，就是需要手动的去添加它的唯一标识，维护起来挺麻烦的。smooth平滑滚动到元素，具有动画效果。scrollIntoView() 方法支持多种参数配置来自定义滚动行为，主要包括滚动动画效果、垂直和水平对齐方式等。
2025-10-22 14:07:38
263
原创 【记录60】该如何判断是来自外网访问还是内网访问
内网域名（如internal.example.com）通常用于局域网内设备标识，其解析由内网DNS服务器处理，无需公网注册，与公网域名不同，内网域名不受顶级域名（如.com）限制，可自定义结构。先说说内网：内网域名肯定是需要在系统中特殊设定的，内网ip对立来讲就是不管在那个内网访问都是无法访问到资源的，为什么呢？在做一些系统集成时，有些系统是内网访问有些是可以在外放访问，在外网的情况下，点击内网系统，友好提示“该系统只可在内网访问，外网无法访问”在说说外网：非特定域名和内网IP，把之外的看作外网。
2025-10-10 11:10:11
584
原创 【记录59】携带token加载图片、图片过大自行压缩、转base64、
本篇文章主要是写有关图片的一些事务处理，当然图片的存储有两种方式：1. 以base64字符串存；2.以URL链接形式存（该方法适用所有）常规：首先都会对图片进行判别是否是图片及内存多少，其次才可以进入事务处理。
2025-09-18 18:33:23
410
原创 【记录58】项目更新，如何检测系统是否更新并友好提醒用户
该方法相比轮询比较，相对节省资源，更好的让用户抉择是否更新系统；弊端是如果清理浏览器缓存后，访问会自动加载最新版本，这里为什么说是弊端呢，因为考虑到有的客户旧版用的挺好，暂时还不想更新最新版本，不刷新就好了，谁知道会因为什么导致清除浏览器缓存，这里给大家把弊端说清楚。里面考虑到了用户【忽略】更新的操作记录，在未清理缓存的情况下，会永久保持用户的选择。Etag方法只能识别系统有更新，无法知道更新内容，要添加【忽略】功能，必须要在缓存中写入对象。路由校验该方法，完全可以在特定条件下或给方法设置一个定时器。
2025-09-16 19:24:28
1099
1
原创 【记录57】如何使环境同时兼容vue2/3
文章出处：笔者在保证vue2项目的环境下，要创建vue3项目，大家都知道，vue2是基于javascript，vue3是基于typescript，为了保证项目环境之间兼容，进行了一下升级更新，在描述配置前，先给大家说下node、npm、vite(vue3)、vue cli（vue2）。。
2025-07-25 16:08:49
1407
原创 【记录55】encodeURI、encodeURIcompoent、escape区别
encodeURI偏结果的完整性，encodeURICompoent非完整性
2025-06-18 09:42:53
548
原创 【记录54】渐变色 linear-gradient / radial-gradient
radial-gradient 径向渐变：是以图型形状渐变。linear-gradient 线性渐变：是以直线条渐变。
2025-02-21 21:30:00
249
原创 【记录56】纯前端如何封装：多个参数查询，无用参数不记查询
页面有多个输入框条件查询，只输入年龄、年级、性别 为查询条件。过滤出了只需要查询的条件。
2025-02-21 17:33:12
279
原创 【记录53】nginx配置成功，重启成功，无法访问
sudo firewall-cmd --permanent --add-service=https 开放 https。sudo firewall-cmd --permanent --add-service=http 开放 http。successful表示配置成功，没问题，failed表示nginx.conf 配置有问题，请仔细检查。如果检查和端口无关，端口也无占用，这时候要考虑可能是服务器防火墙阻止访问，前提是nginx。nginx端口表示无占用，如果占用，杀死占用端口即可。结束，浏览器访问成功。
2025-02-19 11:06:12
576
原创 【记录52】el-table-column 添加fixed属性 滚动条无法滑动
使用element UI组件，用到el-table的el-table-column的fixed属性时，当滚动条长度小于固定列时，滚动条无法通过鼠标去点击滑动操作。
2025-01-15 15:24:57
1079
1
原创 【记录50】uniapp安装uview插件，样式引入失败分析及解决
表示样式变量$u-border-color没定义，实际是定义的。如果还是报错，可以仔细检查下是否导入的路径是否正确。其次，根目录下 app.vue中是否全局引入。最后，根目录下 uni.scss中是否导入。首先确保安装了scss/sass。
2024-12-18 14:32:24
1721
原创 【记录49】vue2 vue-office在线预览 docx、pdf、excel文档
npm install @vue-office/excel vue-demi@0.14.6 指定版本。npm install @vue-office/docx vue-demi@0.14.6 指定版本。npm install @vue-office/pdf vue-demi@0.14.6 指定版本。在线预览 docx、pdf、excel文档。vue-office 适用于vue2/3。vue版本小于2.6的需下载。
2024-12-11 21:45:00
1163
原创 【记录47】防止按钮短时间频繁点击触发接口，导致影响性能和用户的体验不好及浪费资源
这里肯定有人觉得每一个按钮去加一个“误触或频繁点击”太麻烦了，下面我们试着写一个全局公用方法去做防止频繁点击。情景二：某些环境下，有的人会将鼠标点击设置为连击（按一次，实际按了两次）第一步：新建一个Prevent_frequent_clicks.js文件。为了避免这种情况，我们可以给按钮添加 “类似计时器的东西” 去做处理。情景一：在极短的时间内鼠标点击了两次或两次以上。第二步：在js文件中写入以下代码。第四步：在对应的按钮事件中引用。全文的接口请求，笔者用。第三步：在需要的文件。
2024-10-12 16:38:05
561
1
原创 【记录44】【案例】echarts地图
这里需注意：笔者在echarts5.4.2版本添加是失败的，查看了下下载的echarts缺少部分文件，导致无法加载，正确的版本在环境那块写了，
2024-06-18 21:30:00
726
原创 【记录43】el-table @selection-change 数据回显、条件约束、历史回显清除
表格中选中的人员，点击取消后，再次进来人员还在，部分可能觉得正常，实际是不对（切换了数据绑定对象，还存在是不对的）。这里笔者做了一个点击取消就默认为当前选择的取消（不要了）限制选中人员上限，大家可能会想到直接判断选中的list，实际操作中存在一个问题：你选择了，给了提示，表格显示上还是会选中。在其他地方设置好人员，到对应的页面直接在表格中复选设置好的人员。到这里基本完成了回显功能。
2024-05-31 11:32:51
1382
原创 【记录39】html element-ui 加载
将相关资源下载下来，在对应的html文件中相对路径引入。注意：css加载放在js之前。html使用element-ui组件、用vue框架搭建。
2024-03-20 10:52:45
453
原创 【记录38】[ECharts] Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight.
就是获取不到dom 的宽高导致无法动态渲染dom实例，实际就一定写过了，但是还是没有获取到，为什么呢？这里说明下，有些伙伴理解“不是需要根据id去css中设定DOM 的宽高”，结果排查了半天是因为一个符号写错，服了，写代码的时候还是得注意点。实际dom已经初始化并加载出来了，点击对应的事件，无法渲染图型。
2024-03-19 11:56:25
1396
原创 【记录37】VueBaiduMap 踩坑一
一眼就看出，不对，值在父组件初始化过程中就已赋值，but实际中还是报错，猜测：页面在生命周期加载中哪可能出错，结果排查发现是vuebaidumap（子组件）的加载比父组件（引入vuebaidumap页面）还早，问题就出现在这里。虽然不影响使用，但看见控制报。回调观察程序“content”时出错：“TypeError:无法读取未定义的属性（读取’setContent’）”vuebaidumap的初始化加载在mounted生命周期前，created生命周期后。
2024-03-08 14:19:20
797
原创 【问题+解决】axios/vue/element/echarts引入报错
经过排查就是这种的引入方式失效了，引入当时也是根据官方文档引入的，纳闷了，之前还好好的，怎么突然出问题了；排查发现这种的引入不是正确的，记得之前引入，是cdn，排查发下，它的引入方式是unpgk，进而导致的。方法引入，开始引入，应用都是正常，后来用了也没问题；奇怪的是，前几天发现html页面无法出现效果图。更新线上项目发现，html页面加载慢；页面样式也出现了问题；笔者在html页面引用vue来快速实现页面；大家想用直接复制就行。
2024-01-17 16:28:24
962
原创 【案例】图片预览
如何让图片放大，大多数的UI组件都带有这种功能，今天给大家介绍的这个插件除了放大之外，还可以旋转、移动、翻转、旋转、二次放大（全屏）main.js 中引入。
2023-12-21 17:12:17
983
原创 【echarts】图表清空，重新渲染数据
经过排查返回的数据是没问题的，只能是渲染问题，发现出现这种问题，刷新就好了，不能老是刷浏览器吧，只能重新渲染才可以。点击不同按钮，echarts图型里的数值进行了替换，奇怪的是，有的按钮可以，有的就不行（点击按钮后，获取的数据为空时，图型不会清空，存在显示之前的数据）option &mycharts.option(option, true);笔者在echarts图型中，随着点击不同按钮，echarts图型里的数值随着变化。方法，发现是无效的。
2023-11-24 09:55:49
8710
1
js filter数组去重
2022-10-18
界面刷新布局发生变化：属于什么问题
2021-08-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人