自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(104)
  • 收藏
  • 关注

原创 如何实现弹窗的 双击关闭 & 拖动 & 图层优先级

如果我在弹窗中放了一个播放器,这个播放器可以双击全屏,或者我连续点击两次“播放/暂停”按钮,就会导致事件冒泡,从而触发关闭弹窗的方法,应该如何处理?

2025-10-31 11:36:15 322

原创 Vue router 中 子路由的细节分析

子路由通过 children 配置和 <router-view> 嵌套,实现组件的层级化渲染,是构建复杂单页应用(SPA)的重要工具。

2025-10-29 10:21:34 494

原创 巧妙维护响应式布局下的字体大小

利用CSS变量实现响应式字体维护(类比了系统主题设置)

2025-09-16 10:20:28 233

原创 全局存在多个相同类名获取dom冲突问题

分析并解决全局存在多个相同类名获取dom冲突问题

2025-09-12 10:09:01 253

原创 滚动列表展示跟随弹框效果

利用js和css实现滚动列表展示跟随弹框效果

2025-09-11 15:48:36 345

原创 手搓3D轮播图组件以及倒影效果

利用js,css实现3D效果的轮播图,支持手动滑动、自动循环播放、按钮切换、倒影效果

2025-09-01 17:18:06 454

原创 使用 Plyr 搭建一个多视频播放大屏

使用 plyr 实现轮播多视频数据大屏的两个场景处理(更新补充需求)

2025-07-31 15:05:43 502

原创 大屏搭建多个图表不自适应问题

针对解决:多个ECharts组件,只有在分辨率变大时自适应,或者刷新后才能自适应,分辨率尺寸变小时无法自适应

2025-07-14 17:43:48 390

原创 从0用Vite搭建一个项目

使用Vite+Vue3搭建项目并安装使用到的库

2025-07-01 11:58:02 968

原创 git 提交代码注意事项

git 提交代码时的 Merge Commit 解决方案

2025-06-25 10:25:38 342

原创 使用组件库表格组件纵向滚动时出现横向滚动条问题

利用CSS解决使用组件库中的表格组件纵向滚动时出现横向滚动条问题

2025-06-17 17:43:07 338

原创 JS实现OSS断点续传

利用OSS实现断点续传(附实现效果),彩蛋:上传失败模拟;小文件模拟上传进度

2025-06-06 16:46:50 1065 4

原创 前端实现视频/直播预览

js实现.mp4、.mov等视频预览,.m3u8等直播预览

2025-06-06 15:50:24 1360

原创 实现视频分片上传 OSS

实现视频分片上传 OSS

2025-05-16 10:44:57 648

原创 源码篇 使用及分析 Vue 全局 API

针对 Vue 的全局 API 使用方法及源码分析说明

2025-05-09 10:18:10 908

原创 CSS 解决手机浏览器默认行为(点击出现蓝色背景)

 利用 -webkit-tap-highlight-color 属性解决手机浏览器默认行为(点击出现蓝色背景)

2025-04-25 10:14:53 457

原创 源码篇 剖析 Vue2 双向绑定原理

Vue 源码角度深度剖析理解双向绑定原理(Vue3 的响应式系统即将更新...)

2025-04-24 10:26:45 1172

原创 省市区级地域数据封装方法

针对省市区级数据处理为数组/map结构的方法

2025-04-16 10:52:02 323

原创 Axios 介绍及使用指南

基于 Axios 原理,安装及封装

2025-04-15 10:23:18 1184

原创 OpenTiny使用指南

OpenTiny使用指南

2025-04-14 15:48:28 405

原创 Webstorm 常用插件及便携设置

Webstorm 常用插件及便携设置

2025-04-11 18:12:45 654

原创 2025最新版Nodejs安装及环境配置教程

Nodejs安装及环境配置教程

2025-04-11 14:12:53 564

原创 前端小程序开发小知识

前端小程序开发中的小知识

2025-04-01 22:42:34 794

原创 产品经理六题汇总

我看了许多文章之后,发现了作为一个好的产品经理需要明确三个问题:需求是什么(调研),怎么做这个需求(需求文档),谁来做这个需求(与相关团队沟通协作)。现阶段我的感悟就是通过市场调研、数据分析、竞品调研、用户调查等等这些方式去确定要做的产品定位是什么,目标用户是谁,商业模式是什么。在这个过程中,有一个很大的问题就是,如果盲目跟风或者对于自身资源认知不足,就会导致浪费了大量的成本之后没有做好产品。

2025-03-24 20:17:10 972

原创 算法关键知识汇总

说说Map、Set 、二维数组、DFS、BFS

2025-03-24 18:10:05 324

原创 如何实现多行文本溢出并实现响应式效果

实现多行文本溢出

2025-02-18 19:21:22 322

原创 微前端架构学习笔记

关于微前端架构方面的笔记整理,内容还在学习更新中...(有描述不准确的地方欢迎指正)

2024-12-06 18:06:16 1332

原创 LeetCode Hot 100(JS版 - 刷题中...)

LeetCode Hot 100(JS版 - 刷题中...)

2024-11-17 23:36:12 579

原创 实现剪贴板上传图片

实现点击 Ctrl+v、Command+v 、Win+v 或 Command + Control + v 剪贴板图片上传

2024-11-07 12:01:14 455

原创 Web Workers 学习笔记

最近在开发中遇到了一个需求,一大堆的图片都需要调用两个接口。这对单线程的 JavaScript 运行环境构成了挑战,容易影响用户体验。所以决定学习 Web Workers 并记录一下。Web Workers 的作用就是提供一个多线程环境,允许将一些繁重任务(涉及大量计算或网络请求时)从主线程分离出来。在主线程创建的 Worker 线程中,这些任务可在后台运行,避免阻塞主线程,使主线程可以更专注于 UI 交互等实时响应,从而大幅提升应用的流畅性。

2024-11-06 20:54:58 1107

原创 ACM模式输入输出处理(JS版)

在ACM模式中,需要自己处理输入及输出,如果是一行或者两行简单的数据,可以直接读取。但也会存在一些比较难处理的输入格式。这里尝试了几种方式可以快速拿到输入数据。

2024-11-04 21:09:50 628

原创 牛客算法题(JS版)

牛客的算法题

2024-10-29 20:21:17 1106

原创 算法篇——动态规划最终篇 (js版)

连续递增的子序列 可以由两个下标 l 和 r(l < r)确定,如果对于每个 l <= i < r,都有 nums[i] < nums[i + 1] ,那么子序列 [nums[l], nums[l + 1], ..., nums[r - 1], nums[r]] 就是连续递增子序列。本题是要在连续最长子序列基础上,找到两个数组中的公共序列,因此,确定 dp[i][j] 是以 i - 1结尾的子序列1,和以 j - 1结尾的子序列2,最长重复子序列长度为 dp[i][j]。初始化长度为1,因为长度至少是1。

2024-10-29 17:26:22 1148

原创 前端面试知识汇总

前端知识梳理,持续更新中...

2024-10-28 18:20:52 1104

原创 使用Vue指令实现面板拉伸功能

目的:现在有一个PDF预览页面,左侧为PDF预览区域,右侧为可以进行AI功能的面板。现在想让AI面板通过拖动左边框实现面板拉伸。

2024-10-23 20:22:34 297

原创 node版本切换(nvm工具)

最近接手了一个新项目,Node 版本切换的知识又遇到了,如果不及时切换版本,项目运营不起来,或是遇到一些报错。如何切换 Node 版本呢?或者使用wget在这个里面选择一个稳定版本下载 nvm-setup.zip下载完成后,解压缩并运行文件。按照安装向导的步骤进行安装。安装完成后,打开命令提示符(

2024-09-14 16:25:59 1090

原创 获取Word、PPT、Excel、PDF文件页数及加密校验

【代码】获取Word、PPT、Excel、PDF文件页数及加密校验。

2024-08-29 18:06:56 908

原创 文件上传面板中限制需要的文件格式,并且隐藏“所有文件”选项

直接说需求:需要实现在文件上传面板中限制需要的文件格式,并且不想展示“所有文件”这个选项,应该怎么做嘞?

2024-08-29 18:04:34 692

原创 运行 npm install 报错-4048

该报错内容主要为权限导致的,需要管理员身份才可以运行。

2024-07-22 19:57:19 673

原创 Vue3中使用el-table遇到的问题

但这样会导致同时展示两个tooltip,并且下面包裹在span标签外层的el-tooltip是会一直显示的,这里还需要写一个方法来判断当前是否溢出,这样逻辑就复杂了很多,至于如何判断,下面我会贴代码。我在使用element-plus中el-table组件的时候,对于某一<el-table-column>标签内的内容设置show-overflow-tooltip属性,但这里溢出展示的tooltip的默认样式是无法像el-tooltip标签那样,直接可以修改的。

2024-06-22 15:33:25 870 2

报告生成模块-分为两个版本的文件(中英)

报告生成模块-分为两个版本的文件(中英)

2023-11-10

空空如也

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

TA关注的人

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