06 2020 档案

react错误边界，如何使用？
摘要：1、问题由来：我们前端代码依赖后端代码，一些数据格式错误可能导致页面白屏或者出错， 我们不能保证我们代码完全没有问题，这时候我们寄希望于后端，还不如自己增加代码兼容性，以及相应的提示。 2、错误边界：Error Boundaries，一个官方提供的思路，简单写一下错误捕获逻辑，这里封装成组件，代码如 阅读全文
posted @ 2020-06-22 12:06 程序員劝退师 阅读(415) 评论(0) 推荐(0)
陈述输入URL回车后的过程？
摘要：一、URL输入 输入url，url就是我们所谓的网站名称，www.baidu.com; 二、DNS解析 首先进行域名解析，将域名解析成 IP 地址； 查找顺序：浏览器缓存 => 操作系统缓存 => 本地host文件 => 路由缓存 => DNS缓存； 三、TCP连接，后面完善补充 客户端：服务端你在 阅读全文
posted @ 2020-06-15 14:06 程序員劝退师 阅读(216) 评论(0) 推荐(0)
React-router模式？
摘要：router基于history进行的二次封装去监听路由的变化 1、createHashHistory模式 使用URL中的hash（#）部分去创建，如http://example.com.cn/#/path。 2、createBrowserHistory模式 使用浏览器中History的api处理UR 阅读全文
posted @ 2020-06-11 17:42 程序員劝退师 阅读(456) 评论(0) 推荐(0)
http缓存强制缓存和协商缓存？
摘要：一、强制缓存 不存在该缓存结果和标识，强制缓存失效，则直接向服务器发起请求（跟第一次发起请求一致） 存在缓存结果和标识，但结果已失效，强制缓存失效，则使用协商缓存 存在缓存结果和标识，并且结果未失效，强制缓存生效，直接返回该结果 1、Expires：1.0 是HTTP/1.0控制网页缓存的字段，其值 阅读全文
posted @ 2020-06-11 15:31 程序員劝退师 阅读(240) 评论(0) 推荐(0)
你了解position吗？
摘要：position：relative； 不脱离文档流，相对于元素原来的位置进行定位。 position：absolute；脱离文档流，如果所有的父级元素都没有position属性，相对于body定位；如果存在父级元素有position属性，相对于最近的那个有position属性的父级元素进行定位。 p 阅读全文
posted @ 2020-06-11 14:17 程序員劝退师 阅读(362) 评论(0) 推荐(0)
前端跨域的几种方式？
摘要：跨域的条件有哪些：协议不同（http和https），端口不同（80和81），域名不同（baidu和google）只要符合一个既跨域； 1、动态标签 jsonp：动态创建script标签，使用标签的src属性进行跨域，调用CallBack回调函数进行跨域； link： img： 2、cros 设置请求 阅读全文
posted @ 2020-06-09 15:47 程序員劝退师 阅读(240) 评论(0) 推荐(0)
css 盒模型
摘要：css盒模型分为两种 1、标准盒模型：box-sizing：content-box width = conent的宽 height = content的高 2、IE盒模型，也叫怪异盒模型：box-sizing：border-box width = content的宽 + padding-left + 阅读全文
posted @ 2020-06-09 15:43 程序員劝退师 阅读(148) 评论(0) 推荐(0)
rem和em区别，怎么转换的px？
摘要：1、rem是固定的 rem会根据根节点的字体大小去计算当前节点的像素大小， 只有根节点元素html的大小改变才会改变 px = rem * font-size； 2、em是不固定的 em是继承父级元素的像素大小 父级元素改变就会改变 阅读全文
posted @ 2020-06-05 11:35 程序員劝退师 阅读(357) 评论(0) 推荐(0)
flex布局基础的属性有哪些？
摘要：一、flex-容器属性 1、首先决定是flex主轴方向：flex-direction row 水平向右（默认） row-reverse 水平向左 column 垂直向下 column-rrverse 水平向右 <!DOCTYPE html> <html lang="en"> <head> <meta 阅读全文
posted @ 2020-06-05 11:20 程序員劝退师 阅读(1533) 评论(0) 推荐(0)