logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

前端处理后端返回的gzip压缩的base64字符串

Gzip 是一种文件压缩格式和数据压缩算法,用于减少文件或数据的体积,从而提高存储和传输的效率。它最初是为了压缩 Unix 文件系统中的文件而设计的,但如今已经广泛应用于网络传输和数据存储领域。Base64 只是对 Gzip 压缩后的数据进行编码,前端需要先将 Base64 解码为二进制数据,然后使用解压工具解压 Gzip 数据。Base64 编码将二进制数据转换为文本形式,适合在 JSON、HT

文章图片
#前端
uniapp开发小程序-pc端小程序下载后端接口的二进制流文件

值得注意的是,微信开发者工具中是测试不了。后端接口返回的是文件的二进制流。的,需要真机或者体验版测试。包含文件名+后缀名,比如。

文章图片
#uni-app#小程序#前端
axios get或者post请求后端文件流下载文件、读取响应头Content-Disposition获取文件名

可以使用 URLEncoder.encode() 方法对文件名进行编码,并在 Content-Disposition 头字段中使用该编码后的文件名,其中。的配置通常已经足够满足大多数情况,因为它是 Content-Disposition 头字段的标准方式来指定下载的文件名。提供了更好的支持,特别是对于包含非 ASCII 字符的文件名,但并不是所有的客户端都能正确解析这种方式。filename* 参

#前端#javascript#vue.js
前端vue使用onlyoffice控件实现word在线编辑、预览(仅列出前端部分需要做的工作,不包含后端部分)

ONLYOFFICE 文档 是一个开源办公套件,包括文本文档、电子表格、演示文稿和可填写表单的编辑器。它提供以下功能:创建、编辑和查看文本文档、电子表格、演示文稿和可填写表单;与其他队友实时协作处理文件。基于这个控件,可以实现前端word、excel、pdf等文件在线编辑、预览,可以说非常强大,目前项目中只使用到word编辑预览,但拓展其他文件也非常简单,完善类型传参,更改onlyoffice配置

文章图片
#前端#vue.js
前端vue+el-input实现输入框中文字高亮标红效果(学习自掘金博主文章)

生成html字符串来实现文字高亮标红效果,但是input输入控件不能渲染html字符串,那就用div来渲染html字符串,将输入框的背景和文字设置为透明,层级设置在div上面,这样用户输入时操作的是输入框,渲染时用的是下面的div。我未处理输入框内容过多时滚动和调整输入框大小时的div,因为我直接设置输入框autosize自动调整大小,并且关闭了resize,不允许用户调整输入框大小,有相关需求的

文章图片
#前端#vue.js#学习
echarts-多列柱状图中其中某一列数据为0时不占位

比如示例中有三个x轴, xAxisIndex最大则为2,如果超过2,echarts直接报错,会直接渲染echarts失败。在series中设置相应的xAxisIndex可以保证柱在对应x轴中是居中对齐的,可以自己改一改看一看效果。表示使用的 x 轴的 index,在单个图表实例中存在多个 x 轴的时候有用。用于把x轴的轴名放在正确位置,不然不能正确显示x轴的轴名。可以复制示例option代码,在e

文章图片
#echarts#前端
vue2实现虚拟滚动select下拉组件-上万条数据下拉支持过滤(样式仿el-select)

vue3中element-plus组件库有虚拟滚动select,然而维护的是vue2项目,遇到后端要返回9000条数据的情况,需要进行下拉选择并且可以过滤

文章图片
#前端#vue.js
使用wujie微前端,主子应用都是vue+vite:实现localStorage隔离,解决子应用使用vite时样式丢失问题,解决子应用element-plus悬浮组件(日期框、下拉框)计算偏移量错误

是子应用的url地址,我的项目中是在应用列表页面中,点击应用打开新页面时获取和设置该变量。在主应用中重写localStorage函数,为localStorage加入前缀,因为主子应用共用的都是主应用的window,主应用中调用一下即可。是判断是嵌入的子应用页面时才进行显示,有一些是主应用中的页面,这些页面不走wujie。wujie有专门封装vue、react的组件,直接安装组件使用,这里主应用vu

文章图片
#前端#vue.js
    共 64 条
  • 1
  • 2
  • 3
  • 7
  • 请选择