笔记
关注
分享
扫一扫
Rest257
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
浏览器的几种本地存储
浏览器的几种本地存储不推荐使用 Cookie 作为客户端储存，这样做虽然可行，但是并不推荐，因为 Cookie 的设计目标并不是这个，它的容量很小（4KB），缺乏数据操作接口，而且会影响性能。客户端储存应该使用 Web storage API（就是 localStorage 和 sessionStore） 和 IndexedDB一、CookieHTTP协议（应用层超文本传输协议），用于从Web服务器传输超文本到本地浏览器，是一个无状态的协议，即不记录状态，cookie 的存在就是为了解决HTTP不记录原创 2021-11-30 16:37:47 · 2880 阅读 · 0 评论 -
强缓存和协商缓存
网络方面的缓存分为三块DNS缓存、HTTP缓存、CDN缓存，也有人把这里的 HTTP 缓存称为浏览器缓存为啥要缓存1.缓存的优点(1)加快浏览器加载网页的速度，优化用户体验，让用户更快速的打开我们的网页(2)减少对服务器的访问次数，减轻服务器的负担(3)节省带宽（就是节省钱…，因为很多带宽服务其实是按流量来计费的，同样对用户也可以省4G、5G流量…也省钱了）2. 有啥缺点 如果资源一直被缓存了，那当资源发生更改时，用户就无法获取最新的信息了！ 所以缓存虽好，可不能乱用。强缓存（不发请求到原创 2021-11-29 14:23:57 · 997 阅读 · 0 评论 -
DNS缓存
DNS （Domain Name System）就是域名系统，是域名：ip的对应关系，通俗来讲，就是一个键值对的列表DNS 域名系统能把互联网上的主机名字和域名（域名其实就是名字的高级叫法????）转换为 IP 地址你往浏览器输入 www.baidu.com 最开始会发生的就是 DNS 解析，再发送请求。要找到这个域名对应的服务器ip地址，从右往左，com 是级域名，baidu 是二级域名，www 是三级域名DNS 采取分布式系统，互联网的域名系统是用域名树表示的，划分等级，根节点没有对应原创 2021-11-29 13:56:00 · 1052 阅读 · 0 评论 -
理解react生命周期
关于react生命周期理解的一张图原创 2021-08-30 14:01:14 · 153 阅读 · 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 · 398 阅读 · 0 评论 -
配置的代理服务器未响应解决方法
出现配置的代理服务器未响应，解决方法我的情况是连上wifi却访问不了浏览器原创 2021-08-19 09:56:32 · 5851 阅读 · 0 评论 -
通过一个函数取消事件冒泡和事件捕获
原来取消事件冒泡和事件捕获方法都是一样的function stopBubble(event) { if (event.stopPropagation) { event.stopPropagation(); } else { event.cancelBubble = true; }}原创 2021-08-06 08:52:04 · 186 阅读 · 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 · 147 阅读 · 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 · 941 阅读 · 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 · 641 阅读 · 0 评论 -
VScode常用插件下载
避免我之后电脑又重装，还是记录一下原创 2021-04-09 09:14:35 · 262 阅读 · 0 评论 -
mysqli 加载不到问题解决以及 PHPnow 中mysql 和 php 的升级
https://www.cnblogs.com/imxiu/p/3378129.html原创 2021-03-13 11:01:00 · 613 阅读 · 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 · 1798 阅读 · 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 · 220 阅读 · 0 评论 -
一道关于数组 “缓存“ 的题目
给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出「和为目标值」的那两个整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素不能使用两遍。如下图：一开始自己思考会想到用两个for循环遍历，找到满足条件的一对键值即可，但是这样算法复杂度太高，存在重复的工作，可以在第一次遍历过程中就对数据进行缓存。具体如下：...原创 2020-10-22 14:15:53 · 160 阅读 · 0 评论