前端学习笔记
文章平均质量分 75
Silence-Lee
心动不如行动!
努力提高自我的程序媛~
展开
-
el-tabs的:lazy=“true“延时加载问题
文章目录1 问题产生原因2 使用tab-pane自带的`:lazy="true"`延时加载3 使用`v-if="activeName == item.valueCode"`解决2中的问题4 柳暗花明又一村1 问题产生原因项目中遇到一个需求,在一个tabs下面有三个tab-pane,且每个tab-pane列表及查询条件一样,因此后端写了一个接口有三个不同的type;前端写了一个childList组件,在tab-pane中循环调用三次,但初始化页面时,会直接调用三次接口(分别传不同type),这样虽然能实现原创 2022-03-15 19:52:11 · 7787 阅读 · 3 评论 -
浏览器自带回退前进数据消失问题
1 问题描述有两个页面:1,总体展示页;2,点击1中的某一个按钮,如查看详情等进入的页面。点击查看详情进入页面2,然后按浏览器回退按钮,则会返回页面1,此时再按前进按钮跳转到页面2时,页面2数据消失2 解决方式方法一:将下面(页面1中)的params改成query形式方法二:在路由中将path: 'communicationQuality'改为path: 'communicationQuality/:appid/:roomid'/communicationQuality/:appid/:room原创 2020-12-14 16:12:58 · 1322 阅读 · 0 评论 -
JS中new Date()的浏览器兼容性问题
文章目录1 问题分析2 解决方法3 new Date()兼容性问题小结3.1 无参:所以浏览器都兼容3.2 有参3.2.1 参数格式——日期 “yyyy-MM-dd”3.2.2 参数格式——日期时间“yyyy-MM-dd HH:mm:ss”3.2.3 参数格式——日期时间“yyyy/MM/dd HH:mm:ss”4 new Date() 日期格式处理4.1 常用操作4.2 JS获取当前时间戳的方法4.3 将字符串形式的日期转换成日期对象4.4 new Date() 的参数4.5 日期格式转为日期标准字符串4原创 2020-10-15 19:31:25 · 2912 阅读 · 0 评论 -
小收获
三元判断<div class="cmt-body"> {{ item.content === 'undefined' ? '此用户很懒,嘛都没说': item.content }}</div>原创 2019-09-19 22:10:38 · 105 阅读 · 0 评论 -
Vue中 axios delete请求参数
转自Vue中 axios delete请求参数vue中axios 的delete和post,put在传值上有点区别;post和put有三个参数,url,data和config,所以在使用这两个时,可以写成axios.post(api,{id:1}),axios.put(api,{id:1}),但是delete只有两个参数:url和config,data在config中,所以需要写成 axios...转载 2019-08-16 10:31:39 · 3669 阅读 · 0 评论 -
ES6中函数的作用域问题
ES6中规定函数参数可以使用默认值,其参数可与解构赋值的默认值结合使用,且函数此时的length属性返回的是无指定默认值参数的个数注意: 一旦设置参数默认值,函数进行声明初始化时,参数会形成一个单独的作用域(context)。等到初始化结束,这个作用域就会消失。这种语法行为,在不设置参数默认值时,是不会出现的。//题一let x = 1;function f(y) {//这个参数y和下面函...原创 2019-07-27 16:57:09 · 258 阅读 · 1 评论 -
两边宽度固定、中间自适应布局的解决方案
趁有时间,整理一下,做个笔记!1 浮动css代码 .parent{width: 100%;height: 200px;text-align: center;} .left {float: left;width: 300px;height: inherit;background: yellow;} .right{float: right;width: 300px;height: inher...原创 2019-07-14 20:19:48 · 884 阅读 · 0 评论 -
img{display:block;}与Img图片默认的3px空白缝隙解决方法以及display相关问题
img{display:block;}与Img图片默认的3px空白缝隙解决方法以及display相关问题1、为什么经常见img{display:block;}这种设置?img{display:block;} 表示将img标签,即图片标签由行内元素变成一个块级元素。一般在制作轮播网页或使用到img图片时,我们都会对图片设置img{display:bolck}。因为img图片下方会有一个3p...原创 2019-05-18 14:47:02 · 4618 阅读 · 0 评论 -
传智播客 微金所项目实战
微金所项目实战1. 搭建Bootstrap页面骨架及项目目录结构├─ /weijinsuo/ ··················· 项目所在目录└─┬─ /css/ ······················· 我们自己的CSS文件 ├─ /font/ ······················ 使用到的字体文件 ├─ /img/ ·······················...转载 2019-05-15 19:02:28 · 530 阅读 · 0 评论 -
安装Nodejs、npm、将预处理css的Less文件转变css
安装Nodejs、npm、将预处理css的Less文件转变css一款比较流行的预处理CSS,支持变量、混合、函数、嵌套、循环等特点1、 安装nodejs到 官网先下载最新版本的node,我的是node-v12.2.0-x64.msi版本,双击打开,装到自己想装的盘符,在这里我装的是D:\workTools\nodejs文件夹下,然后一直点击下一步,直到最后。在D:\workTool...原创 2019-05-14 17:28:56 · 1043 阅读 · 0 评论