- 博客(52)
- 收藏
- 关注
原创 vue2 一直重复请求 /sockjs-node/info?t= 并且报错的解决方法
开发 vue2 项目时,启动之后一直有重复请求 /sockjs-node/info?t= 的报错信息,很影响开发体验。sockjs-node 是一个JavaScript库,提供跨浏览器JavaScript的API,创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。查询源头为中(如下图所示),实际是不能直接删除的。
2025-04-11 17:19:11
430
原创 批处理脚本bat丨遍历一个包含项目名称的数组,并对每个文件中的项目执行 git pull 操作 (一键拉很多文件的代码)
由于之前git服务部署在本地服务器,处于代码安全角度考虑。领导让我将所有的项目代码手动物理备份一份并且发给他。这种傻傻的操作太浪费时间了,所以我就写了一个批处理脚本用来执行这种操作。遍历一个包含项目名称的数组,并对每个文件中的项目执行 git pull 操作。
2025-04-10 13:52:55
970
原创 Nginx配置Http响应头安全策略,未设置X-Content-Type-Options响应头【原理扫描】
第三方安全检测机构甩过来一篇漏洞扫描报告,需要我们整改。
2025-04-10 13:15:25
613
原创 Windows批处理脚本,bat 循环数组进入文件夹进行后续操作
Windows批处理脚本,主要功能是遍历一个预定义的数组,并对每个数组元素执行cd命令以尝试进入对应的目录。本次脚本编写旨在想自动处理每个文件夹的文件,避免每周手动操作更新,故写个脚本解放双手。
2025-04-09 13:09:58
504
原创 使用 node.js 和 MongoDB 编写一个简单的增删改接口 demo
Mongoose是一个在 Node.js 环境中操作 MongoDB 数据库的工具库。它提供了一种在 Node.js 中进行数据库操作的简单、直观、异步的方式,可以用来定义数据模型、执行查询、更新和删除操作,以及进行数据验证等功能。通过 Mongoose,开发者可以更方便地操作 MongoDB 数据库,提高开发效率。
2025-04-08 14:24:40
1059
1
原创 vue2 打包时增加时间戳防止浏览器缓存,打包后文件进行 js、css 压缩
vue 开发过程中,项目前端代码需要更新,更新后由于浏览器缓存导致代码没有及时更新所产生错误,所以在打包时增加时间戳防止浏览器缓存。还有另一个好处是增加时间戳可以看到是什么时间打包的代码,防止运维偷懒没更新甩锅。浏览器缓存是指浏览器将网站资源(如图片、CSS、JS等文件)保存在本地,以便在用户再次访问同一网站时可以更快地加载页面。
2025-04-08 10:28:45
582
原创 前端表格数据导出Excel文件方法,列自适应宽度、增加合计、自定义文件名称
开发过程中,后端反馈无法实现导出的Excel表格文件宽度根据数据进行宽度自适应,故实现此方案。前端根据返回数据结合表格字头实现导出下载Excel文件,Excel文件每列的宽度根据数据长度进行自适应。还可以增加最后一行的 “合计” 数据。还可以自定义Excel表格的文件名称。
2025-03-24 14:46:27
468
原创 Node 版本切换,如何使用 nvm 轻松切换 node 版本
有时候我们需要启动各种版本的项目,但是每个项目需要使用不同的 node 版本才能正常运行。所以我们需要随时切换 node 版本来启动项目,故我们需要使用到nvm。nvm可以 轻松控制 Node版本切换。
2024-10-24 14:07:13
11481
2
原创 使用原生HTML和css制作一个箭头步骤条
创建一个箭头步骤条通常涉及到使用HTML来定义结构,CSS来定义样式。下面是一个简单的示例,展示了如何使用原生HTML和CSS来制作一个箭头步骤条。
2024-10-24 13:41:27
1089
2
原创 node.js 启一个前端代理服务
有时候我们需要做一些基础的页面时,在研发过程中需要代理调用接口避免浏览器跨域的情况,也方便局域网中研发查看我们做的页面时,就需要启动一个服务来将自己的网页放在服务上来测试和预览。
2023-12-13 21:44:29
762
原创 uniapp: 本应用使用HBuilderX x.x.xx 或对应的cli版本编译,而手机端SDK版本是 x.x.xx。不匹配的版本可能造成应用异常。
uniapp: 本应用使用HBuilderX x.x.xx 或对应的cli版本编译,而手机端SDK版本是 x.x.xx。不匹配的版本可能造成应用异常。
2023-10-24 11:24:50
6751
原创 HBuilderx使用安心打包报错:Error occurred during initialization of VM Could not reserve enough space for KB
项目完成之后需要打包成安卓APP,启动“快速安心打包(不上传代码及证书,打包速度更快)”进行打包,HBuilderx 报错。[Info] Error occurred during initialization of VM[Info] Could not reserve enough space for *******KB object heap[Error] 制作结果:Failed. Reason:
2023-07-12 09:52:53
919
1
原创 在 uniapp 中通过 Intent 的方式启动其他APP并且传参
由于业务需求需要,我方研发的安卓APP需要调用其他安卓APP,并且将保存返回的文件存储路径进行读取后操作。对方软件公司提供了对接文档和一个测试调用的安装包和一个目标跳转的安装包,测试调用的安装包也是用的安卓原生代码写的。但是我们的安卓应用采用的是 uniApp 的方式编译而来的,所以我们需要尝试用 uniApp 安卓的方式去实现这个功能。实现在 uniapp 中通过 Intent 的方式启动其他APP并且传参。
2023-05-21 15:58:36
3357
2
原创 响应式设计,动态设置 rem 的 fontsize
在前端开发门户网站这种用户范围广、展示终端种类多的情况时,我们会尝试运用到响应式设计。响应式设计通常有css3中的媒体查询、百分比布局和自适应bootstrap等前端响应式框架。没种方式都有它的优劣势,css3中的媒体查询在书写代码方面较为繁琐,bootstrap等前端框架需要引入大量代码而且需要熟悉更多的框架书写规范。有没有一种偷懒的方式呢?这也是我在以前开发APP网站时采用的偷懒的方式,现在分享给大家一起讨论。此方法是一个捷径,所以有时候有些布局在响应时不一定会达到绝对完美的效果。
2023-03-30 19:49:28
636
原创 前端常用的CDN静态资源库网站
CDN 利用全局负载均衡技术将用户的访问指向离用户最近的工作正常的流媒体服务器上,由流媒体服务器直接响应用户的请求。服务器中如果没有用户要访问的内容,会根据配置自动从原服务器抓取相应的内容并提供给用户。IPTV 可利用 CDN 为用户提供 VOD 业务,通过 CDN 把视频内容分发到靠近用户端的 CDN 节点后,可以在一定程度上保证端到端的服务质量。这些CDN公共库大都各具特色。大家可以自己选择性去使用。其中,百度会限制在本地引用其静态资源,在开发时不太方便。
2022-04-14 13:58:18
5676
原创 vue el-dialog 弹窗实现手动拖拽效果
我们在使用 elementUI 中的 el-dialog 对话框组件时,位置默认是经过设置的固定位置,会遮挡住对话框后面的文本,在使用时想看下后面的文本需要关闭对话框再操作,效果非常的不理想,要是对话框可以拖拽移动位置就很人性化;以上就是如何给 el-dialog 添加拖拽功能,添加此功能后效果很明显,使用起来更加方便。
2021-08-04 16:18:07
3253
5
原创 在 html 中如何使用 plyr 组件
Plyr 是一个使用 HTML5 开发的基于浏览器上的多媒体播放器。支持自定义的播放控制和 WebVTT 字幕。由于 java 新接入了一个文件视频预览第三方服务,其中视频和音频播放控件就是使用 plyr ,其中的配置控件不满足于现阶段的需求,所以学习了该控件的 api 文档。
2021-04-13 14:15:04
5471
2
原创 GitHub Desktop+码云(gitee)使用方法
之前一直使用的是 mac 或者在使用windows系统时,从来没输入错误过 git 密码。进入新公司用 git 克隆项目时不小心输入错误了 git 密码后,就会一直报下图中的错误。
2021-01-12 17:45:04
1837
1
原创 js 根据条件找到树形结构数组中符合要求的一个或者多个对象
工作中经常遇到需要在一个树结构的数据中查询符合条件的数据。今天我就将最常见的两种查询条件对应的方法列举一下。第一种,根据树中键值找到第一个符合要求的对象;第二种,根据键值找到树中符合要求的多个对象,最后输出是一个数组。
2020-07-16 14:30:01
2957
1
原创 Windows 上如何关闭谷歌浏览器(Chrome)的同源策略
还是喜欢没有同源策略的谷歌浏览器(Chrome),虽然不安全,但是偶尔测试之类的都很方便。教大家如何取消 Windows 上谷歌浏览器的同源策略,让你不在被跨域所支配。
2020-06-04 17:43:34
5677
2
原创 windows 中 git 输错密码后不能重新输入(已解决)
用 git 克隆项目时不小心输入错误了 git 密码后,就会一直报下图中的错误。
2020-06-03 10:25:24
2235
5
原创 jQuery MIniUI 的使用教程入门
服务器开发者可以集中精力,使用各种web开发框架。jQuery MiniUI 不关心服务器的处理。不足的是该UI框架不是开源的;
2020-05-28 17:33:43
7578
1
原创 HBuilderX uni-app发行到微信小程序时报错(已解决)
作为新手第一次使用HBuilderX uniapp 发行到微信小程序时 , 很大程度会出现以下的错报错提醒发行。
2019-12-17 18:42:55
8733
4
原创 如何用css做一个简单的表单验证
<style> input:valid ~ button { pointer-events: all; cursor: pointer; background: green } input:valid ~ button::after { color: #fff; font-w...
2019-12-09 11:42:12
430
原创 前端js如何监听页面是否位于浏览器显示标签页位置
如图所示 , 当浏览器打开很多标签页时监听是否为选中 ;当最小化浏览器是也会触发该函数。我们可以用这个方法控制页面中运行的 js 在对应的状态下停止或者开始运行谷歌(Chrome)浏览器下测试如下 , 可以正常运行 :Safari 浏览器下测试如下 , 可以正常运行 :火狐浏览器下测试如下 , 可以正常运行 :代码如下 : var hiddenProperty = 'hi...
2019-11-28 18:46:04
1901
1
原创 VScode编辑器最好用的几款必备插件和设置
vscode 扩展↓用户设置Auto Close Tag自动补全background背景图Beautify美化代码(将一行代码编程嵌套)Color Info显示css颜色块HTML Boilerplate标准HTML样板代码minify用F1 缩小为单个文件 , 保存为minifyOne Monokai Theme字体美化彩色Path Intellisense路径...
2019-11-06 16:13:10
1266
原创 基于layui做一个最简单表格的增删改查页面
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>地区设置</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Com...
2019-10-24 12:09:59
4532
5
原创 在mac上安装yarn以及安装 brew 时所遇到的坑
一、为什么安装 yarn因为 yarn 是一个快速、可靠 、安全的依赖管理工具 , 并且在vue3.0的使用中我们需要使用到它yarn的官方安装方法 , 如下图所示 还是非常简单的brew install yarn二、安装 brew要想安装 yarn , 我们首先要检查是否安装 brew, 如果没有就要安装 brew验证是否安装 brew , 我们可以在终端输入 brew -v ...
2019-08-29 16:43:39
4116
原创 vue使用axios中的post请求时, 如何将json数据改为formdata类型
有些时候在用ajax发送post请求时 ,数据如下图⬇️在使用axios时的默认请求如下图 ⬇️content-Type : application/json 请求体类型默认是json格式就连发送的数据也是 request payload 的* 那么问题来了, 怎么才能让 axios 发送 post 请求时变得和 ajax 发送 post 请求的一样呢 ?解决方法⬇️1. ...
2019-08-22 11:47:02
6636
1
原创 js 和 css3 结合的动态图片摇摆和爆炸散开的效果实现
做 gif 的动图费时费力 , 我就简单的称述一下如图一所示 , 大红包左右摇摆 , 点击领取图片左右摇摆 , 再循环 n 次之后变成图二的效果大红包消失 , 金币图片和小红包图片从中间爆炸散开 , 由小到大 , 由清晰到模糊 , 直到消失在持续爆炸数秒后 , 大红包再次出现 , 开始左右摇摆 , 从此周而复始html页面的代码 ⬇️<!DOCTYPE html>...
2019-06-17 19:09:21
1607
原创 浅谈App和webApp(wap)的区别
应用的分类app 安装在手机上 通过安装包 xxx.apk xxx.ipa 苹果的安装包webapp 网页运行在浏览器上app 开发native 开发安卓 java 安卓框架ios objective-c swift优势 :用户体验好 界面跳转 webview 手机原生 流畅度高 网络依赖性 不高劣势使用困难 (下载 100m)...
2019-06-01 15:57:32
2244
1
原创 关于图片上传的爬坑之路以及解决方法
var datalist = { name: name, app_type:app_type, size_list: size, pattern: pattern, price: price, diurna...
2019-04-08 18:16:10
700
原创 前端ajax返回失败后的处理方式(如:404,500)
$.ajax({ type:"get", url:baseUrl + "/cp/get_ads_style/", xhrFields: { withCredentials: true //支持附带详细信息 }, error: function (err) { alert(err.status + '"' + err.stat...
2019-04-08 16:32:12
3067
原创 Mac上如何关闭谷歌了浏览器的同源策略
最简单暴力的方式 (这个只能解决你开发当中的跨域)1 . 新建一个文件夹2 . 打开终端 (cmd/命令行)3 . 将下面这句话粘贴到命令行里4 . 将dir=后面的地址换成文件夹路径就OK了open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/may...
2019-03-07 10:27:04
1737
原创 初识 vue 的生命周期
组件实例的生命周期生命周期对应的钩子函数一、人生阶段入世 发育在世 生活 不断地充实自己离世 回忆过去 解决遗憾二、vue组件的一生 (和实例是一样的)简单地可以像人生似的分为三个阶段1. 挂载前 (产生虚拟dom 加载数据)//虚拟dom <li v-for="item in 10">{{item}}</li>...
2018-12-14 21:07:06
200
原创 关于对 node.js 的总结
为什么1. 面试的时候可能需要node2. 了解node或者其他后端语言的优先3. 自己做外包4. 防止被甩锅5. 防止被骗 , 外包时 , 降低价格 , 尾款基本可以不考虑node是干什么的node是一个平台一门语言的能力取决于平台游览区 js bom dom ajax histroynode js fs 数据库 …api接口 web服务应用静态资源目录...
2018-12-10 15:38:50
192
原创 如何阻止promse链式调用的向下执行
promise链式的使用和注意细节promise.jsfunction test(){ return new Promise((resolve,reject)=>{ resolve('this is test') },1000);})function test2(){ return new Promise((resolve,reject)=>...
2018-12-04 15:14:31
818
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人