- 博客(23)
- 收藏
- 关注
原创 前端优化之分分钟学会渲染百万条数据不卡顿
百万级列表渲染,好了,先就哔哔这么多,一起来学习学习。直接上代码,过程都写在注释里了html复制代码。
2024-03-12 15:21:03
1692
原创 uniapp中如何把通过uni.chooseImage上传的图片转换成base64格式
【代码】uniapp中如何把通过uni.chooseImage上传的图片转换成base64格式。
2024-02-26 09:54:30
965
原创 手写滚动选择器 picker的功能
picker滚动选择器(下简称picker)是微信小程序自带的组件,无需引入任何文件,只要在适当的位置放入picker代码点击后就可以从底部弹起的滚动选择器。我们接下来就要实现类似的功能,做到我们自己的需求.直接复制代码就能用 不用谢我,个人瞎写的。首先我们搭建一下页面结构.接下来我们定义一下css。
2024-01-25 16:52:32
838
原创 uniapp滚动选择器 picker
columnchange: 某一列的值改变时触发columnchange事件, event.detail = {column:column,value:value}, column的值表示改变了第几列(下标从0开始), value的值表示变更值的下标。), 多列选择器(multiSelector), 时间选择器(time), 日期选择器(date), 省区选择器(region), 默认是普通选择器。value(Array): value每一项的值表示选择了range对应项中的第几个(下标从0开始)
2024-01-23 15:32:28
3880
1
原创 根据表格数据的内容来改变 Element UI 表格中的背景颜色
通过以上设置,每个单元格的背景颜色将根据其内容动态变化。你可以根据实际需求修改样式函数中的逻辑和颜色设置。接下来,你需要在 Vue 实例中定义对应的样式函数,根据单元格的内容返回不同的样式对象。要根据表格数据的内容来改变 Element UI 表格中的背景颜色,你可以使用。属性,该属性接收一个函数,用于根据单元格的内容返回对应的样式对象。然后,在表格的列定义中,你可以添加。首先,你需要在表格的列定义中添加。属性和样式函数来实现。
2023-07-04 14:59:54
1373
4
原创 Mock.js配合vuex进行登录获取token
首先,利用 cnpm install mockjs --save-dev 指令安装完mock后,在项目里创建文件夹mock,再创建index.js和userList.js(前者为mock服务文件,后者为模拟数据文件)新项目,后端数据还没准备好,没办法直接从后端获取接口数据,于是我利用Mock简单实现一下这个功能,以作为测试用。在登录页某一按钮上定义methods以测试是否成功获取数据 ,这里搭配的vuex 此为登录页面。另外,需要在main.js中插入一段代码:require('../mock')
2023-06-28 14:08:05
412
1
原创 vue 前端登录获取token后添加到cookie,并使用token获取其他数据(添加到请求头中)
【代码】vue 前端登录获取token后添加到cookie,并使用token获取其他数据(添加到请求头中)
2023-04-18 17:12:33
2753
原创 JavaScript进阶知识点
自定义事件自定义事件自定义事件可以传参的和不可以传参的定义方式不一样,看代码吧暂时性死区:创建了变量(有变量提升),但是没有初始化,没法使用变量,直接使用就会进入暂时性死区Set、MapSetMap(下面有说明),允许存储任何类型的唯一值,只有键值(key)没有键名,常用方法 addsizehasdelete等等,看下用法是键值对的集合;常用方法setgetsizehasdelete等等,看下用法WeakSetWeakMapGC比如: let obj = {}
2023-04-14 15:13:48
109
原创 同时上传多个文件实现,带进度条(完整代码)
原因是不能这样写var a = $("#formData");可能这和js底层代码有关,不能适配。先简单来定义一个表单,注意加enctype=“multipart/form-data”,表示是上传组件。后端用流来接收,没啥好说的。注意自己在c盘下面创建一个a1872文件夹,当然路劲可以改。从请求中拿到所有的文件,逐个保存就行了。定义js: 可能有的小伙伴会报错。
2023-04-03 16:50:06
671
原创 vue使用axios轮询请求方案
如果采用方案①,因为异步请求的缘故会出现多个同样的请求一起在处于pending状态,且返回时会有。②在vue项目中当axios请求成功返回后再重新请求(子子孙孙无穷尽)。①在vue项目中定义一个定时器每隔2秒进行一次axios请求。可以尝试用递归的方式,在成功回调里设置2秒再次请求。的情况出现,如果采用方案②,显然不合适。希望老司机们可以给个方案或思路。在多次的请求中,发现中途。
2023-01-11 09:46:17
2028
原创 vue实现在线预览office文件
但是呢,他们又希望常规的文件,可以直接点击预览,不需要下载。我这里使用的是微软提供的服务。======================2022/5/7更新 ====================按道理说,做文件的在线预览,买个第三方服务什么的,后端部署一下服务,前端对接一下,就通通搞定。对其他文件做了一些处理,比如pdf,图片文件这些是可以直接通过链接打开的,浏览器支持直接预览。这里遇到个问题,txt文件,直接在浏览器打开是乱码的。而其他文件无法预览的,我这里做了限制,不让预览图标显示出来。
2023-01-09 13:46:28
3440
4
原创 Javascript基础 86个面试题汇总 (附答案)
回调函数是可以作为参数传递给另一个函数的函数,并在某些操作完成后执行。下面是一个简单的回调函数示例,这个函数在某些操作完成后打印消息到控制台。// 对 arr 做一些操作// 执行传进来的 callback 函数}});JavaScript 不是基于类的,但它是基于原型的语言。这意味着每个对象都链接到另一个对象(也就是对象的原型),并继承原型对象的方法。你可以跟踪每个对象的原型链,直到到达没有原型的 null 对象。我们需要通过修改 Array 原型来向全局 Array 对象添加方法。
2023-01-05 14:35:01
806
原创 Vue经典面试题及答案汇总
如果在组件上,引就指向组件实例。保证组件的独立性和可复用性,data是一个函数,组件实例化的时候将会调用这个函数,返回一个对象,计算机会给这个对象分配一个内存地址,你实例化几次,就分配几个内存地址,他们的地址都不一样,所以每个组件中的数据不会相互干扰,改变其中一个组件的状态,其它组件不变。总结在后端接没有开发完成之前,前端可以已有的接档,在真实的请求上拦截ajax,并根据mockjs的mock数据 普通网友 · 2022-07-27 12:01:071、虚拟DOM中key的作用:key是虚拟DOM对象的标
2023-01-04 11:27:11
898
原创 前端开发——select的点击事件
于是想换一种方法,用点击事件去监听,这里不能直接监听option的点击事件,因为select下的option标签是监听不到点击事件的,只能监听select的点击事件,于是第二个问题来了:当点击select打开下拉框的时候会触发click事件,再点击某个option时会触发第二次click事件,肯定是不行的,得想办法区分这两次点击事件。想了另一个办法:搞个变量,初始值为0,点击的时候判断一下是不是第二次点击就好了,虽然感觉很粗暴,但确实能实现自己的需求。一天,用mac的同事提出了问题: mac下效果不对!
2022-10-28 11:11:56
7338
原创 v-loading使用(来自官网介绍)
在绑定了v-loading指令的元素上添加element-loading-text属性,其值会被渲染为加载文案,并显示在加载图标的下方。类似的,element-loading-spinner和element-loading-background属性分别用来设定图标的类名和背景色值...
2022-08-12 16:23:41
5460
原创 vue+elementui:前端文件上传与后端文
前端的导入需要在前端读取文件,将文件转换成二进制字符串,这样上传成功后显示在前端的表格里,点击保存,调用接口,保存在数据库!auto-upload:是否在选取文件后立即进行上传。show-file-list:是否显示已上传文件列表。on-remove:从文件列表移除触发的钩子函数。on-change:监听文件状态改变。accept:前端限制文件类型。...
2022-08-12 13:35:51
1065
2
原创 vue自定义指令实现自动点击事件
这里用的是vue的可移步到vue文档。自定义指令directive,具体使用。2.若是有v-for循环,需要自动点击索引第一个,则需要binding。1.若是没有v-for循环,则直接放入directive自定义指令。vue实现自动点击事件,刚进入页面即发生点击事件。...
2022-08-12 10:55:45
4533
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人