- 博客(117)
- 收藏
- 关注
原创 【常见方法】数字魔法:用三行js代码优雅实现千分符格式化
在处理大数字时,可读性是一个常见的痛点。本文介绍了一种优雅的解决方案,仅用三行代码实现千分符格式化,让数字瞬间变得清晰易读。通过正则表达式的巧妙应用,这段代码能够处理整数和带小数的数字,并支持多种应用场景,如金融数据展示和统计报表。文章详细解析了代码的逻辑,并展示了如何通过简单的修改扩展其功能。无论你是前端开发者还是数据分析师,这段代码都能为你的项目增添一份专业感,同时提升数字的可读性和用户体验。
2025-04-12 17:57:18
380
原创 【组件封装】致敬 Ant Design:vue用原生代码打造一个 Tab 组件,不输专业级框架!(满足基本功能,去掉antd造成tab抖动、闪动的动画)
用原生代码能不能打造出一个既炫酷又实用的 Tab 组件!开箱即用!!
2025-04-09 09:20:23
1206
原创 【组件封装-优化】vue+element plus:二次封装select组件,实现下拉列表有分页、自定义是否可搜索的一系列功能
vue+element plus:二次封装select组件,实现下拉列表有分页、自定义是否可搜索的一系列功能
2025-04-08 14:46:08
679
原创 iframe: 通过postMessage实现父子页面通信
在前端开发中,跨域是一个常见的问题,由于同源策略的限制,浏览器不允许在不同源的页面之间直接进行通信。解决跨域问题有多种方式,其中一种常用的方式是使用postMessage。它是HTML5引入的一种跨文档通信的机制,可以在不同的窗口或框架之间传递数据,即使这些窗口或框架不属于同一个源。本文将介绍改方法的使用与场景
2025-03-10 15:34:42
1725
原创 【组件封装】vue3拖拽排序: vuedraggable 的使用方法(正常数据的基本使用与树结构数据递归使用)
【组件封装】vue3拖拽排序: vuedraggable 的使用方法(正常数据的基本使用与树结构数据递归使用)
2024-08-04 17:29:09
1801
1
原创 vue3+vite从零架构:写组件、构建、打包并上传个人前端组件库至私有npm仓库最终在自己项目中下载并使用(超详细的流程,小编已实现)
vue3+vite从零架构:写组件、构建、打包并上传个人前端组件库至私有npm仓库最终在自己项目中下载并使用(超详细的流程,小编已实现)
2024-07-14 16:35:54
3921
3
原创 【TypeScript 类报错】Property ‘name‘ has no initializer and is not definitely assigned in the constructor
Property 'name' has no initializer and is not definitely assigned in the constructor 报错解决
2024-07-03 14:12:05
4724
原创 vue2+webpack 和 vite+vue3 配置获取环境变量(补充)
继nginx后内容的补充:vue2+webpack 和 vite+vue3 配置获取环境变量
2024-06-24 13:30:50
873
原创 vite:配置打包后js的文件名,解决更新后浏览器缓存问题(了解浏览器的强缓存与协商缓存)
vite:配置打包后js文件名,解决更新后浏览器缓存问题,并了解浏览器的强缓存与协商缓存
2024-06-24 11:07:24
2806
原创 vue:vue2与vue3如何全局注册公共组件(包括涉及到的相关方法函数的讲解)
vue:vue2与vue3如何全局注册公共组件(包括涉及到的相关方法函数的讲解),包括require.context()、import.meta.glob()和import.meta.globEager()方法
2024-06-21 15:52:58
1200
1
原创 vsCode代码格式化(理解eslint、vetur、prettier,实现格式化文档以及ctrl+s保存自动格式化文档,保证代码格式的统一,相对规范,以及一些常见问题实战解决)
vsCode代码格式化,解决格式化中常见的问题,让大家能知根知底,不用盲目在网上查询多种配置(包括理解eslint、vetur、prettier,实现格式化文档以及ctrl+s保存自动格式化文档,保证代码格式的统一,相对规范,以及一些常见问题实战解决)
2024-04-20 14:21:37
12952
7
原创 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location报错解决
2024-04-19 09:10:46
3718
原创 bug(警告):[vue-router] Duplicate named routes definition: …
[vue-router] Duplicate named routes definition: …警告消除
2024-04-18 09:16:35
1317
原创 Error in render: TypeError: Cannot read properties of undefined (reading‘‘)
Error in render: TypeError: Cannot read properties of undefined (reading' ')报错解决
2024-04-18 09:15:35
7421
原创 bug:[Vue warn]: Do not use built-in or reserved HTML elements as component id: Component
[Vue warn]: Do not use built-in or reserved HTML elements as component id: Component报错解决
2024-04-17 13:54:41
1106
原创 [Vue warn]: Invalid prop: custom validator check failed for prop “percentage“ (element ui组件报错)
[Vue warn]: Invalid prop: custom validator check failed for prop "percentage"报错解决
2024-04-17 13:47:30
4060
原创 解决bug: webpack < 5 used to include polyfills for node.js core modules by default 的报错
解决webpack < 5 used to include polyfills for node.js core modules by default 的报错
2024-03-31 11:17:08
2441
原创 echarts实践总结(常用一):柱状图(特点:渐变色、点击缩放、左右滑动、悬浮展示样式)
柱状图(展示渐变色、点击缩放、左右滑动、悬浮展示样式)
2024-03-17 17:10:26
1684
原创 微信小程序(bug): 获取手机号报错:getPhoneNumber:fail no permission
getPhoneNumber:fail no permission报错原因并解决
2024-02-02 11:18:42
2874
自定义描点定位组件的数据
2024-10-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人