摘要：
首先我们规定两个div，为父子级别，后面各个案例都是基于 1 <div class="parent"> 2 <div class="child"> 3 demo 4 </div> 5 </div> 一、最简单的居中 margin:0 auto，上代码 1 .parent { 2 width: 200 阅读全文
摘要：
了解基础知识 constant 函数包含以下属性 safe-area-inset-left：安全区域距离左边界距离 safe-area-inset-right：安全区域距离右边界距离 safe-area-inset-top：安全区域距离顶部边界距离 safe-area-inset-bottom：安全 阅读全文
摘要：
1、问题由来：我们前端代码依赖后端代码，一些数据格式错误可能导致页面白屏或者出错， 我们不能保证我们代码完全没有问题，这时候我们寄希望于后端，还不如自己增加代码兼容性，以及相应的提示。 2、错误边界：Error Boundaries，一个官方提供的思路，简单写一下错误捕获逻辑，这里封装成组件，代码如 阅读全文
摘要：
一、URL输入 输入url，url就是我们所谓的网站名称，www.baidu.com; 二、DNS解析 首先进行域名解析，将域名解析成 IP 地址； 查找顺序：浏览器缓存 => 操作系统缓存 => 本地host文件 => 路由缓存 => DNS缓存； 三、TCP连接，后面完善补充 客户端：服务端你在 阅读全文
摘要：
router基于history进行的二次封装去监听路由的变化 1、createHashHistory模式 使用URL中的hash（#）部分去创建，如http://example.com.cn/#/path。 2、createBrowserHistory模式 使用浏览器中History的api处理UR 阅读全文
摘要：
一、强制缓存 不存在该缓存结果和标识，强制缓存失效，则直接向服务器发起请求（跟第一次发起请求一致） 存在缓存结果和标识，但结果已失效，强制缓存失效，则使用协商缓存 存在缓存结果和标识，并且结果未失效，强制缓存生效，直接返回该结果 1、Expires：1.0 是HTTP/1.0控制网页缓存的字段，其值 阅读全文
摘要：
position：relative； 不脱离文档流，相对于元素原来的位置进行定位。 position：absolute；脱离文档流，如果所有的父级元素都没有position属性，相对于body定位；如果存在父级元素有position属性，相对于最近的那个有position属性的父级元素进行定位。 p 阅读全文
摘要：
跨域的条件有哪些：协议不同（http和https），端口不同（80和81），域名不同（baidu和google）只要符合一个既跨域； 1、动态标签 jsonp：动态创建script标签，使用标签的src属性进行跨域，调用CallBack回调函数进行跨域； link： img： 2、cros 设置请求 阅读全文
摘要：
css盒模型分为两种 1、标准盒模型：box-sizing：content-box width = conent的宽 height = content的高 2、IE盒模型，也叫怪异盒模型：box-sizing：border-box width = content的宽 + padding-left + 阅读全文
摘要：
1、rem是固定的 rem会根据根节点的字体大小去计算当前节点的像素大小， 只有根节点元素html的大小改变才会改变 px = rem * font-size； 2、em是不固定的 em是继承父级元素的像素大小 父级元素改变就会改变 阅读全文