摘要：
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 延迟 阅读全文