04 2020 档案
摘要:^x: 尖头符号,形似箭头,表示要朝那个方向,始终是走一步,x 表示第几个岔路口,代表方向盘~y: 波浪符号,表示要在该方向上走 y 步,始终沿着该方向,代表油门 当前节点的祖宗节点如下: 自己: HEAD, HEAD^0 或 HEAD~0父亲: HEAD^, HEAD~母亲: HEAD^2爷爷:
阅读全文
摘要:http 1.0定义了3种方法:GET,POST,HEADhttp 1.1新增了6种方法:PUT,DELETE,Options,Trace,Connect,Patch 1. GET2. POST3. PUT4. DELETE5. Options 两种场景: 1. 获取资源支持的http方法 2. 跨
阅读全文
摘要:Request Header: Host: www.test.com/ //请求的目标域名和端口号 Origin: http://localhost:8081/ //请求的来源域名和端口号 (跨域请求时,浏览器会自动带上这个头信息) Referer: https:/localhost:8081/li
阅读全文
摘要:有5点主要的区别: 1. 作用域 2. 变量提升 3. 全局变量属性 4. 重复声明 5. 常量 1. var是函数级作用域,let和const是块级别作用域 2. var存在变量提升,let和const不存在变量提升 变量提升指的是变量声明的提升,不会提升变量的初始化和赋值。因此,let和cons
阅读全文
摘要:1. 创建多进程的模块 1.1 child_process1.2 cluster 2. 创建多进程的方法 2.1 child_process有4种方法: 1. spawn: 创建子进程,执行非node程序,执行结果以流形式返回2. execFile: 创建子进程,执行非node程序,执行结果以回调返
阅读全文
摘要:1. 可选链 可选链,?.操作符,在访问属性或方法时,若存在为空的中间量,则返回undefined,在长链条的属性访问时,可节省代码 const stu = { name: 'xiaoming', school: { name: "xxx" } } const cityName = stu.addr
阅读全文
摘要:function scrollToTop(){ const c = document.documentElement.scrollTop || document.body.scrollTop; if (c > 0) { window.requestAnimationFrame(scrollToTop
阅读全文
摘要:递归写法 function help(root) { return isSymmetric(root, root); } function isSymmetric(node1, node2) { //判断两个节点都是否为空 if (!node1 && !node2) { return true; }
阅读全文
摘要:进程和线程的区别 1. 进程是资源分配的最小单位,线程是程序执行的最小单位,CPU调度的最小单位2. 进程有自己独立的地址空间,线程共享进程的地址空间3. 进程之间的资源是独立的,线程共享本进程的资源 1. 进程间通信 1.1 管道(包括管道和命名管道) 内存中类似于文件的模型,多进程可读写1.2
阅读全文
摘要:thunk版本 function* gen1(){ yield req('1') yield req('2'); yield req('3'); } co(gen1)(); function req(a){ return function(cb){ setTimeout(() => { consol
阅读全文
摘要:co的promise版本,就是将函数,generator,generator function,对象,数组等全部转换为promise,在promise的then中,递归的去执行下一个异步流程。其中,object中的promise,通过循环并行执行,array中的异步流程,通过Promise.all来
阅读全文
摘要:co的thunk版本,就是将所有 函数,generator,generator function,object,array,promise,都转换为thunk函数,在thunk函数的回调中,切换外部包装的generator的状态,即调用next方法,来依次执行所有的异步任务。其中的,object和a
阅读全文
摘要:1. 引用一个目录下的所有js文件 modules下 home.js me.js productList.js user.js 实现 import home from './modules/home' import me from './modules/me' import productList
阅读全文
摘要:1. nodejs的宏任务回调有6个阶段: timers setTimeout setInterval IO fs.read, fs.write, network idle prepare 准备工作,node内部使用 poll 新加入的IO事件 check setImmediate回调 close
阅读全文
摘要:1. hash模式 监听window.onhashChange事件,通过event的oldUrl和newUrl来做一些切换操作 2. history模式 监听window.onpopstate事件,来在路由切换时候做一些操作 常用的state api有: history.pushState(data
阅读全文
摘要:1. .htaccess文件的作用 .htaccess目录访问策略配置文件,放在目录中,作用与当前目录及其子目录。 具体支持: 1. rewrite 重定向路由2. 设置目录访问权限,允许/禁止3. 自定义404错误页4. 改变文件扩展名5. 文件夹密码保护 2. try_files try_fil
阅读全文
摘要:1. Http basic Authorization 基于浏览器的一种鉴权方式。1. 未授权请求,拦截,返回 401 Unauthorised2. 支持的浏览器弹出用户名密码框,输入用户名密码,连同上次请求数据,一起发送到服务端使用授权头,Authorization: Basic [base64]
阅读全文
摘要:1. client hello,协商TLS版本号,加密套件,一个随机数(client random)2. server hello, 确认TLS版本号,加密套件,发送公钥证书,一个随机数(server random)3. 客户端验证数字证书,取出公钥,加密一个随机数(premaster secret
阅读全文
摘要:1. 聚焦和失焦的事件 focus 不支持冒泡,所有浏览器 blur 不支持冒泡,所有浏览器 focusin 支持冒泡,现代浏览器(ie 9+,chrome,firefox,safari) focusout 支持冒泡,现代浏览器(ie 9+,chrome,firefox,safari) 2. 哪些元
阅读全文
摘要:1. TCP队头阻塞 TCP数据包是有序传输,中间一个数据包丢失,会等待该数据包重传,造成后面的数据包的阻塞。 2. HTTP队头阻塞 http队头阻塞和TCP队头阻塞完全不是一回事。 http1.x采用长连接(Connection:keep-alive),可以在一个TCP请求上,发送多个http请
阅读全文
摘要:babel-plugin-dynamic-import-node //支持import('comXXX').then()写法 babel-plugin-dynamic-import-webpack //支持import('comXXX').then()写法 babel-plugin-import /
阅读全文
摘要:GET请求 curl http://localhost:8888/mock/api POST请求(-X可以省略,-d默认就是POST参数) curl -X POST -d '{"name":"api1","content":"api1 conent","method":"get","url":"/u
阅读全文
摘要:vue scoped生成带hash attitude的html,css使用hash attr的属性选择器保持唯一性。 例如: <div class="example">hi</div> .example { color: red; } 生成: <div class="example" data-v-
阅读全文
摘要:Parent-- Child1-- Child2 装载 parent beforeCreateparent createdparent beforeMountchild1 beforeCreatechild1 createdchidl1 beforeMountchild2 brforeCreatec
阅读全文
摘要:判断是否同一天 : isSameDay(timeStampA, timeStampB) { let dateA = new Date(timeStampA); let dateB = new Date(timeStampB); return (dateA.setHours(0, 0, 0, 0) =
阅读全文
摘要:1. flex容器属性6个 flex-direction: 主轴方向flex-wrap: 换行方式flex-flow: <flex-direction> <flex-wrap> 简写justfiy-content: 主轴对齐方式align-items: 纵轴对齐方式align-content: 多主
阅读全文
摘要:react-router v4 参数传递有3中方式,分别是params,query 和 state。 1. params(路径参数) parrams的传递要在路由配置上添加参数,是路由路径的一部分,在斜杠后面写参数,就是路径参数。 //路由表 <Route path='/user/:id ' com
阅读全文
摘要:1. 可用于将PC版页面指向移动版页面,将移动版页面指向PC版页面,这样有利于搜索引擎,对不同设备的用户提供不同类型的页面 PC版本页面head应添加 <link rel="alternate" media="only screen and (max-width:640px)" href="http
阅读全文
摘要:script不加crossorigin,在页面报错,只能看到script error这个错误,无详细信息,添加了crossorigin之后,服务端同时配置Access-Control-Allow-Origin,就可以获取详细错误消息
阅读全文