自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端实现 PDF 下载地址预览图片

使用 pdf 图片文件下载地址获取内容,实现在 H5 界面上直接展示高清图片预览,并支持跨域请求和身份认证

2025-11-20 16:37:39 320

原创 vite 增加 polyfill 配置

vue+vite 项目,使用@vitejs/plugin-legacy配置polfill,兼容不同设备、新旧浏览器

2025-11-20 16:36:32 877

原创 CSS3伪类选择器详解

伪类选择器主要根据文档结构来选择元素,常用于选择父亲里面的第几个孩子。本文通过实际例子详细介绍伪类选择器之间的区别和如何使用。

2025-02-19 18:23:28 1288

原创 前端实现边框不同颜色图案线条

本文提供前端实现边框用双色的虚线的几种方案,并详细介绍原理,对涉及的知识点进行回顾,并提供了源码实现和示意图。

2025-02-06 15:24:34 1142

原创 前端实现单位自动转换

作为前端开发, UI 设计师给出的设计稿单位都是 px,而移动端开发时,需要适配不同的界面宽度,兼容不同机型。本文介绍采用通过配置后,在开发中可以直接使用设计图的尺寸开发,项目为我们自动编译,转换单位。本文主要介绍2种方式,rem 方式和vw 方式,并详细解释其中的原理。

2025-01-24 17:51:52 1228

原创 前端实现输入金额带单位提示及 box-shadow和drop-shadow 对比思考

实现金额输入框带单位提示,在输入指定位数后,左上角提示对应的单位。及 box-shadow和drop-shadow 的思考

2024-11-15 18:28:49 1159

原创 前端项目绘制高清二维码并下载

在前端项目中,根据配置信息生成固定尺寸的二维码,不随浏览器缩放而变化大小,并下载带有二维码名称的高清图片。

2024-09-20 16:10:39 1054

原创 el-select 多选默认选项添加禁止删除功能

实现编辑时打开的 element 表单,多选下拉框 select,只允许添加新的属性,不允许删除原来的属性。

2024-07-23 15:26:22 3220 1

原创 vue3+vite项目自动转换 px 为 rem

1、创建应用,安装依赖,注意去掉中 type 配置npm i2、根目录创建文件3、main.js同目录 创建rem.js文件,并在main.js引入4、启动,在控制台可以看到 根节点有font-size,并且 px 已经被自动转为 rem了。

2024-06-13 09:59:11 1630

原创 前端快照实现方案

snapshot 翻译为快照,用于直观获取页面在某个运行时的状态,将执行操作前后的快照进行存储,可以轻松实现页面状态的重做、撤销功能。 本文介绍 snapshot 工具实现方案和在项目中的使用

2023-11-14 13:25:47 763

原创 webpack 加载动态路径处理方式

`webpack` 动态参数的处理办法,包括部分动态 require 和完全动态 require,其中介绍了部分动态的处理原理,和完全动态参数的解决办法

2023-08-31 14:05:16 2271

原创 前端发布-订阅模式原理和实现

前端项目中组件之间通信方式有很多种,对于非层级组件之间的通信,一般采取订阅-发布模式,这篇文章整理实现思路和用法。

2023-07-03 22:04:49 796

原创 前端路由原理和实现

前端路由的实现原理,就是在不跳转或者刷新页面的前提下,为SPA应用中的每个视图匹配一个特殊的URL,之后的刷新、前进、后退等操作均通过这个特殊的URL实现。

2023-06-04 15:05:23 595

原创 antd form获取和设置表单数据原理解析

项目中使用antd的form,总是好奇使用getFieldDecorator包裹后的类似names[${k}].name形式的id,是如何解析成数组或对象的,所以从源码解析了原理并记录下来。antd的form引用的是rc-form,所以实现的原理其实是在rc-form中,github:https://github.com/react-component/form.git以下解析仅专注于get 和 set时,如何解析入参id,对于从id获取对应表单value的部分暂不深究。setrc-form中多次

2021-09-10 10:37:50 2958

原创 js原型链理解

学js时就对原型、原型对象有些头大。当时以为自己已经完全理解了,所以也没有怎么做笔记,最近又遇到类似的问题,发现自己了解的还是太少了,所以决定好好的整理一下~概念prototypeprototype只有函数、ES6的类才有,注意箭头函数没有prototype属性。《JavaScript高级程序设计》中描述:每个函数都有一个prototype(原型)属性,这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。[[prototype]]每个对象都有[[prototype]](原型对象)

2021-08-25 18:15:56 210

原创 js-xlsx 使用总结 实现前端解析excel

背景解析excel数据,前端或后端都可实现,考虑到当前需求为 导入并且预览表格数据,用户可对数据进行修改,最终提交的为用户修改后的数据,所以采用前端解析的方式更为合理。依赖项1、js-xlsx库:解析excel、写excelgithub:https://github.com/SheetJS/sheetjs2、react + ag-grid步骤默认已经搭建好了react脚手架,且支持ag-grid表格1、安装xlsxnpm install xlsx2、读取文件生成workbook

2021-07-15 14:41:05 8355

空空如也

空空如也

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

TA关注的人

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