- 博客(15)
- 收藏
- 关注
RSS订阅原创 谷歌浏览器调式的时候刷新页面network的日志和请求会保留之前的记录解决办法
在浏览器刷新的时候发现之前请求的接口还在，为了看到最新请求的接口，勾选 Preserve log 可以看到之前请求的接口和现在请求的接口，取消勾选只看到最新请求的接口记录，可以根据自己的需要进行控制。
2023-11-10 12:04:15
1843
原创 Vue3+vant的Toast组件样式失效问题
在移动端项目中使用toast组件发现不生效，给vue.config.js(ts)中VantResolver配置importStyle属性解决。然后在main.js(ts)中引入vant样式，就可以使用该组件了。
2023-11-10 10:26:21
969
原创 移动端使用vant组件踩坑记录
1、Picker 选择器columns 绑定值的问题，4.x和3.xcolumn结构中的字段类型不一致，当时安装了4.x但是文档看的是3.x导致控制台一直报错，排查了好长时间，最后发现是版本的问题。2、默认选中项的写法不一致3.x用default-index4.x使用v-model绑定。
2023-11-09 17:54:19
343
1
原创 vue-ant-design 递归加载Tree组件
用递归的方法加载ant-design里边的tree组件树 function toTreeData(data: any) { function tree(innerData: any) { let arr: any = []; innerData.forEach((item: any) => { arr.push({ key: item.id, //可以根据实际更改对应的key title
2021-11-15 15:21:46
884
原创 PowerShell yarn : 无法加载文件 C:\Users\Admin\AppData\Roaming\npm\yarn.ps1,因为在此系统上禁止运行脚本
1、搜索powershell，右键以管理员身份运行2、若要在本地计算机上运行您编写的未签名脚本和来自其他用户的签名脚本，执行：set-ExecutionPolicy RemoteSigned3、查看执行策略：get-ExecutionPolicy
2021-09-09 11:25:10
167
原创 antdesign a-model 组件去掉背景色
最近在开发项目中碰到该组件需要去掉背景色，如果全局去掉的话会影响项目中的整个组件，可以给他加一个类名，然后在全局中覆盖它的样式即可。//添加类名<a-modal wrapClassName="web"></a-modal>//样式覆盖.web { .ant-modal-content { background-color: transparent; box-shadow: none; }}...
2021-08-14 15:12:12
2065
原创 登录的时候图片随机数校验的地址怎么拿到
在做图片随机数校验的时候，后台可能只返回了图片，并没有返回地址，这个时候怎么处理呢,只需要将接口地址后面拼上随机数，然后把它赋值给图片的src属性就可以了。1、模板部分<img :src="checkImg" width="80" height="35" alt="加载失败" />2、ts部分const checkImg = ref('');checkImg.value = `/api/public/getCode?${Math.random()}`;...
2021-07-02 16:39:00
124
原创 前端实现一个登录验证的滑块
前端实现一个登录验证的滑块在登录的时候我们有时候可能会遇到通过滑动滑块来校验进行登录，但是现有的UI里边没有现成的组件可以用，这个时候我们就需要自己实现一个滑块的组件。1、模板部分<template> <div class="jc-component__range"> <div class="jc-range" :class="getClass"> <i @mousedown="rangeMove" class="iconfont" :
2021-07-02 16:25:52
1105
原创 将一个字符串倒序排列不能用reverse函数
手写一个reverse最近在面试的时候遇到这样一个题目，例如一个字符串：“How” “Are” “You” ，把它转化成“woH” “erA” “uoY” 不能使用reverse的Api，当时没写出来，面试完之后才把它实现。let arr = ['How', 'Are', 'You']function reverse(arr) { let newArr = arr.map(item => { return item.split('') }) let
2020-11-14 09:43:58
492
原创 reduce 遍历循环
reduce 语法 arr.reduce(function(prev, cur, index, arr) { }, init) //arr：表示原数组 //prev：上一次回掉时的返回值，或者初始值init //index：表示当前元素值的索引，如果init的值为0，它的值就为0，否则就为1 //cur：正在处理的数组元素求和 let arr = [1, 2, 3, 4, 5, 6, 7, 8] let sum = arr.reduce((pre, c
2020-07-06 10:25:53
1283
原创 cookie session sessionStroage localstrong 的区别
cookie session sessionStroage localstrong 的区别session对象是保存在服务器上，服务器和浏览器之间只需要session id即可，服务器根据session ID 找到对应用户的session对象，会话数据仅在一定时间内有效，这个时间是服务端的有效期，服务器的session存储数据会安全一些，一般存放用户信息，浏览器只适合存储一般数据。cookie1、cookie的大小不能超过4k，cookie被携带与http的请求头上。2、可以自己设置cookie的
2020-07-03 14:58:11
904
原创 使用vue的自定义指令实现拖动
html部分<template> <div class="rectContainer"> <div class="rect" v-drag></div> </div></template>css部分<style scoped>.rectContainer { width: 500...
2020-05-05 11:11:07
194
原创 对mixins的理解以及使用
mixinsmixins选项接收一个混入对象的数组，这些混入对象可以想像正常的实例对象一样包含实例选项，这些选项将会被合并到最终的选项中，混入提供了一种非常灵活的方式，来分发vue组建中的功能，当组建使用混入对象时，所有混入对象的选项将混合进入该组建本身的选项。例//mixin组建export default { data() { return { message:...
2020-04-10 22:16:56
264
转载 箭头函数和普通函数的区别
说到箭头函数大家一定很熟悉了，可能在项目中会经常用到，而且在面试中问到的概率也很大，今天我也查阅了相关资料，就我这边对箭头函数的理解简单总结一下吧。首先要知道什么是箭头函数，箭头函数就是没有function关键字，是一个类似箭头的函数，相当于匿名函数。例如var a=()=>{ return 1}相当于function a() { return 1}下面来...
2020-03-29 19:50:47
181
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人