前端
关注
分享
扫一扫
前端小案例代码
不想掉头发啊！！
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
v-for为何需要使用key
v-for为何需要使用key原创 2023-02-03 22:54:15 · 151 阅读 · 0 评论 -
解决vue3中使用echart echart报错:Cannot read properties of undefined (reading ‘type‘)
解决vue3中使用echart出现如下报错：Cannot read properties of undefined (reading ‘type‘)把echart实例对象不要用ref等响应式保存，可以使用shallowRef等浅层作用进行保存。点击前往官网查看具体代码：原创 2022-12-05 10:55:23 · 6890 阅读 · 1 评论 -
Vue3+Vite3+Ts4配置移动端适配
vue3+vit3+ts4配置移动端适配原创 2022-08-28 12:55:30 · 1095 阅读 · 0 评论 -
vue中如何引入样式文件
vue中如何引入外部样式文件原创 2022-07-12 10:19:19 · 1122 阅读 · 0 评论 -
如何解决img标签的src需要携带token
上传头像后需要回显头像，而后端给出的预览头像的接口需要携带token，因此直接在img标签的src属性怼上头像地址是不可行的，因为无法携带token。参考该大佬的思路，主要有一下两个思路：1.先通过请求获取二进制图片，将图片转成base64，img标签的src属性可以解析base642.改变用户验证的方式，通过URL方式传token. 一般情况下用户token是放在header中的,但是img标签无法配置header。此文采用的是第一种方式，即转base64...原创 2022-07-08 11:45:45 · 8753 阅读 · 7 评论 -
iview select组件创建条目 不选择或回车，创建界面一直存在
iview版本：4.5.0问题复现：使用iview的select组件创建条目，输入条目后，不点击或者回车，该创建条目的界面会一直存在，无法关闭，下次点击选择时，创建界面依旧会存在解决办法：比较暴力，通过v-if指令动态让其销毁，来解决创建界面一直存在的问题...原创 2022-06-27 16:17:44 · 543 阅读 · 0 评论 -
js 根据包名，在指定空间中创建对象
根据包名，在指定空间中创建对象原创 2022-06-13 17:35:49 · 239 阅读 · 0 评论 -
原生js实现全选、单选影响全选
原生js实现全选、单选原创 2022-06-10 15:08:14 · 237 阅读 · 0 评论 -
防抖、节流
尽管触发事件，但是我一定在事件触发 n 秒后才执行，如果你在一个事件触发的 n 秒内又触发了这个事件，那我就以新的事件的时间为准，n 秒后才执行，总之，就是要等你触发完事件 n 秒内不再触发事件，我才执行!2.节流2.1原理持续触发事件，每隔一段时间，只执行一次事件...原创 2022-06-06 15:02:14 · 102 阅读 · 0 评论 -
如何降低npm版本
1、输入以下命令，其中@后面改为自己想要安装版本npm install npm@6.4.1 -g2、输入以下命令，查看npm版本是否降低成功npm -v原创 2022-05-03 22:06:03 · 29941 阅读 · 2 评论 -
js 多维数组变成一维数组
一、所用方法即示例1.concat合并两个或多个数组，返回新数组，不会改变原数组const a = [1,2,3]const b = [7,4,1]console.log(a.concat(b))// [1,2,3,7,4,1]2.applyapply方法能劫持另外一个对象的方法， 继承另外一个对象的属性apply方法能接受两个参数 => Function.apply(obj, args)obj： 这个对象将代替Function类里this对象args：这个是数组，它将作为参原创 2021-11-06 13:48:22 · 316 阅读 · 0 评论 -
js 实现数组对象转成一维、二维数组
const obj = [ { name: '张飒', age: 13, phone: 123 }, { name: '凯苏', age: 15, phone: 963 }, { name: 'Jk', age: 16, phone: 852 }, { name: '库洛', a原创 2021-11-04 10:50:48 · 789 阅读 · 0 评论 -
js将对象转成多个子数组
// 存储对象转数组 let arr1 = []; // 存储数组分割成子数组 let arr2 = []; // 将对象转换为数组 for (let i = 0; i < res.length; i++) { for (let j in res[i]) { arr1.push(res[i][j]); } } // 将数组分割成三个为一组的子数组 for.原创 2021-10-11 10:16:13 · 446 阅读 · 0 评论 -
3D效果切割轮播图
1.难点分析1.1如何对结构进行布局此次代码采用的是div>ul>li>span结构。其中每一个li元素所代表的是一个结构块，而每一个span元素所代表的是这个结构中的某一个面，来显示图片。1.2如何解决连续单击下一张时出现bug对于连续单击下一张图片时出现的bug,此代码采用添加节流阀来解决。在代码中添加一个setTimeout函数，并将其设置为每1s执行flag=true。同时在相应的点击事件执行前设置判断语句，若flag=true（上文已设置flag=）则执行点击事件并将fl原创 2021-05-30 11:21:23 · 117 阅读 · 0 评论 -
设计小米logo
利用html和css设计小米logo<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } div{原创 2021-05-06 16:11:54 · 314 阅读 · 0 评论 -
3D小动画
3D小动画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } body{ background原创 2021-05-22 22:20:15 · 130 阅读 · 0 评论 -
美国队长盾牌复原
美国队长盾牌复原描述：鼠标焦点在div上，盾牌复原<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>盾牌</title> <style> *{ margin:0; padding: 0; } body{原创 2021-05-20 16:46:54 · 211 阅读 · 0 评论 -
手风琴菜单
手风琴菜单描述：通过transition过渡效果实现手风琴菜单鼠标光标放到div上，菜单自动展开<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0;原创 2021-05-19 21:25:27 · 187 阅读 · 0 评论 -
安装appserv后无法访问localhost（即127.0.0.1）
无法访问的情况可以细分为一下好几种：一、第一种可能性最大即安装时的默认端口80在计算机上已经被占用，这时需要卸载重新安装，将端口号改成8080。如果不清楚自身电脑的80端口是否被占用，可以进行如下操作：开始---->运行---->cmd，或者是window+R组合键，调出命令窗口输入命令：netstat -ano，列出所有端口的情况。在列表中我们观察被占用的端口。二、第二种需要...原创 2020-03-18 18:07:30 · 3034 阅读 · 2 评论