- 博客(207)
- 收藏
- 关注
原创 解决CSS :before、:after ,当content使用中文时有时候会出现乱码
2、避免在CSS的:before, :after中使用中文,如果一定要使用,可以使用中文对应的Unicode。使用站长工具(http://tool.chinaz.com/tools/unicode.aspx)的Unicode编码转换,或者是JavaScript的原生方法escape将中文转为Unicode。1、确保HTML、CSS文件使用UTF-8格式,并且HTML文档也使用UFT-8的字符编码格式,即HTML文档的meta信息包含 <meta charset="UTF-8">。
2024-06-12 15:59:20
717
原创 vue3中a-table表格默认选中禁止选择
整体思路:点击按钮的时候,addSourceEvent方法,需要把所有数据都存起来a,然后把a的id都存在弹窗的选中数组中,并且筛选出弹窗数组b里面的a,设置为禁止选中状态,然后再选中其他数据的时候,showModal方法,应该把一开始默认选中的数据先剔除掉。最后确定的时候,记得把数据都清空。使用row-selection中的getCheckboxProps属性,其中preserveSelectedRowKeys属性设置为true,是为了表格切换页的时候,保留其他页面选中的数据。
2023-09-06 10:47:14
1710
原创 Promise.all和promise.race的应用场景举例
then( )适用于处理多个异步任务,且所有的异步任务都得到结果时的情况。打印的结果Promise.race赛跑机制,只认第一名。
2023-08-23 14:48:12
1207
1
原创 uni-app中学习笔记记录(1)
uniapp中的路由跳转非常方便,不需要去单独写一个路由文件,全部在pages.json中自动配置好了。路由函数中的url直接写文件路径即可,不过需要注意url不能写项目路径(比如@/pages/index),只能写相对路径(比如../search/search)。传参也只要直接在路径后面用=的方式连接参数即可。onShow可以实现每次进入页面时都能触发。onLoad和onReady只会触发一次。页面和组件的生命周期。
2023-08-21 17:58:31
716
原创 vue3的组件中使用slot
场景:在写好的表格组件中,需要在写好的默认操作的基础上,具备另外的操作。也可以直接使用 <slot></slot>直接插入内容。组件里面只有修改功能,另外两个功能自己加。页面中使用具名插槽插入自己需要的其他功能。
2023-07-18 15:08:14
300
原创 面试常问到的问题(2)
当被问这个问题的时候,第一时间要想到安全问题。通常回答不可以,因为存在CSRF(跨站请求伪造)风险,攻击者可以冒用Cookie中的信息来发送恶意请求。解决CSRF问题,可以设置同源检测(Origin和Referer认证),也可以设置Samesite为Strict。最好嘛,就是不把token放在cookie里咯。
2023-07-18 15:03:15
856
原创 项目中前端如何实现无感刷新 token!
(刷新令牌,用于更新过期的 accessToken,相对于accessToken而言,他的时效期更长)未过期内,用户登录平台可直接进入首页,无需进行登录操作;场景:线上平台有时会出现用户正在使用的时候,突然要用户去进行登录,这样会造成很不好的用户体验。1.突然跳转到登录页面,是由于当前的 token 过期,导致请求失败;未过期,用户直接进入到了首页,进行其他操作。但是在用户操作的过程中,突然失效了,此时就会出现突然跳转到登录页面,严重影响用户的体验感!失效,因此跳转到登录页面,让用户重新进行登录。
2023-07-14 14:48:47
765
原创 面试常问到的问题
深拷贝开辟一个新的栈,两个对象属完成相同,但是对应两个不同的地址,修改一个对象的属性,不会改变另一个对象的属性。中获取login,看看用户有没有登录,如果登录了,则能获取到login且为真,之后放行,执行。,如果不能获取,则表示用户没有登录,那么就跳转到登录页面。,如果有且为真,则需要对该页面进行登录校验。在路由配置中对需要登录权限的页面添加一个。,表示跳转到该页面后需要进行登录权限验证。使用拓展运算符实现的复制。这个浅拷贝方法,还有。
2023-07-13 17:03:48
631
原创 关于Vue 、vue2、vue3
Vue 通过组件,把一个单页应用中的各种模块拆分到一个一个单独的组件(component)中,我们只要先在父级应用中写好各种组件标签(占坑),并且在组件标签中写好要传入组件的参数(就像给函数传入参数一样,这个参数叫做组件的属性),然后再分别写好各种组件的实现(填坑),然后整个应用就算做完了。Vue 会自动对页面中某些数据的变化做出响应。只是对某个属性进行拦截,只能对对象上已经存在的数据才能监听,新增的属性和删除过的属性没有响应式/无法监控到数组下标/数组长度的变化的变化。
2023-07-11 16:57:44
271
原创 关于nextTick
(因为在created()钩子函数中,页面的DOM还未渲染,这时候也没办法操作DOM,所以,此时如果想要操作DOM,必须将操作的代码放在nextTick()的回调函数中)(1)vue 更新 DOM 是异步更新的,数据变化,DOM 的更新不会马上完成,nextTick 的回调是在下次 DOM 更新循环结束之后执行的延迟回调。1.在数据变化后执行的某个操作,而这个操作需要使用随数据变化而变化的DOM结构的时候,这个操作就需要方法在nextTick()的回调函数中。
2023-07-11 14:17:09
80
原创 a-date-picker日期选择器的bug
bug描述:选择之后,打开选择器,日期混乱全部选中。解决:给日期用dayjs转化一下。开始时间小于结束时间的校验。
2023-07-04 14:38:46
1187
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人