自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(171)
  • 资源 (3)
  • 收藏
  • 关注

原创 react封装Spin重复使用loading效果antd

react、antd封装Spin重复使用loading效果

2024-05-20 10:14:29 192

原创 ReactFlow的ReactFlow实例事件传参undefined处理状态切换

ReactFlow实例如果没有传监听事件方法,父节点就不会触发事件,那么我们试着切换传参处理。通过传参`undefined`,成功的没有触发对应事件,同时也没有出现渲染可拖拉拽连线的标志。

2024-05-07 23:25:45 511

原创 mac安装nvm管理node(手残流,git下载)

首先电脑里得有brew、git、vscode,看,看。我本人比较low,mac命令也记不熟,本篇就是git下载nvm,vscode看配置,省心不动脑子就可以了。

2024-04-20 14:16:01 564

原创 vue2的ElementUI的form表单报错“Error: [ElementForm]unpected width”修复

ElementUI的form表单,当动态切换显示表单时报错 `Error: [ElementForm]unpected width`。

2024-02-20 19:04:07 1299

原创 Fiddler【autoResponder】直接模拟接口返回数据调试

Fiddler【autoResponder】直接模拟接口返回数据调试接口对接时需要更多可能的数据类型来满足调试系统健壮性。

2024-02-02 18:32:18 444

原创 前端文件下载方法(包含get和post)

前端文件下载方法(包含get和post)

2024-01-10 16:58:53 559

原创 代码去除注释Remove Comments、合并行Join Lines、代码压缩Minify等vscode功能

代码去除注释Remove Comments、合并行Join Lines、代码压缩minify等vscode功能

2023-12-08 15:01:58 762

原创 el-select的多选multible带全选组件二次封装(vue2,elementUI)

Select 选择器 多选需要增加 全选 和 取消全选 功能,前端框架为vue2,UI组件为elementUI。

2023-12-07 22:36:06 743

原创 VS Code Counter统计代码量(vscode扩展工具)

VS Code Counter扩展工具用于统计代码行数以及代码量等信息。

2023-11-08 09:53:18 7142

原创 修复The play() request was interrupted等系列问题

在网页端播放媒体,如video、audio等标签,在频繁切换组件播放时经常出现The play() request was interrupted等错误提示,可以延时执行修复该问题

2023-10-08 08:59:26 4133 5

原创 play() failed because the user didn‘t interact with the document优化媒体不能自动播放

谷歌浏览器 video 元素设置 autoplay,我们原意是希望页面加载时自动播放,但实际上并没有自动播放,在控制台报错如下:Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first.这里的意思是,是因为用户没有先和网页交互所以播放失败。

2023-09-14 22:07:59 10779

原创 浏览器网页截屏妙用Capture node screenshot

通常我们在PC端截屏时可能会用到一些截屏工具,比如,但是有时候网页页面尺寸很大,或者截屏像素要求很高应该怎么搞处理呢?Capture node screenshot

2023-09-14 17:51:47 378

原创 BroadcastChannel方法跨浏览器窗口通信

BroadcastChannel可以使不同浏览器窗口,Tab 页,frame 或者 iframe 下的不同文档之间可以通过相互通信。

2023-09-14 10:04:53 333

原创 npm安装依赖报错Unexpected token ‘.‘ 处理

在用nvm切换高版本node版本之后日志信息如下:报错信息量很少,但是跟高版本node环境下安装依赖有关系。

2023-07-19 03:48:38 2163

原创 Mac安装brew

先去下载,Mac版要求命令行安装$(curl国内安装时会遇到端口443的问题$(curl需要选择合适的镜像缘安装的时候会有一些提示和交互,按照要求填写处理当安装完成之后将会有如下提示。

2023-06-18 21:35:40 3413

原创 Mac下载安装vscode

先从下载Mac版vscode。

2023-06-18 13:09:37 5628

原创 markdown甘特图语法介绍

甘特图(Gantt chart)又称为横道图、条状图(Bar chart)。其通过条状图来显示项目、进度和其他时间相关的系统进展的内在关系随着时间进展的情况。

2023-05-09 22:11:25 1199 1

原创 node的express-session设置sameSite和secure不生效且session丢失

一般在node环境里,设置跨域请求需要配置sameSite和secure的值,但以下配置往往不生效。

2023-04-15 23:20:31 1076

原创 修复相同正则RegExp使用exec或者test交替返回true和false

新写一个正则,比如,在调用exec和test方法时交替返回true和false,乍一看还以为正则出了什么问题。

2023-03-16 19:46:03 190

原创 d3引入其它svg文件

如何在d3中引入其它svg文件,目前有两种方式。

2023-03-14 22:07:53 794

原创 js实现剪切板复制拷贝的兼容方法

在某个工具类方法中定义该方法,兼容不同浏览器处理。

2023-03-03 18:09:13 912

原创 Failed to execute ‘setRequestHeader‘ on ‘XMLHttpRequest‘: String contains non ISO-8859-1 code point

接口请求的headers参数里有不符合标准的字符,所以导致设置接口headers参数的方法失效,然后报错Failed to execute 'setRequestHeader' on 'XMLHttpRequest': String contains non ISO-8859-1 code point.

2023-02-23 15:21:28 5370

原创 yarn的global安装命令不生效

yarn全局安装某个依赖完成之后,但依赖没有生效,一般有两种情况导致的。

2023-02-23 10:07:56 1294

原创 form表单的单输入框回车出现同步提交事件处理

form表单中如果只有一个输入框,在输入时按Enter回车键会出发默认事件自动提交表单,该交互是同步发生的,会导致页面刷新。

2023-02-22 11:19:30 2401

原创 js提取字符串中的地址或者域名

js提取字符串中的地址或者域名

2023-02-17 16:13:51 1962

原创 vscode通过扩展【koroFileHeader】自动添加头部注释

在vscode的扩展商店里搜索并安装koroFileHeader。

2023-02-17 10:47:30 655

原创 vue2的element自定义表单(支持数据联动和表单联动)

vue2关于element自定义表单实现,支持数据联动和表单联动

2023-01-10 10:57:23 1785

原创 vue使用codemirror

vue项目有不同的依赖可以对应2和3版本的codemirror。

2022-12-14 22:02:06 1314

原创 CastError: Cast to string failed for value “{}“ at path “xxx“ for model “xxxModel“

在执行mongodb查询语句时报错`CastError: Cast to string failed for value "{}" at path "xxx" for model "xxxModel"`

2022-11-15 17:42:27 1472

原创 修复【Error: Can‘t find Python executable “Python25“, you can set the PYTHON env variable】或者iconv安装失败

项目在 `npm install` 时安装报错Error: Can't find Python executable "Python25", you can set the PYTHON env variable以及ERR! [email protected] install: `node-gyp rebuild`

2022-11-09 15:11:27 452

原创 命令行报错【无法加载文件 *.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 about_Execution_Policies】

在执行angular cli命令 `ng` 时报错说无法加载 *.ps1 文件,因为系统上禁止运行脚本ng : 无法加载文件 D:\Program Files\nodejs\ng.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies.所在位置 行:1 字符: 1

2022-11-01 23:06:09 1483

原创 修复DeprecationWarning: Mongoose: mpromise (mongoose‘s default promise library) is deprecated

npm run dev 运行项目报错(node:xxx) DeprecationWarning: Mongoose: mpromise (mongoose's default promise library) is deprecated, plug in your own promise library instead: http://mongoosejs.com/docs/promises.html

2022-11-01 13:53:11 340

原创 一直弹框报错WdatePicker:el is null nexample:onclick=“WdatePicker({el:this})“

最近在梳理老项目时点击日期框,然后频繁的报错 `WdatePicker:el is null!\nexample:onclick=\"WdatePicker({el:this})\"

2022-10-28 20:52:20 653

原创 cookie-parser用于cookie签名和签名解析的中间件,防止cookie被恶意更改

cookie-parser是一个用于cookie签名和签名解析的中间件,将返回前台的cookie设置属性signed值true签名,也通过请求的signedCookies获取签名的cookie值

2022-10-11 08:37:42 1031

原创 修复This is probably not a problem with npm. There is likely additional logging output above.依赖问题

修复This is probably not a problem with npm. There is likely additional logging output above.依赖问题

2022-10-10 14:49:39 6348

原创 git撤回上一次push

我们有时候误提交代码需要回滚到上一个版本,需要通过git命令重新提交处理

2022-09-30 09:04:14 5833

原创 修复jquery: Uncaught TypeError: e.indexOf is not a function问题load弃用

浏览器报错说 e.indexOf is not a function,我们发现这是jquery在调用 load 方法时报错

2022-09-26 13:06:00 2716

原创 vue-router在module内部访问其它模块数据、计算属性或者调用其它模块方法

我们在用时将数据 store 划分成不同的,如果我们在当前模块里需要访问不同模块的数据、计算属性或者调用其它模块的方法该怎么处理呢?

2022-09-20 16:28:09 816

原创 浏览器输入框或表单关闭自动填充autocomplete=off

浏览器端有时候会记录用户输入信息作为缓存,下次输入框focus时将会有下拉缓存供用户选择填充,如果缓存次数过多会影响其页面正常显示。autocomplete=off

2022-09-16 14:01:37 12637

原创 No ‘Access-Control-Allow-Origin‘ header前端浏览器跨域用LiveServer处理

用Live Server解决静态页面跨域问题has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource。简而言之,不允许跨域。

2022-09-15 13:08:17 1518

el-select的多选multible带全选组件二次封装(vue2,elementUI)

内容概要:Select 选择器 多选需要增加 全选 和 取消全选 功能,前端框架为vue2,UI组件为elementUI。 适用人群:前端新手。 使用场景及目标:vue2+ElementUI,Select选择框多选的时候增加全选和取消全选,二次封装组件。 其他说明:暂时没有其他说明,需要来找我聊问题。

2023-12-07

js剪切板的复制代码兼容各环境版本

在某个工具类方法中定义该方法,兼容不同浏览器处理,复制功能,能够更多环境里使用,好不好用用了就知道,我也是参考了很多方法写出来的

2023-03-19

vue-qrcode-reader识别二维码

vue-qrcode-reader识别二维码

2022-09-12

echarts双y轴对齐和0线对齐的数据处理js

内容概要:echarts双y轴对齐和0线对齐的数据处理js 使用人群:初级 使用场景:用该方法计算出max、min、interval,然后放到yAxis的数据里,从而设置echarts的双y轴对齐和0线对齐,另外数据也向上规整。

2022-08-01

盐城区域的经纬度坐标数据

盐城区域的经纬度坐标数据

2022-05-20

不同角度看前端 ppt.pdf

前端架构设计全套实施手册,从架构规范、架构设计到微前端架构拆分,助力大前端时代前端架构设计选型和开发,狼叔等众前端专家力荐,前端的复杂性和可预期的未来决定前端需要更多架构师。 ★这是一本围绕前端架构的全套实施手册 ★架构规范、前端架构设计及微前端架构拆分 ★引入6种微前端的概念,以及如何划分、设计微前端应用 ★深入探讨规范、原则、模式、架构 ★提出了更新、迁移、重构、重写、重新架构等架构演进方式 ★从0到1演示如何成为优秀前端开发工程师(初中级) ★助力读者构建更易于维护的系统架构 ★作者著书三本,还是七本有关物联网和前端开发书籍的技术审阅者。 ★通读本书,让前端负责所有的业务开发成为可能! ★大前端时代前端架构选型和开发不再迷茫!

2019-11-01

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除