自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 跨域相关知识整理

跨域相关知识整理跨域的定义及产生原因当一个请求的协议、域名、端口号这三者之中有任意一个与当前页面不相同,就是跨域。跨域问题产生的原因是因为浏览器的同源策略限制。同源政策是浏览器最核心也是最基本的安全功能,如果没有同源策略,浏览器的正常功能可能都会受到影响。非同源限制无法读取非同源页面的Cookie、LocalStorage和IndexDB无法解除非同源网页的DOM无法向非同源地址发送AJAX请求解决跨域问题的方法一、window.name跨域可以设置window.name属性,然后结合

2021-05-20 17:50:10 107

原创 浏览器缓存机制整理

缓存机制整理基本情况新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入基本情况浏览器缓存分为强制缓存和协商缓存,整体流程大概如下:浏览器在加载资源时,先根据这个资源http header的字段来判断它是否使用强制缓存,

2021-05-14 16:59:15 72

原创 CSS之flex布局整理

Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。一、外层容器容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做main start,结束位置叫做main end;交叉轴的开始位置叫做cross start,结束位置叫做cross end。项目默认沿主轴排列。单个项目占据的主轴空间叫做main size,占据的交叉轴空间叫做cross

2021-05-11 14:44:54 146

原创 个人对网络模型汇总及HTTP协议相关知识整理

七层网络模型:1、物理层2、数据链路层3、网络层4、传输层5、会话层6、表示层7、应用层TCP/IP四层结构:1、网络接口层2、网络层3、传输层4、应用层其中HTTP协议位于应用层HTTPS中的SSL位于传输层之上HTTP1.0、HTTP1.1、HTTP2.0的区别HTTP1.1对比HTTP1.0,新增特性:1、长连接:在HTTP1.1中默认开启长连接keep-alive2、节约带宽:HTTP1.1支持只发送header信息(不

2021-05-09 23:23:15 48

原创 【vue】父子组件通信方式整理

一、父组件调用子组件方法 1) 通过给子组件加ref,然后父组件通过ref直接调用子组件的方法 2) 父组件通过调用子组件的$emit方法,然后子组件用$on方法进行监听二、子组件调用父组件方法 1) 子组件中通过this.$parent.event来调用父组件的方法 2) 在子组件中调用$emit方法,向父组件触发一个事件,然后父组件监听对应的方法 3)父组件把方法通过props传入子组件中,在子组件里直接调用这个方法...

2021-05-08 20:50:53 67

原创 【javascript】获取当前时间戳方法整理

最近在获取当前时间戳的方法想到除了最常用的方法以外是否有更简洁的方法,网上查了下资料,在这里做一下整理并记录。第一种方法,也是我以前最常用的方法:var timestampNow = new Date().getTime();直接new一个当前时间的Date对象,然后通过getTime()方法获取时间戳第二种方法:var timestampNow = Date.now();比上面一种方法更加简洁第...

2018-04-17 15:53:26 241 1

原创 【javascript】+0与-0的判断方法记录

最近查阅了一些资料,看到关于js中+0与-0的判断,做了一下整理并写了一下自己的思路和理解:function isPositiveZero (num) { //判断数字是否为0 if (num !== 0) { return false; } //做以下计算,当为+0时,flag的值应为+Infinity,-0时则为-Infinity let...

2018-04-13 10:55:08 1097 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除