logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

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

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

文章图片
#前端#vue.js
vue2+vxe-table的v3版本:设置vxe-table表格border颜色、单元格高度、斑马线条纹颜色、表头背景色和文字样式

【代码】vue2+vxe-table的v3版本:设置vxe-table表格border颜色、单元格高度、斑马线条纹颜色、表头背景色和文字样式。

#vue.js#前端#javascript
vue3+echarts使用水球图

水球图不是echarts内置组件,需要安装搭配vue-echarts组件,该组件可以省略很多开发echarts图表的重复操作,如果init,setOptions等官方文档地址vue项目main.js中导入。

文章图片
#echarts#vue.js#javascript
vue 使用el-tooltip实现文本元素只有过长才省略,省略后悬浮显示完整文本

/ scrollWidth 包含显示在页面的宽+被隐藏起来的宽,从而判断,是否省略号隐藏。// 多行情况下宽度会相等,还需要判断scrollHeight高度是否相等。// Math.round用于处理细微的误差,这样可以保证较好的准确率。// 如果省略了则悬浮显示完整文本。

文章图片
#vue.js#前端#javascript
vue2使用pinia报错Can‘t import the named export from non EcmaScript module

通过 include 属性,限定了只对位于 node_modules 目录下的模块文件进行处理。处理类型通过 type 属性指定为 “javascript/auto”,这告诉 Webpack 在处理这些模块时将其视为普通的 JavaScript 文件,而不是将其转换为其他类型的模块。总的来说,这段代码的作用是配置 Webpack,使其能够正确地处理位于 node_modules 目录下的 .mjs

文章图片
#ecmascript#javascript#vue.js
前端处理后端返回的gzip压缩的base64字符串

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

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

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

文章图片
#uni-app#小程序#前端
    共 65 条
  • 1
  • 2
  • 3
  • 7
  • 请选择