- 博客(66)
- 收藏
- 关注
RSS订阅原创 Chrome 插件 MV3 配置清单
开发过 Chrome 插件经历的朋友应该知道，需要在根目录添加一个配置清单，清单内容需要根据需要添加，每次开发时基本需要去翻配置文档，但 Chrome 开发文档繁杂难找，每次查起来都要花费不少时间，所以整理一份清单表格作为参考使用。
2024-07-26 13:46:13
644
原创 nvm install node Could not retrieve https://npm.taobao.org/mirrors/node/latest/SHASUMS256.txt.
一、问题描述在使用nvm install 时遇到以下错误：二、解决方案由于镜像地址更新，所以需要分别更新node和npm镜像，执行以下命令：再次执行nvm install 命令：正常安装。
2024-06-03 16:31:02
131
转载 Apache Bench 使用
如果提示ab: invalid URL，可能是URL最右边缺少/，例如 http://www.example.com 需要改为http://www.example.com/；result.html中会打印每次请求的请求头信息，请求总数较大时，重定向结果输出时可以不指定-v参数；"application/json"， 使用前者服务器可能会返回400 bad requests;postfile注意使用正确的编码格式，否则请求参数服务器端可能无法识别；调试请求时，对接口返回的中文字符的支持不友好，会显示乱码；
2023-12-22 23:19:44
116
原创 vue项目使用js监听浏览器关闭、刷新、后退事件
在Web应用开发中，我们经常会遇到这样的需求：在用户执行关键操作，如提交表单、支付交易等过程中，突然关闭、刷新或者后退浏览器，可能会导致操作未完成或者数据丢失。为了提高用户体验和保证应用数据的完整性，我们需要合理地使用JavaScript来监听浏览器关闭、刷新、后退事件，并作出相应处理。事件是在页面即将卸载时触发的，这通常发生在用户关闭或刷新页面之前。事件，如果不是非常必要，最好不要使用，因为它可能会影响用户体验。在Vue项目中，如果你使用。在使用上述事件时，我们应当小心谨慎，避免阻碍用户的正常操作。
2023-12-04 14:49:08
8220
原创 H5移动端日期兼容问题
在H5 ios端日期数据不支持 ‘-’ 显示，也就是不支持这个日期格式 YYYY-MM-DD HH:mm:ss。YYYY-MM-DD HH:mm:ss 转为 YYYY/MM/DD HH:mm:ss。
2023-12-04 14:48:30
442
原创 nodejs 上传文件到 OSS
是创建的OSS存储桶名称。这些信息需要根据具体阿里云账户和OSS存储桶信息进行填写。参数指定了OSS实例所在地域，是阿里云账户的AK密钥，
2023-12-01 16:05:55
761
原创 Redis报错：MISCONF Redis is configured to save RDB snapshots, but is currently not able to persist on
在网上的解决方案中，有人提到Redis快照被强制关闭导致无法持久化。这个错误提示意味着Redis被配置为保存RDB快照，但是当前无法将数据持久化到磁盘上。由于这个问题，可能无法执行修改数据集的命令。为了解决这个问题，我进行了一些网上搜索。当将项目部署到阿里云并使用Redis作为数据缓存时，一年以来一直没有出现问题。然而，当我进一步检查时，发现阿里云服务的硬盘空间已满。这可能是问题的原因，所以我立即进行了硬盘扩容操作。经过以上步骤后，重新加载应用，问题确实得到了解决。
2023-12-01 13:43:18
4102
原创 git 配置多端多个账号（码云、github、gitlab）
想为同一个电脑配置多个 Git 账户，需要完成以下整体流程：1. 清空默认的全局 `user.name` 和 `user.email` 配置项；2. 为不同的 Git 账户生成不同的 SSH 密钥；3. 将以上的 SSH 密钥分别添加到 SSH-Agent 信任列表；4. 将以上的公钥添加到相应的 Git 账户中；5. 在 `config` 文件中配置多个 SSH 密钥；6. 进行测试。
2023-11-30 21:48:41
3387
原创 frp 配置内网访问
frp 是一个开源、简洁易用、高性能的内网穿透软件，支持 tcp, udp, http, https 等协议。frp 项目官网是 https://github.com/fatedier/frp下载地址： https://github.com/fatedier/frp/releases。
2023-11-30 19:43:12
978
原创 前端如何中断请求 ( axios、原生 ajax、fetch)
在前端开发中，我们经常需要中断请求来优化性能或处理特定的业务需求。以下是一些常见的使用场景比如: 重复请求、竞态请求、无效请求、大文件上传暂停与恢复
2023-11-29 17:42:15
4312
2
原创 微信小程序如何获取用户手机号码？
在开发一款微信小程序时，通常需要用户进行微信登录，并获取用户的手机号码作为用户的唯一标识（userId）。虽然可以通过wx.login来获取用户的openid，但有时候需要获取用户的手机号码以提供更完善的个性化服务，因此探索获取用户手机号码的方式成为开发中的一个重要需求。
2023-11-29 16:39:44
1154
原创 为什么请求会发送两次-预检请求（OPTIONS）
在实际请求之前，浏览器会向服务器发送一个预检请求，询问服务器是否允许跨域请求，并且允许使用哪些HTTP方法和头部字段等。当我们在发送跨域的POST请求时，浏览器会先发送一次OPTIONS请求，这是由于浏览器的同源策略所导致的。此外，还有一些其他情况可能导致浏览器发送预检请求，例如请求中包含了自定义的头部字段，或者使用了非简单的HTTP方法（如DELETE、PATCH等）。总结起来，预检请求的存在是为了确保跨域请求的安全性，并通过与服务器的交互来确定是否允许实际请求的发送。
2023-11-28 16:12:21
820
原创 Vue 打包上线后的缓存问题
在vue脚手架的每次打包过程中，会给生成的静态资源文件名添加哈希后缀，并 index.html中引入带有相应哈希后缀的静态资源文件。因此，我们只需让index.html不被缓存，而让其他静态资源可以被缓存，即可满足需求。然而，要实现让静态资源被缓存，但让index.html不被缓存，则需要借助服务器配置，通过设置针对index.html请求的header来控制缓存。通过以上步骤，你可以灵活地控制缓存，让用户在程序升级后访问到最新版本的页面，同时减少了静态资源的重复请求，优化了用户体验和网络流量消耗。
2023-11-28 15:12:40
1388
原创 Nginx Openresty通过Lua+Redis 实现动态封禁IP
为了封禁某些爬虫或者恶意用户对服务器的请求，我们需要建立一个动态的 IP 黑名单。对于黑名单中的 IP ，我们将拒绝提供服务。并且可以设置封禁失效时间
2023-11-27 16:18:54
2052
原创 element-ui 中 el-select 组件选择后不会自动关闭
在使用 el-select 组件时，打开 select 选择框后选择或点击其他元素后不会自动关闭 el-select 框的问题。我们只需要将在操作后手动让 el-select 失去焦点即可收起下拉框。
2023-11-27 10:30:12
2190
原创 查询浏览器当前网页占用的localStorage容量
单位字节，KB则/1024，MB则/1024/1024。剩余容量，一般浏览器限制在5M。
2023-03-21 13:51:28
507
1
原创 跨域请求携带cookie
默认情况下是跨域是不会携带cookie的，例如：a.com 网站请求 b.com 的接口，这个时候不会把a.com这个域名下的 cookie 携带上。如果需要携带，则需要做一下配置。
2022-11-14 13:44:27
3118
原创 本地nodejs服务如何快速启用https访问
最近在做一个需求，需要用到HTTPS才能访问，因为是nodejs server的项目，不是webpack起的项目，所以没办法直接用webpack-dev-server。1、Nginx来做反向代理：通过openssl生成证书，配置到 nginx，映射9000端口 ( 跑在80端口需要sudo )到本地服务的8080端口。本地服务运行在8080端口，可以映射到9000端口进行访问，如果映射到80端口则需要管理员权限来运行。但是后来发现了一个更简单的方式：使用 local-ssl-proxy。
2022-11-14 11:32:14
1456
原创 live-server 的使用
live-server 是一款 npm 工具，全局安装 npm i -g live-server 后，项目目录使用 live-server 命令行命令便可直接在浏览器中预览（默认找 index.html，其他需要带上文件名空格后跟在后面），并且自动全局监听实时更新。但现在流行修改文件浏览器自动刷新 hot socketing（热拔插），如 live-reload。本地开发常常需要搭建临时的服务，第一时间我们会想到用 http-server。而 live-server 实现了上面这三个插件的功能。
2022-10-24 13:51:54
5447
原创 yarn 报错 There appears to be trouble with your network connection. Retrying
用yarn 安装依赖时，一直显示 There appears to be trouble with your network connection. Retrying，多次尝试也还是安装不起来。
2022-10-22 21:47:34
3410
1
原创 离开浏览器事件 beforeunload 不起效果？
开页面前提示用户即将离开页面。于是百度到了 beforeunload 事件，但是发现怎么都无效。今天终于知道了正确的用法
2022-10-11 16:33:56
3307
原创 如何给 el-input 添加键盘回车事件
查找 Element UI 的 input输入框组件（el-input组件），都没有发现可以给输入框添加的回车键监听事件，因为Element UI对其做了进一步封装，想要直接添加 @keydown（或者@keyup.enter）是无效的。发现，添加了 .native 修饰符的 el-input 组件会有原生的 keyup 事件，其实就是在组件的根标签上添加了一个事件监听。要想在el-input中实现回车键监听事件，需要在@keyup.enter后面加上.native，即。
2022-09-29 10:24:07
6777
原创 使用 elementUI中el-dialog 或者说 Vue 现存的一个bug分析
在使用 el-dialog 组件填写内容后，创建新的item，发现使用 v-for 循环渲染的数据不会发生更新，element-ui 版本是 2.15.6 ，vue 版本是 2.6.14。
2022-09-18 10:53:55
607
原创 安装nvm后 nodemon 无法使用
尝试了网络上非常多的解决方案，都无法解决这个问题。通过更改 npm prefix 路径得以解决。设置完成后重装 nodemon。
2022-08-30 17:20:01
607
原创 git忽略文件不生效
gitignore文件不生效使用git提交代码希望忽略某些文件时，需要配置.gitignore。不过已经提交后文件，再修改.gitignore文件会没有效果。
2022-08-05 13:44:30
2314
原创 CentOS6 yum install wget失败
使用CentOS6.1运行yum-yinstallwget安装wget时报错失败了，于是百度谷歌搜索了一大堆，尝试之后都不行，之后发现直接替换repo文件就能搞定。2、更改CentOS-Base.repo里的内容。完成以上步骤，即可正常安装wget。...
2022-08-01 22:37:48
2176
2
原创 Git：撤销 commit 提交或撤销对远程仓库的push操作
Git：撤销 commit 提交或撤销对远程仓库的push操作，gitreset–-soft表示只是改变了HEAD的指向，本地代码不会变化，我们使用gitstatus依然可以看到，同时也可以gitcommit提交。gitreset–-hard直接回改变本地源码，不仅仅指向变化了，代码也回到了那个版本时的代码。意思是不删除工作空间改动代码，撤销commit，并且撤销gitadd.操作。...
2022-07-31 19:04:44
22427
1
原创 VmWare 虚拟机安装CentOS及网络配置
虚拟机VMware操作系统新建虚拟机选择自定义3.选择虚拟机硬件兼容性，我们用默认下一步即可安装客户机操作系统->安装来源->选择稍后安装操作系统接下来选择我们要安装的系统类型和操作系统版本将系统放到合适的位置注这里指定的磁盘容量大小为最大的容量，不会在一开始就将主机的磁盘空间分配出去，而是随着虚拟机里的数据量增大，磁盘的占用空间才会增大。完成创建虚拟机之后，我们开始把CentOS的镜像导入进去添加BOOTPROTO=“dhcp”，修改ONBOOT=“yes”...
2022-07-30 17:37:36
4498
原创 google/facebook第三方登录
开发者平台配置https://console.cloud.google.com/apis/credentials?project=academic-elixir-353301配置教程: https://developers.google.com/identity/sign-in/web/sign-in使用jsonwebtoken库将token解密得到邮箱https://developers.facebook.com/apps/535863411418583/dashboard/配置教程: https://s
2022-07-12 17:18:23
986
原创 web资源部署后navigator获取不到mediaDevices实例的解决方案（navigator.mediaDevices为undefined）
最近在开发中，有一个功能需要实现录制屏幕的功能，我这边使用了recordrtc库，在过程中本地开发都没有问题，部署到线上环境时出现 navigator.mediaDevices为undefined，查找了不少文章和官方文章才得以解决由于浏览器的安全策略导致了这个问题，目前经尝试，在以下几种情况中 navigator.mediaDevices 可以正常使用另附上 recordrtc 使用源码以供参考 (参考源码使用了element UI)...
2022-07-01 15:19:10
6513
原创 如何统一项目中包管理器的使用？
在协作开发中发现的问题，因为使用了不同的包管理器，导致在本地开发环境一切正常的代码推送到git后在同事的电脑上构建中却意外的失败了，这是为什么呢？我们在最后查看node_module中的内容时发现，由于使用的不同的包管理器导致安装了有差异的依赖最终导致的这个问题。这里我们通过一份预安装脚本来限制使用相同的包管理器，同时使用yarn.lock或package-lock.json来锁定我们的依赖版本。以下介绍几种解决方案完整代码完整代码三、only-allow方案但是在 NPM v7 以后的版本中
2022-06-29 14:08:27
447
原创 cdn挂了，前端如何动态切换cdn链接呢？
为了提高项目的访问速度，使用cdn提升访问速度是非常有效的方案，同时提高网站稳定性、安全性，并且无需修改现有的业务逻辑。采用免费的cdn提供商，还能降低网站流量成本，但是cdn服务也不是无限运行的，如果挂了我们应该怎么办，手动更换cdn提供商？ 不，我们将采取一种更加智能的解决方案，通过监听script标签的onerror事件，从候选cdn链接中进行切换。以下代码可以应对一些应用场景...
2022-06-28 14:48:27
1225
原创 post请求出现WebKitFormBoundaryk的解决办法
在请求体中的数据出现以下情况时，------WebKitFormBoundaryk4y2P2fXBa25G7XA1dContent-Disposition: form-data; name="code"123------WebKitFormBoundaryk4y2P2fXBa25G7XA1d--
2022-06-26 17:10:48
6954
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人