自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 前端处理后台返回的.excel链接控制台输出是乱码

在上面的示例中,我们使用了 Axios 发起了一个 GET 请求,并通过设置 responseType 为 arraybuffer 指定了响应的数据类型为二进制数据。确保后台正确设置了字符编码,并且前端也正确处理了字符编码,以确保下载的 Excel 文件能够正确显示。在成功获取响应后,我们将响应的数据创建为一个 Blob 对象,指定类型为 application/vnd.ms-excel,然后使用 URL.createObjectURL 创建一个临时的 URL,并创建一个链接元素。

2023-09-21 11:07:17 715

原创 vue3拼图验证纯前端实现

【代码】vue3拼图验证纯前端实现。

2023-02-01 10:50:16 629

原创 一文掌握 vue3.2

在Vue3.2 版本之前 变量函数必须return出来非常繁琐,而在 Vue3.2 中只需要在 script 标签上加上 setup 属性就无需return出来,非常方便。vue3 中的 hooks 就是函数的一种写法,就是将文件的一些单独功能的js代码进行抽离出来,放到单独的js文件中,和 vue2 中的 mixin 有点类似hooks的用法:一般会在src中创建一个hooks文件夹,专门用来存放hook文件来复用某项目中的hook实例:hooks目录下代码,将弹出的属性、展示、关闭封装复用。

2023-01-12 15:05:38 999

原创 vue前端‘docx‘格式实现文件预览

docx在线预览

2022-12-20 15:31:27 557

原创 element-ui for循环生成表单,表单如何添加校验

ruleForm.boothManagerValues是v-for绑定的数组,ElementUI 中使用循环生成的form表单需要动态添加校验的规则。动态表单页面,需要把规则放在el-form-item中,进行校验。userId和categoryId就是key值。index是索引主要定义不同的prop。

2022-12-20 10:44:38 1217 2

原创 el-tree树形结构实现自定义关联

树控件联选问题,要求为点击父节点自动联选所有子节点,而只要选中一个以上的子节点 ,父节点就选中,取消所有子节点,父节点依然选中。el-tree中 check-strictly 属性能让父子节点关联。

2022-12-20 09:40:33 441

原创 vue富文本-wangeditor的安装使用并且上传图片至oss代码

npm 安装 :npm install wangeditor --save。

2022-12-19 18:05:10 789

原创 Vue 在 CSS 中使用 data 中定义的数据

有时候后端传来一些动态数据,需要在页面做展示. 一般的情况都会在 CSS 中设置数据展示, 但是 CSS 中如何获取到后端传来的数据呢?

2022-10-11 15:09:38 2516 5

原创 vue实现省市区三级联动,附文件代码

链接:https://pan.baidu.com/s/1sQDQz7MUt176yMD7BRv2KQ。vue项目中使用到三级联动,现在自己实现一个三级联动,仅供大家参考一下,直接上代码。mFormAddressCommon 组件代码。country和provinces2 文件。

2022-10-11 14:39:59 746

原创 prototype和__proto__ 的关系

a’ 是通过String函数实例化出来的对象(这里包括以下说的对象不是Objcet数据类型)附:undefind 和 null 既没有prototype也没有。,因为它俩不是函数,也不是函数实例化出来的对象。[1,2,3]是通过Array函数实例化出来的对象。true是通过Boolean函数实例化出来的对象。4 是通过Number函数实例化出来的对象。{}是通过Objec函数实例化出来的对象。

2022-09-02 10:16:30 367

原创 ES2022(ES13)中惊人的JavaScript新特性

我们现在可以在 ES13 中为类声明静态字段和静态私有方法,静态方法可以使用 this 关键字访问类中的其他私有/公共静态成员,实例方法可以使用 this.constructor 访问它们。使用 ES13,我们现在可以将私有字段和成员添加到类中,方法是在其前面加上井号 (#),试图从类外部访问它们会导致错误。在 ES13 之前,类字段只能在构造函数中声明,与许多其他语言不同,我们不能在类的最外层范围内声明或定义它们。...

2022-08-14 13:15:59 456

原创 13个有用的JavaScript代码

JavaScript 有很多实用例子,它们可以做很多强大的事情,在今天的文中,我们将分享一些 JavaScript 特别好用的代码,无论你是 JavaScript 新手还是经验丰富的开发人员,学习些新东西总是好的。希望能帮助您解决一些日常开发中遇到的JavaScript 问题....

2022-08-14 13:15:42 2262 2

原创 js 迭代器详解

结果】遍历必须保证数据的长度,循环不断的全部取出,针对于数据量过大的情况下使用遍历,需要时间过长。【过程】跌代强调的依次取出,不能确定可以取出的值有多少,也不能保证去把数据全部去完。那些是可迭代对象:凡是可以用 for …of来循环的都是可迭代对象。跌代:从一个数据集合中按照一定顺序,不断地取数据的过程。...

2022-08-14 13:15:25 1766

原创 js中的拷贝

只拷贝对象的基础属性值,两个对象指向同一个内存地址。:拷贝对象的所有属性作为一个全新的对象。两个对象指向不同内存地址。

2022-08-03 22:51:22 512 1

原创 Vue自定义组件通过v-model通信

model的类型定义如下,它有两个属性 prop、event。event: 默认触发的事件类型是input。v-model 也可以等于 .sync。prop: 默认绑定的是value。

2022-08-03 22:30:14 763

原创 Vue3+Ts实现中英文切换(i18n)

最近学习有关vue3+ts项目,需要对显示进行中英切换。以前只是知道做语言切换使用i18n,不过一直没有上手用过。这次正好使用下试试。

2022-07-30 00:37:46 2925

原创 Sass详解

Sass(英文全称SyntacticallyAwesomeStylesheets)是一个最初由HamptonCatlin设计并由NatalieWeizenbaum开发的层叠样式表语言。在开发最初版本之后,Weizenbaum和ChrisEppstein继续通过SassScript来继续扩充Sass的功能。SassScript是一个在Sass文件中使用的小型脚本语言。...

2022-07-27 22:53:19 735

原创 在vue2中使用svg

httpshttpshttps。

2022-07-23 22:32:53 773

原创 在vue3+vite+Ts项目中使用svg

icon-class里面的是对应icons下文件名httpshttpshttpshttpshttpshttps。

2022-07-23 18:36:09 1386 1

原创 es6部分数组方法

es6数组方法1、map方法;2、find方法;3、findIndex方法;4、filter方法;5、every方法;6、some方法;7、reduce方法;8、reduceRight方法;9、foreach方法;10、keys方法等等。

2022-07-21 22:05:46 752

原创 实现复制文本到剪贴板功能

最近实现了一个小功能——复制文本到剪贴板具体实现步骤有以下几步。el-table代码如下。copy事件代码如下。

2022-07-21 15:22:24 440

原创 el-switch设置 active-text=“正常“ inactive-text=“禁用“在开关内部

代码】el-switch设置active-text=“正常“inactive-text=“禁用“在开关内部。

2022-07-20 22:40:44 1424

原创 markdown用法

MarkdownText-to-HTMLAuthorsJohnLuke。

2022-07-19 22:32:49 87

原创 el-table标头纵向显示

address"上海市普陀区金沙江路1518弄",address"上海市普陀区金沙江路1517弄",address"上海市普陀区金沙江路1519弄",address"上海市普陀区金沙江路1516弄",label"公司名称",label"客户来源",label"企业规模",label"手机",label"电话",label"备注",name"王小虎",name"王小虎",name"王小虎",name"王小虎",...

2022-07-18 15:18:02 1718

原创 echarts

1.什么是echarts?ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖canvas画布矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。2.使用echarts的步骤1.引入echarts的js文件2.HTML设置一个具有宽高的容器3.将容器初始化为echarts实例 echarts.init4.

2021-12-01 19:59:39 571

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除