自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 问答 (2)
  • 收藏
  • 关注

原创 统计前端代码总行数

本文介绍了一个统计源代码行数的Node.js脚本。该脚本会递归遍历src目录下的所有文件,统计指定扩展名(如.html、.js、.vue等)的文件行数,同时排除node_modules等常见目录。脚本会输出总行数、空行数和有效代码行数。使用方法是在src同级目录创建count-lines.js文件,复制代码后执行node count-lines.js即可。

2026-01-14 14:15:43 201

原创 防止网站被iframe嵌套

摘要:防止网页被嵌入iframe的4种方法:1)通过服务器配置X-Frame-Options响应头(DENY或SAMEORIGIN);2)使用Content-Security-Policy头的frame-ancestors指令;3)JavaScript检测并重定向(top.location!==self.location);4)HTMLmeta标签设置(兼容性有限)。适用于Nginx/Apache服务器配置和前端实现。

2025-06-23 17:42:16 507

原创 基于react和antd封装的自定义message提示 (即插即用)

React Custom Message 是一款轻量级 React 提示组件,支持 success、error、warn 三种类型消息提示,每种类型自带对应边框色。组件支持点击任意区域关闭提示,并可传入自定义样式 className。安装使用简单,通过 npm 安装后导入组件,调用时传入 messageTxt 和 type 参数即可快速实现消息提示功能。该组件体积小巧,适合在 React 项目中快速集成消息提示功能。

2025-06-12 15:48:54 292

原创 antd中message提示自定义点击关闭

【代码】antd中message提示自定义点击关闭。

2025-01-23 09:20:57 328

原创 大屏可视化适配 vue3中autofit.js的使用

vue3+ts中使用autofit.js解决可视化大屏的适配

2024-10-30 14:19:17 1116

原创 vue+ts引入报错Cannot find module ‘vue‘. Did you mean to set the ‘moduleResolution‘ option to ‘node‘, or

解决办法:第一步:找到 tsconfig.json文件。第二步:找到 compilerOptions对象,将moduleResolution的值改为node,再找到paths,原来有这个对象的话就在原来的基础上新增一个键值对 "*": ["node_modules/*"]。

2024-10-30 14:04:32 912

原创 DatePicker日期选择器,随机选中时间范围,js计算出该时间段内存在几个星期,并列出周几至周几

DatePicker日期选择器,随机选中时间范围,js计算出该时间段内存在几个星期,并列出

2024-08-14 09:02:13 336

原创 react中倒计时组件,用于发送验证码功能的实现

Input placeholder="输入验证码" suffix={<CountdownTimer startTimerFinish={this.startTimerFinish} endTimerFinish={this.endTimerFinish} initialSeconds={60} />}

2024-07-02 14:22:21 524

原创 react实现AI对话

【代码】react实现AI对话。

2024-04-23 09:19:51 831 1

原创 处理dangerouslySetInnerHTML属性安卓平板兼容问题

【代码】处理安卓平板兼容问题 dangerouslySetInnerHTML属性。

2024-04-01 09:34:47 246

原创 大文件分片上传+断点续传(react)同时限制附件大小及视频时长

js部分代码各类框架都适用,稍作改动即可,当前项目为react+

2024-04-01 09:24:42 573

原创 禁止html页面复制(兼容各浏览器)

【代码】禁止html页面复制(兼容各浏览器)

2024-01-09 16:18:23 490

原创 a标签下载,自定义附件名称失效问题处理

a标签下载自定义附件名称失效问题处理, a标签下载附件文件名称不是传入的a.download = fileName或者

2024-01-05 09:48:08 1013 1

原创 uni开发微信小程序引入和风天气第三方库 icon不显示问题处理(阿里等icon库同样的处理方式)

微信小程序引入第三方库 icon不显示问题处理

2023-10-27 14:51:17 1910 1

原创 图片预览标注 模仿微信截图中画笔工具对图片进行绘画

基于canvas+element 实现 图片预览及画笔工具 具备清空、放大、缩小、更换画笔颜色等功能。其他功能 可自行探索。

2023-08-28 10:48:41 249

原创 树结构数组生成新的节点id(解决原有id重复不唯一)

树结构数组生成新的节点id(解决原有id重复不唯一)

2023-07-10 17:24:47 688 1

原创 树结构数据扁平化(取节点中的某个值 )

数组扁平化

2023-07-10 17:20:29 173 1

原创 基于Vue3+ele-Plus+Ts封装高级搜索组件,支持JSON数据传入生成搜索条件

【代码】基于Vue3+ele-Plus+Ts封装高级搜索组件,支持JSON数据传入生成搜索条件。

2023-03-29 10:09:29 1119 2

原创 关于vue中iframe嵌套页面的适配(大屏可视化)

关于vue中iframe嵌套页面的适配方案

2022-12-27 14:14:57 814 1

原创 一个对象分割为两个对象(前面是一个,后面是一个)

后端返回数据为一个对象,而前端实际是需要两个对象去渲染数据。所以需要分割对象

2022-07-15 14:04:14 864

空空如也

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

TA关注的人

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