![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
Rest257
这个作者很懒,什么都没留下…
展开
-
浏览器的几种本地存储
浏览器的几种本地存储不推荐使用 Cookie 作为客户端储存,这样做虽然可行,但是并不推荐,因为 Cookie 的设计目标并不是这个,它的容量很小(4KB),缺乏数据操作接口,而且会影响性能。客户端储存应该使用 Web storage API(就是 localStorage 和 sessionStore) 和 IndexedDB一、CookieHTTP协议(应用层超文本传输协议),用于从Web服务器传输超文本到本地浏览器,是一个无状态的协议,即不记录状态,cookie 的存在就是为了解决HTTP不记录原创 2021-11-30 16:37:47 · 2762 阅读 · 0 评论 -
强缓存和协商缓存
网络方面的缓存分为三块DNS缓存、HTTP缓存、CDN缓存,也有人把这里的 HTTP 缓存称为浏览器缓存为啥要缓存1.缓存的优点(1)加快浏览器加载网页的速度,优化用户体验,让用户更快速的打开我们的网页(2)减少对服务器的访问次数,减轻服务器的负担(3)节省带宽(就是节省钱…,因为很多带宽服务其实是按流量来计费的,同样对用户也可以省4G、5G流量…也省钱了)2. 有啥缺点 如果资源一直被缓存了,那当资源发生更改时,用户就无法获取最新的信息了! 所以缓存虽好,可不能乱用。强缓存(不发请求到原创 2021-11-29 14:23:57 · 873 阅读 · 0 评论 -
DNS缓存
DNS (Domain Name System)就是域名系统,是域名:ip的对应关系,通俗来讲,就是一个键值对的列表DNS 域名系统能把互联网上的主机名字和域名(域名其实就是名字的高级叫法????)转换为 IP 地址你往浏览器输入 www.baidu.com 最开始会发生的就是 DNS 解析,再发送请求。要找到这个域名对应的服务器ip地址,从右往左,com 是级域名,baidu 是二级域名,www 是三级域名DNS 采取分布式系统,互联网的域名系统是用域名树表示的,划分等级,根节点没有对应原创 2021-11-29 13:56:00 · 972 阅读 · 0 评论 -
理解react生命周期
关于react生命周期理解的一张图原创 2021-08-30 14:01:14 · 106 阅读 · 0 评论 -
react项目环境创建失败
create-react-app 老是出错后卸载错误信息是:error f:\react\demo\node_modules\babel-runtime\node_modules\core-js: Command failed.删除全局的yarn即可解决 npm uninstall yarn -g原创 2021-08-20 10:09:57 · 342 阅读 · 0 评论 -
配置的代理服务器未响应解决方法
出现配置的代理服务器未响应,解决方法我的情况是连上wifi却访问不了浏览器原创 2021-08-19 09:56:32 · 4877 阅读 · 0 评论 -
通过一个函数取消事件冒泡和事件捕获
原来取消事件冒泡和事件捕获方法都是一样的function stopBubble(event) { if (event.stopPropagation) { event.stopPropagation(); } else { event.cancelBubble = true; }}原创 2021-08-06 08:52:04 · 133 阅读 · 0 评论 -
数组的map()、reduce()、filter()方法复习
【8.5】Array.map()Array.map() 方法创建一个新数组,其结果是该数组中的每个元素是调用一次提供的函数后的返回值。//eg1: [ { x: 22 }, { x: 42 } ].map( el => el.x )//eg2const array1 = [1, 4, 9, 16];const map1 = array1.map(x => x * 5);console.log(map1);//[2, 8, 18, 32]【8.5】Array.reduce(原创 2021-08-06 08:47:21 · 94 阅读 · 0 评论 -
弹性盒模型中,justify-content: space-between 最后一排处理
使用弹性盒模型虽然比浮动更加灵活方便,但一直遇到一个问题,当设置 justify-content: space-between时,当li个数随着屏幕大小变化之后最后一排出现缺个,会出现下图情况解决方法是:给ul一个伪元素,并设置他的横向样式和每一个li一样.comList { display: flex; flex-wrap: wrap; justify-content: space-between;}.comList::after{ content: "";原创 2021-07-08 10:42:13 · 847 阅读 · 0 评论 -
对服务器获取的XML文件解析成json数据格式
参考文章代码,定义好三个函数,调用第二个函数处理xml即可/** * xml字符串转换xml对象数据 * @param {Object} xmlStr */function xmlStr2XmlObj(xmlStr) { var xmlObj = {}; if (document.all) { var xmlDom = new ActiveXObject("Microsoft.XMLDOM"); xmlDom.loadXML(xmlStr); xmlObj = x原创 2021-04-09 13:45:56 · 526 阅读 · 0 评论 -
VScode常用插件下载
避免我之后电脑又重装,还是记录一下原创 2021-04-09 09:14:35 · 203 阅读 · 0 评论 -
mysqli 加载不到问题解决以及 PHPnow 中mysql 和 php 的升级
https://www.cnblogs.com/imxiu/p/3378129.html原创 2021-03-13 11:01:00 · 489 阅读 · 2 评论 -
如何让ol的序号的背景颜色随里面的li变化
今天做实验遇到了一个头疼的问题,要用CSS实现如下效果:而且使用有序列表做,但是,因为li的背景颜色不同,很奇怪,一开始他是这样的li的样式显然不能影响到ol的序号,但是只需要设置list-style-position: inside;就可以实现效果了。list-style-position属性指定标记框在主体块框中的位置。不经常用,记录一下。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w原创 2020-11-10 21:00:29 · 1556 阅读 · 0 评论 -
理解 Javascript 的浅拷贝和深拷贝
2020.11.6由于之前在第一遍学习 Javascript 的过程中对知识点理解的不是很透彻,对浅层克隆和深层克隆的理解比较模糊,今天在复习面向对象的时候醍醐灌顶,于是乎记录一下自己的理解。一、首先关于原始值和引用值1、数据类型分为:(1)不可改变的原始值:number, string, boolean, undefined, null(2)引用值:array, object, function, RegExp,Data2、他们之间的区别(1)存储方式不同原始值存储在栈中。意思就是说原创 2020-11-06 17:02:53 · 165 阅读 · 0 评论 -
一道关于数组 “缓存“ 的题目
给定一个整数数组 nums 和一个目标值 target,请你在该数组中找出「和为目标值」的那两个整数,并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是,数组中同一个元素不能使用两遍。如下图:一开始自己思考会想到用两个for循环遍历,找到满足条件的一对键值即可,但是这样算法复杂度太高,存在重复的工作,可以在第一次遍历过程中就对数据进行缓存。具体如下:...原创 2020-10-22 14:15:53 · 115 阅读 · 0 评论