摘要：
js执行机制 js是单线程的。通过执行机制模拟实现”多线程“。 如何实现多线程？ 从广义上，分为同步任务和异步任务。 同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务； 异步任务指的是，不进入主线程、而进入”任务队列“(tack queue)的任务，只有”任务队列 阅读全文
摘要：
js闭包 闭包出现的条件：在局部作用域访问了其他局部作用域的变量。(底层原因：与js的内存回收有关。函数执行时返回了一个引用数据类型的值，并且在函数外面被一个其他的变量接收了，这个情况下形成的（函数的）作用域不会销毁) 闭包的特点：函数引用的变量会被保存，存放在不被销毁的私有栈环境，共享。需要人为销 阅读全文
摘要：
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: 存放 阅读全文
摘要：
只有块元素且无浮动和定位才会继承父亲的宽度（意味着脱标的元素不会继承宽度，脱离标准流的元素，如果不手动设置宽度，默认宽度为内容宽度） 对于相对定位继承宽度取决于直接父级； 阅读全文