- 博客(173)
- 收藏
- 关注
RSS订阅原创 打包体积视图分析插件 rollup-plugin-visualizer
摘要：本文介绍了如何使用rollup-plugin-visualizer分析Vite项目的打包体积。首先通过npm安装插件，然后在vite.config.js中配置插件参数（包括输出文件路径、自动打开、显示gzip/brotli压缩大小）。建议通过环境变量控制插件开关，避免影响生产构建。最后执行npm run build命令后，系统会自动生成可视化分析报告，帮助开发者优化项目打包体积。文中还提到可以使用cross-env插件管理环境变量。
2025-06-24 11:44:57
146
原创 vue2中el-table 实现前端分页
当接口返回大量未分页数据时，前端可通过截取数据实现分页效果。示例代码展示了如何利用Vue计算属性对全量数据tableData进行分页处理，生成当前页数据tablePageData。由于截取的数据与原数组共享内存引用，表单编辑能实时同步到全量数据中。通过el-pagination组件控制分页参数，实现前端分页功能，避免一次性渲染大量数据导致的性能问题。
2025-05-24 14:43:04
406
原创 输入百分比校验（数字非负数保留2位不四舍五入）
场景用于输入百分比，限制只能输入非负数，保留2位小数，且不四舍五入。以下举例环境 vue2 + element-ui。请自行根据实际场景使用。
2025-03-27 16:19:10
321
原创 axios放开鉴权withCredentials
withCredentials:默认情况下，跨源请求不提供凭据(cookie、HTTP认证及客户端SSL证明等)。前端通过将withCredentials属性设置为true指定某个请求应该发送凭据。如果局部想关闭鉴权可在业务局部设置 withCredentials为false。如果全局设置为true会触发鉴权，导致鉴权未通过的跨域问题。withCredentials默认 false。
2025-03-25 16:26:19
383
原创 VS Code i18n国际化组件代码code显示中文配置 i18n ally
VUE项目做i18n国际化之后，代码中的中文都变成了code这时的代码就会显得非常难读，如果有一个插件能把code转换成中文显示就好了。**缺点：**通过关键词搜索中文搜不到，因为是个悬浮中文，没有改变原始文本。他是一个虚拟悬浮中文显示，鼠标点上去还是恢复成code，不会改变原代码。settings.json 内容如下。**优点：**变直观了。
2025-01-24 14:28:53
650
原创 FromData格式提交接口时入参被转成JSON格式问题
本地上传文件后通过事件提交文件，一般先通过前端组件生成文本流，在通过接口提交文本流，提交文本流一般使用FormData的入参形式传入，接口请求头也默认"Content-Type": “multipart/form-data”，但是某些场景统一设置了请求头，使得请求接口时并不会自动转换，则上传的接口入参被转为了JSON格式。前提是在请求组件中要解构，将外来的header解构到公共组件中设置的header对象中，这样才能把值传进去。这样在请求时单独设置请求头。
2024-11-15 10:17:51
687
原创 node express实现json转Excel
有些场景我们需要将json或js中的数据对象转换成Excel文档，作为一个前端，服务框架最应该熟悉的就是node了，以下是基于多语言转换实现代码，看明白原理自己改一改就能用了。
2024-02-29 16:45:57
939
原创 node express实现Excel文档转json文件
有些场景我们需要将Excel文档中的内容抽取出来生成别的文件，作为一个前端，服务框架最应该熟悉的就是node了，以下是基于多语言转换实现代码，看明白原理自己改一改就能用了。
2024-02-29 16:40:49
735
原创 Vue用query传值，布尔值变字符串问题
用this.$route.query传值，true和false会转成string类型，导致Boolean值失效。可用eval() 函数进行转换。
2024-01-26 16:01:22
1362
原创 excel导出-将后端返回的文件流导出为excel
有的业务场景，需要前端自己将文本流导出为excel有的是后端返回的文本流，有的是调用上传组件后，前端组件生成的文本流，组件上传后点击上传的文件名，要求实现下载功能，这时的导出就需要前端自己处理了。
2023-10-17 11:51:28
534
原创 XLSX.utils.sheet_to_json()解析excel，给空的单元格赋值为空字符串
单元格为空的话，值就默认给空字符串，输出json后会被缺省怎么办呢？这样就解决了！
2023-10-09 14:46:40
2191
原创 vite全局批量获取文件内容 globEager
例如在vite+avue3前端工程中，在每个模块单独陪你路由，然后通过一个总的router js文件集中调取所有文件模块的文件内容
2023-01-13 15:53:12
1332
原创 飞书小程序调用图片预览功能(图片+pdf)
使用飞书小程序提供的API预览功能只能预览普通图片如果想实现打开pdf需要调用下载和打开文件两个方法
2023-01-13 15:19:54
1441
原创 less方案实现主题切换 window.less.modifyVars
less方案实现主题切换 window.less.modifyVars
2022-07-01 15:01:51
4128
6
原创 MacOS 安装homebrew报错：curl: (35) LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to raw.githubuse
国内镜像安装 homebrew
2022-06-22 14:36:14
903
原创 递归删除数组中指定数据
递归删除数组中指定数据需求未想把菜单中隐藏的菜单项删掉,需要通过标识递归查找并删除vue项目可以直接粘贴至methods里使用memuList(arr){ if(arr.length>0){ for(let i = arr.length-1; i>=0; i--) { if(!!arr[i].hidden){ arr.splice(i,1); } else if(!!arr[i].children){
2022-05-07 19:23:13
769
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人