自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端检验图片链接是否有效

【代码】前端检验图片链接是否有效。

2025-01-22 10:27:04 176

原创 Axios 封装:处理重复调用与内容覆盖问题

前端开发中,频繁地调用接口可能导致请求相互覆盖,从而引发数据混淆或性能问题。本文将探讨如何有效解决接口重复调用和覆盖的问题。我们的方法结合了防抖函数、Axios的CancelToken机制,以及第三方插件axios-extensions实现缓存管理

2025-01-16 17:40:18 1050 1

原创 postMessage与BroadcastChannel对比及应用

postMessage 和 BroadcastChannel 是在 Web 环境中用于跨源通信和同源通信的两个不同API。它们各有特点和适用场景。

2025-01-09 19:47:31 313

原创 window.print()预览时表格显示不全

使用element的table组件,表格列宽为自适应,但使用window.print()方法预览的页面会直接按预览宽度截取表格内容进行展示,造成表格可能的显示不全问题

2025-01-09 19:41:23 499

原创 git merge与rebase区别以及实际应用

在 Git 中,merge 和 rebase 是两种将分支的更改合并到一起的常用方法。虽然它们都可以实现类似的目标,但它们的工作方式和效果有所不同

2025-01-09 15:31:34 375

原创 ECharts饼图下钻

点击颜色块,下钻显示下一层级占比

2025-01-07 19:38:09 418

原创 移动端打开页面反复刷新/卡死问题

【代码】移动端打开页面反复刷新/卡死问题。

2025-01-07 19:34:36 191

原创 Vue路由跳转报错

vue跳转到当前路由报错问题解决

2025-01-07 19:32:48 241

原创 Vue重新加载子组件

组件需要重新加载,即重新走一遍组件的生命周期

2025-01-07 19:32:04 320

原创 el-tree拖拽光标错位问题

el-tree实现的分类树增加拖拽功能后,当分类树由于数量较多产生滚动条,如果分类树已滚动,进行拖拽时会造成光标错位的问题

2025-01-07 19:31:21 513

原创 el-cascader 树状选择-点击父级禁用子级

点击父级禁用子级;再次点击取消禁用;仅回填所选级;上下级不关联

2025-01-07 19:28:25 224

原创 Echarts横向柱状图显示配置

【代码】Echarts横向柱状图显示配置。

2024-05-02 14:53:35 1225

原创 Vue表单项赋值后无法输入问题解决

v-model。

2024-05-02 14:29:26 1208 1

原创 postMessage与BroadcastChannel对比学习

【代码】postMessage与BroadcastChannel对比学习。

2024-05-02 14:24:46 480 1

原创 钉钉手机端调试前端H5项目流程

此流程以Vue项目为例。

2024-05-02 14:16:45 1175

原创 前端构造树算法优化

前端将平铺数据转换为树结构算法优化。

2024-02-20 23:43:39 443

原创 Echarts图例如何将选中与未选中状态配置成不同图形

Echarts图例(legend)将选中与未选中状态配置成不同图形方法。

2024-02-20 23:41:59 930

原创 Echarts堆叠柱状图圆角设置

Echarts堆叠柱状图仅边缘颜色设置圆角的方法。

2023-05-07 13:38:46 1548

原创 前端文件下载接口的调用

日常开发中前端经常会遇到需要下载文件的情况,现针对工作中常用的下载接口调用方法进行梳理。

2023-05-07 13:35:06 1910

原创 SVG进阶

日常遇到诸多使用方法上的问题,因此再对svg的另一些常用语法及注意事项进行梳理总结。

2023-03-19 19:26:24 500

原创 HTML邮件基本使用方法

邮件HTML的基本使用规则及注意点

2023-01-29 23:20:46 2741

原创 前端甘特图组件开发(二)

基于甘特图组件开发(一)的内容,本篇将继续完善相关功能并修复之前遗留的问题。包括 ① 自定义时间轴功能 ② 数据交互处理逻辑预留 ③ 样式布局调整 等。

2022-11-28 11:01:47 2479 1

原创 前端甘特图组件开发(一)

工作中需要使用甘特图组件展示数据,故考虑自主开发一款基于Angular的甘特图组件以满足业务的需求。基本包含以下几项功能:① 根据数据自动渲染进度图;② 支持树形表格数据展示;③ 支持多层时间轴自定义;④ 支持数据增删改查。其余功能将在后续持续拓展完善。

2022-11-28 10:53:07 8517

原创 JS实现回到顶部效果(带动画)

用js函数实现触发后页面逐渐滚动回顶部的效果。

2022-11-23 23:06:01 952

原创 Echarts配置项中的字体无法改变长度单位问题解决

如何在Echarts的配置项中设置字体的单位

2022-11-23 22:35:38 869

原创 CSS伪类生效顺序

在开发过程中,css 中给元素设置了 :active ,即激活状态下的相关样式,但该样式效果并未生效。经过研究,是由于伪类的设置需要按照一定顺序才能生效。

2022-11-21 23:37:03 312

原创 JS元素拖拽过快失效问题

在对页面元素设置拖拽事件,使元素随鼠标进行移动的时候,若鼠标移动速度过快,会导致鼠标跑出元素外导致拖拽提前结束,本文旨在解决上述问题。

2022-11-20 20:32:05 3008 4

原创 SVG基础语法及使用

SVG(Scalable Vector Graphics可缩放矢量图)作为一种常见的图片格式,其可以直接通过代码描绘图像并添加交互效果,可以用任何文字处理工具打开SVG图像,且随时可以插入到html中通过浏览器进行查看。本文将对SVG图像的一些基本标签语法及使用方法进行介绍。

2022-11-20 16:40:54 2159

原创 JS 使用 new Date() 时间不一致问题

JS 使用 new Date() 创建时间时,根据传入的日期(不包含时分秒)字符串格式不同,创建的出的日期时间有部分不一致现象。本文根据本现象进行梳理,避免实际使用时发生意料外的结果。

2022-11-20 16:31:58 5151

原创 js判断数组回文的常用方法

在刷算法题时遇到需要判断数组是否回文,故考虑以下两种方法1. 通过数组的 reverse 方法进行翻转并比较(注意不能直接使用 reverse 方法,因为会改变原数组)arr.toString() == arr.toString().split('').reverse().join('')2. 双指针法 (性能较好)for(let i = 0, j = arr.length - 1; i < j; i++, j--) { if(arr[i] !== arr[j]) return fals

2022-01-24 15:42:58 936

原创 js 位运算符

位运算就是直接进行二进制运算。位运算属于低级的运算操作,因此相较于一般运算符速度最快。基本概念& 按位与若两个相应的二进制位都是1,则该位的结果为1,否则为0| 按位或若两个相应的二进制位有一个是1,则该位的结果为1,否则为0^ 按位异或若参加运算的两个二进制位值相同则为0,否则为1~ 取反用来对一个二进制数按位取反,将0变1,1变0<< 左移用来将一个数的各二进制位全部左移N位,右补0>> 右移用来将一个数的各二进制位全部右移N位,移到右端的低位

2022-01-24 11:04:12 639

原创 js数据结构-链表

概述链表存储有序元素集合,但链表中的元素在内存中并不连续设置。每个元素由一个存储元素本身的节点和一个指向下一个元素的引用(也称指针或链接)组成。特点相较于数组数据结构,链表的好处在于添加或移除元素的时候无需移动其他元素。想访问链表中间的某个元素,需要从起点(表头)开始迭代链表直到找到所需元素。⭐️链表最后一个节点的下一个元素始终是 undefined 或 null操作0. 循环迭代链表直到目标位置getElementAt(index) { if(index >= 0 &&

2022-01-21 11:42:46 1570

原创 continue / break 跳出指定层循环

两层循环,内层循环中存在 if 判断,当判断成立时需跳出并执行下一轮外层循环。

2022-01-05 17:27:06 2055

原创 部署到 gitee pages 的静态页面更新后部分样式未刷新问题

原因是在重新提交文件并执行更新 gitee pages 操作后,协商缓存ETag和Last-Modified虽然会改变,但是强缓存Cache-Control仍然存在,且优先级更高,导致内容未发生改变。解决方案: ctrl+F5 强制刷新

2021-12-21 16:50:34 1172 8

原创 Vue 可自定义弹框组件实现

组件特点1. 可自定义弹框内容、大小、按钮类型、主题颜色、过渡效果等2. 可通过插槽自定义弹框主体内容

2021-12-21 15:28:42 3251

原创 Vue项目 - css 使用 js 变量值

解决问题:组件中需要使用变量的值作为某元素的背景颜色,但 style 标签中无法直接使用变量值作为样式

2021-12-21 11:30:07 1011 1

原创 JavaScript 继承方法

原型链继承;盗用构造函数继承;组合继承;原型式继承;寄生式继承;寄生式组合继承;ES6 继承

2021-12-16 16:41:25 917

原创 Vue 组件上传 npm 流程

在做 Vue 项目过程中,封装了一个通用组件,想将其上传至 npm 方便后续直接使用。

2021-12-15 11:05:31 883

原创 MVVM 理解

MVVM :Model-View-ViewModel是一种软件架构模式View视图 - 用户在屏幕上看到的结构、布局、外观Model模型 - 代表内容的数据访问层ViewModel视图模型 - 暴露公共属性和命令的视图的抽象Vue 中的 MVVMView 和 Model 没有直接联系,而是通过 ViewModel 进行交互核心:ViewModel,是一个 Vue 实例从 View 向 Model 方向,通过 DOM Listeners 检测页面的元素变化并更改 Model 中数据;

2021-12-08 16:49:39 430

原创 Webpack 知识点总结

Webpack 基础配置前置知识普通的 js 文件导入页面方法存在以下问题作用域问题文件大小问题可读性差的问题可维护性差的问题如何解决作用域问题:立即调用函数var result = (function () { const name = 'a' return name})()如何解决代码拆分问题Node.js commonjs:module.exports --> require如何让浏览器支持模块加载 require.jsES6exp

2021-12-06 17:20:52 672

空空如也

空空如也

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

TA关注的人

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