笔记
莫尔道嘎老范
分享一些学习技术的经验以及做项目遇到的问题和解决,同时锻炼一下自己表达能力。文字叙述可能不是很精确,有疑问可以提出来大家一起进步!
展开
-
JS的事件轮询eventLoop机制(宏任务,微任务)
首先放一个题: async function async1() { console.log("1"); await async2(); console.log("2"); return '3'; } async function async2() { console.log("4"); } console.log原创 2022-03-16 10:36:30 · 766 阅读 · 0 评论 -
给cesium添加信号线
使用的是websocket通信接收数据,每条数据来了之后需要更新点到点之间的连线核心代码:首次加载 viewer.entities.add({ name: "Purple straight arrow at height", id: ele.id + "" + ele.senderToConnect, polyline: { positions: Cesium.Cartesi原创 2021-07-24 16:53:59 · 2028 阅读 · 8 评论 -
grpc-web 504 (Gateway Timeout)
前端调用grpc进行初始化时,遇到了超时的问题,需要加一个超时时间;查了很多资料,再加上多次尝试,给完成了:使用的是envoy代理请求,所以在envoy文件中添加超时时间,如下:原创 2021-07-21 17:55:19 · 467 阅读 · 0 评论 -
form表单中的几个方法,数据回显,数据填充,重置表单
form表单中有些常用的方法,在很多ui组件库中也同样适用;1 在form表单中进行数据回显,一般是采用initialValues方法,在表单中直接写 <Form ref={this.formRef} initialValues={a!}>其中a就是要被回显的数据源;2 通过事件逻辑来修改某个表单项的值,可以使用setFieldsValue例如:需求是需要点击按钮时,将被点击行的数据填充到表单中此时给按钮添加点击事件: { title:原创 2020-12-17 14:16:46 · 6189 阅读 · 0 评论 -
常见 http 状态码语义
常见 http 状态码语义1xx 一般是切换协议 101转换协议2xx 一般消息获取成功或者获取到了一部分200 获取成功204 没有内容 no content206 获取一部分内容,常用于断点续传等需求3xx 资源发生了转移,需要进一步处理301 永久转移302 临时性的304 资源没有变化,继续使用客户端缓存4xx 客户端的错误400 请求的内容有错误401 认证失败403 资源没有访问的权限404 资源找不到,访问的路径不对405 访问资源的方法metho原创 2020-12-16 19:46:09 · 138 阅读 · 1 评论 -
h5 video标签的使用
video标签的具体使用h5新增了video标签,可以直接按在页面中播放视频今天写页面的时候出现了视频无法显示的情况,接着翻了翻资料,下面进行总结一下;基本写法: <video src="/video.mp4" style={{ width: 200, height: 200 }} autoPlay ></video>其中src后面的路径一定要正确,这是第一个要注意的点;其次,必须加上宽高,否则会因为标签内没有内容而导致标签不显示;最后就是一些表单的属性设置了;aut原创 2020-11-28 14:10:15 · 435 阅读 · 0 评论 -
浏览器渲染页面过程(输入url后到出现页面)
1,通过dns解析url中域名到ip(比如查找www.baidu.com这个域名)1.1 先查看浏览器是否有解析过该域名,是否还有它的缓存,浏览器的缓存时间2~10分钟左右,具体看dns解析生效的时间,找到有缓存的ip则返回,没有则进行下一步1.2 浏览器向系统发起查询,系统向配置的dns服务器查询,如果找到则返回,如果没有进行下一步,下面就是dns服务器的接力1.3首先向根dns服务器去查询(全球dns根服务器只有13台【1台在日本1台在澳大利亚2台在欧洲9台在美国】,还有其他镜像),根服务器会原创 2020-11-25 10:14:26 · 167 阅读 · 0 评论 -
浏览器三次握手
客户端A向服务器B发起一个同步信号Syn服务器B向客户端A回应一个应答信号ack,同时也携带一个同步syn信号客户端A收到服务器B的回应后,再响应一个ack信号问题1:为什么是3次握手,2次不够吗?在第2步的时候,只能确定的是:服务器确认客户端有发送数据的能力;在第3步的时候,客户端能够确认服务器有发送/接收数据的能力;服务器确认客户端也有接收数据的能力所以在第3步后,双方都确认了对方能够发送数据以及接收数据,后面就可以发起真正的通信数据了问题2:能否在建立连接时直接带上http请求的数据?能原创 2020-11-25 10:13:26 · 570 阅读 · 0 评论 -
react基础学习总结
一,jsxJSX是一种JavaScript的语法扩展,运用于React架构中,其格式比较像是模版语言,但事实上完全是在JavaScript内部实现的。元素是构成React应用的最小单位,JSX就是用来声明React当中的元素,React使用JSX来描述用户界面;在jsx中只需要使用大括号进行包裹即可使用任意的js的表达式;1,基本使用1.jsx中可以使用js中的表达式;三元,函数都可以,只要是表达式都可以;渲染函数表达式时,需要进行调用,否则会报错,或者直接使用<>将函数名包裹自闭合原创 2020-11-16 10:33:04 · 229 阅读 · 0 评论 -
使用nodejs写接口连接数据库
如何在服务器端写接口?创建服务器1.1导入express包;const express=require(‘express’);1.2 创建服务器实例:const app=express();要注意的是:在路由之前** 创建解决跨域问题的中间件:const cors=require(‘cors’)app.use(core())** 创建处理表单数据的中间件:app.use (express.json())app.use(express.urlencoded({extended:fa原创 2020-09-09 20:18:44 · 1705 阅读 · 0 评论 -
js函数中的this指向
不同调用方式下this的指向原创 2020-08-14 22:41:18 · 168 阅读 · 0 评论 -
axios拦截器
总结1,拦截器拦截器分为请求拦截器和响应拦截器1.1请求拦截器并非将请求拦截下来,而是拦截到所有请求之后,对请求做一个统一的处理,之后再进行发送;请求拦截器的作用就是在请求发送前对请求添加一个统一的逻辑:例如给每个请求体都加上token,只需要设置一个请求拦截器具体用法: //请求拦截器axios.interceptors.requset.use(function(config){ console.log( config.url); config.header.mytoken='你好原创 2020-09-16 19:00:24 · 193 阅读 · 0 评论 -
nodejs入门学习总结
1,如何创建一个最简单的服务器?**原生:// 1. 导入 http 模块const http = require('http')// 2. 创建 web 服务器实例const server = http.createServer()// 3. 为服务器实例绑定 request 事件,监听客户端的请求server.on('request', function (req, res) { console.log('Someone visit our web server.')})// 4.原创 2020-09-05 20:14:32 · 173 阅读 · 0 评论