互联网络

http常见的9种方法

http1.0定义了3种方法:GET,POST,HEADhttp1.1新增了6种方法:PUT,DELETE,Options,Trace,Connect,Patch1.GET2.POST3.PUT4.DELETE5.Options   两种场景:1.获取资源支持的http方法2.跨域预检请求...
代码星球·2020-06-29

常用的http请求头

RequestHeader:Host:www.test.com///请求的目标域名和端口号Origin:http://localhost:8081///请求的来源域名和端口号(跨域请求时,浏览器会自动带上这个头信息)Referer:https:/localhost:8081/link?query=xxxxx//请求资源...
代码星球·2020-06-29

顺滑滚动到顶部简单实现

functionscrollToTop(){constc=document.documentElement.scrollTop||document.body.scrollTop;if(c>0){window.requestAnimationFrame(scrollToTop);window.scrollTo(0,...

操作系统进程通信与线程通信

进程和线程的区别1.进程是资源分配的最小单位,线程是程序执行的最小单位,CPU调度的最小单位2.进程有自己独立的地址空间,线程共享进程的地址空间3.进程之间的资源是独立的,线程共享本进程的资源1.进程间通信1.1管道(包括管道和命名管道)内存中类似于文件的模型,多进程可读写1.2消息队列内核中的队列1.3共享内存1.4...

对称二叉树

递归写法functionhelp(root){returnisSymmetric(root,root);}functionisSymmetric(node1,node2){//判断两个节点都是否为空if(!node1&&!node2){returntrue;}//判断两个节点不相等if(!node1||...
代码星球·2020-06-29

nginx伪静态配置

1..htaccess文件的作用.htaccess目录访问策略配置文件,放在目录中,作用与当前目录及其子目录。具体支持:1.rewrite重定向路由2.设置目录访问权限,允许/禁止3.自定义404错误页4.改变文件扩展名5.文件夹密码保护2.try_filestry_files是尝试读取文件。try_files$uri...
代码星球·2020-06-29

前端路由的hash和history模式

1.hash模式监听window.onhashChange事件,通过event的oldUrl和newUrl来做一些切换操作2.history模式监听window.onpopstate事件,来在路由切换时候做一些操作常用的stateapi有:history.pushState(data,title,url)//入栈一条历...

前端鉴权的几种方式

1.HttpbasicAuthorization基于浏览器的一种鉴权方式。1.未授权请求,拦截,返回401Unauthorised2.支持的浏览器弹出用户名密码框,输入用户名密码,连同上次请求数据,一起发送到服务端使用授权头,Authorization:Basic[base64]编码的用户名密码3.服务端验证通过,返回...
代码星球·2020-06-29

TLS/SSL握手过程

1.clienthello,协商TLS版本号,加密套件,一个随机数(clientrandom)2.serverhello,确认TLS版本号,加密套件,发送公钥证书,一个随机数(serverrandom)3.客户端验证数字证书,取出公钥,加密一个随机数(premastersecret),发送到服务端4.服务端用私钥解密,...
代码星球·2020-06-29

html元素聚焦和失焦总结

1.聚焦和失焦的事件focus  不支持冒泡,所有浏览器blur    不支持冒泡,所有浏览器focusin  支持冒泡,现代浏览器(ie9+,chrome,firefox,safari)focusout 支持冒泡,现代浏览器(i...

babel一些插件用法

babel-plugin-dynamic-import-node          //支持import('comXXX').then()写法babel-plugin-dynamic-import-webpack&nbs...
代码星球·2020-06-29

link标签rel="alternate"属性的作用及用法

1.可用于将PC版页面指向移动版页面,将移动版页面指向PC版页面,这样有利于搜索引擎,对不同设备的用户提供不同类型的页面PC版本页面head应添加<linkrel="alternate"media="onlyscreenand(max-width:640px)"href="http://m.mobile.com"...

实时通信(real-time)几种方式

1.ajax轮询定时发送ajax请求2.ajax长轮询发送ajax请求后,服务端不返回,直到有消息或超时,客户再次重新建立ajax请求3.WebSocket在TCP连接上的全双工通信协议,需要单独的websocket服务器4.SSEserver-sent-event,也叫eventsource,基于http协议,轻量级...

div触发keyUp事件

div默认无法聚焦,所以不能触发keyUp事件。1.为其添加tabIndex,可以使其能聚焦。$('div').attr('tabIndex',0);$('div').focus();2.此外,div如果包含a链接,也能聚焦。<div><ahref='#'>必须有内容</a><...
代码星球·2020-06-29

图片固定比例显示,避免闪烁

1.padding/margin的百分比实现padding-top/bottom,margin-top/bottom都是基于父元素的宽度为参照的,可以实现高宽比固定的盒子.box{width:50%;padding-bottom:30%;}就实现了高宽比为3:5的盒子然后设定img.img{position:absol...