摘要:
axios网络封装 import axios from 'axios' export function request(config) { // 1.创建axios的实例 const instance = axios.create({ baseURL: 基础地址, timeout: 9000 }) 阅读全文
摘要:
实现限制文本行数,超出行数,滑动显示 1 /*实现限制文本行数,超出行数,滑动显示*/ 2 .box { 3 overflow: hidden; 4 overflow-y: scroll; 5 max-height: xxxrem; 6 } 7 /*max-height值计算方式:(文字大小(px) 阅读全文
摘要:
css判断横竖屏 /*orientation:portrait|landscape*/ /*肖像(竖屏)模式*/ @media only screen and (orientation: portrait) { body { background-color: skyblue; } } /*全景模式 阅读全文
摘要:
flex弹性布局 任何一个容器都可以指定为flex布局 当我们父盒子设为flex布局以后,子元素的float、clear和vertical-align属性失效 移动端应用广泛、pc端浏览器支持情况较差 1.常见的父项属性(给父元素添加的): flex-direction:设置主轴的方向justify 阅读全文
摘要:
移动端多倍图 先知:pc端默认一个css像素对应一个物理像素; 移动设备中,css像素只是一个抽象的单位,在不同的设备或不同的环境中,css中的1px所代表的设备物理像素的长度是不同的。 问题:对于一张50*50px的图片,在手机retina屏中打开,按照手机的像素比,图片会进行倍数放大,造成图片模 阅读全文
摘要:
导致外边距塌陷的情况 两个兄弟盒子,上面的盒子设置了margin-bottom,下面的盒子设置了margin-top,实际中会取值较大的那个属性值显示在网页中。这种情况一般较为少见。这两个属性值设置一个即可解决。 嵌套盒子(父元素与子元素)间外边距塌陷(发生在垂直方向上的外边距合并,注意是垂直方向) 阅读全文
摘要:
笔记 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放 阅读全文
摘要:
只有块元素且无浮动和定位才会继承父亲的宽度(意味着脱标的元素不会继承宽度,脱离标准流的元素,如果不手动设置宽度,默认宽度为内容宽度) 对于相对定位继承宽度取决于直接父级; 阅读全文
摘要:
js中this的指向 在方法中,this表示该方法所属的对象。 如果单独使用,this表示全局对象。 在函数中,this表示全局对象。 在函数中,在严格模式下 ,this是未定义的(undefined)。 在事件中,this表示接收事件的元素。 类似call()和apply()方法可以将this引用 阅读全文
摘要:
函数防抖(debounce) 防抖是为了解决频繁触发某个事件的情况造成的性能消耗。 当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定时间到来之前,又触发了事件,就重新开始延时。 1 /** 2 * @param func 目标函数 3 * @param wait 延迟 阅读全文