中后端做Excel导出功能返回数据流前端如何做处理
excel对应的是：'application/vnd.ms-excel'。a.download = 'fileName.xls' 指定下载文件的名称，包含后缀名，如果后端的excel是xls格式，那前端也必须是xsl格式，否则下载后打开文件会报错。如果是xslx格式则修改为对应的xlsx格式，必须对应。打开或者预览全是乱码的解决办法：1. 后端接口返回的blob文件流，你下载下来的文件是乱码的？...
实践，制作一个高扩展、可视化低代码前端，详实、完整
RxEditor是一款开源企业级可视化低代码前端，目标是可以编辑所有 HTML 基础的组件。比如支持 React、VUE、小程序等，目前仅实现了 React 版。RxEditor运行快照： 项目地址：https://github.com/rxdrag/rxeditor演示地址（ Vercel 部署，需要科学的方法才能访问）：https://rxeditor.vercel.app/本文介绍RxEd...
前端性能精进之优化方法论（二）——分析
和定位可能存在的各种问题。实验室分析会通过某个线上或本地的测试工具对页面进行单点测试，得出性能分析报告。本文会对前者介绍一些分析实践，后者会介绍一些比较有名的性能测试工具。数据分析的前端代码已上传至 shin-admin，后端代码上传至 shin-server。一、数据分析在将数据采集到后就需要立刻存储，并且按百分位数计算后，需要定期计算和清理。各类图表的辅助可以更好的...
立即执行函数在前端国际化方案中的应用
说起国际化，开发过跨区域网页的小伙伴应该都遇到过。我们的网页需要配置多套语言，方便用户进行切换。 本文就以 React 为例，介绍其中一种实现方案，并学习一下其中的知识点。 一种国际化方案 方案是这样的： 为多套语言创建对应的 object，并 export 出去 通过 js 立即执行函数，加载选定语言 js 文件中的 object，并 export 出去 项目中引入第 2 步中 export 的 o...
前端必须知道的调试工具
天的检查，Grace Hopper（格蕾斯哈珀）终于找到了真凶，原来正是被光吸引过来的娥造成了机器宕机，在这儿之后，在计算机科学中，Bug就从虫子变成了程序的缺陷，一只虫子就这样被载入了计算机史册。前端Debug的特点： 多平台：浏览器、Hybrid、NodeJS、小程序、桌面应用多环境：本地开发环境、线上开发环境多工具：Chrome devTools、Charles、Spy-Debugger、...
前端设计模式——过滤器模式
前端设计模式中的过滤器模式（Filter Pattern）是一种结构型设计模式，它允许我们使用不同的条件来过滤一组对象，并返回符合条件的对象列表。在过滤器模式中，我们有一个包含多个对象的列表，需要根据一些条件来筛选出符合条件的对象。通常情况下，可以使用多个过滤器来实现这个功能。每个过滤器都是一个独立的类，它实现了一个过滤条件，我们可以将这些过滤器组合在一起，来实现复杂的过滤操作。在实际开发中，可以...
前端（vue）导出pdf
纯前端导出 pdf 实现方法如下：1. 安装 html2pdf、jspdfnpm install html2canvas jspdf --save2. 项目 文件夹中新建一个 html2pdf.js（文件名称自拟）文件，内容如下：import jsPDF from 'jspdf'import html2canvas from 'html2canvas' /** 使用说明* ele:需要导...
千姿百态,瞬息万变,Win11系统NeoVim打造全能/全栈编辑器(前端/Css/Js/Vue/Golang/Ruby/ChatGpt)
译，互不影响。NeoVim 的 autocmd 是用来自动执行命令的一种机制。它可以在特定的事件发生时触发命令的执行，比如打开文件、保存文件等。这样可以自动地对文件进行格式化、添加头部信息等操作。前端的补全更简单，一键式命令安装即可：:CocInstall coc-vetur coc-json coc-html coc-css 但前端页面默认是没有闭合高亮的，所以推荐下面这个插件：Plug '...
你知道，前端工程部署有哪些方式嘛？
你知道，前端工程部署有哪些方式嘛？本文原文地址;此文章是回答知乎问题总结而来。我将其分为四个阶段：手动部署、命令工具部署、docker镜像部署、平台化部署。这几个阶段，越往后越复杂，越往后越友好，毕竟平台化部署有备份还可回退，那是相当安全的。手动部署// 打包文件，生产dist目标文件 npm run build 将dist下的文件使用 _FTP文件传输工具 _，上传到服务器上去，就可以直...