0

FormData字段指定Content-Type

后面效果需要查看调试器的 Network。起因今天下午下班前,后端的小伙伴突然问了我一个问题,“前端 POST 的 FormData 能不能设置 Content-Type”。嘿,当然能啊,不就是请求头的 Content-Type 吗?乌龙后才发现,他问我的是,能不能给 FormData 的单个字段设置 Content-Type,我当时就懵逼了,额,好像,不行吧。调研过程这激起了我的斗志,因为他说,PostMan 可以设置单个字段的 Content-Type,我盯着看了一下,确实可以,想看下控制台,结果这兄弟用的是客户端,懒得抓包,就回去自己折腾去了。我们知道,new FormData 的实例,...

阅读全文>>

0

前后端数据交互(四)——fetch 请求详解

fetch 是 XMLHttpRequest 的升级版,使用js脚本发出网络请求,但是与 XMLHttpRequest 不同的是,fetch 方式使用 Promise,相比 XMLHttpRequest 更加简洁。所以我们告别XMLHttpRequest,引入 fetch 如何使用?一、fetch介绍fetch() 是一个全局方法,提供一种简单,合理的方式跨网络获取资源。它的请求是基于 Promise 的,需要详细学习 Promise ,请点击《 Promise详解 》。它是专门为了取代传统的 xhr 而生的。1.1、fetch使用语法fetch(url,options).then((resp...

阅读全文>>

0

three.js之模型区域选中方法

今天从ui那边拿到一个城镇模型,样子长这样的3d模型要实现的效果是选择这个模型中的某个房子,实现交互。效果如下交互效果导入模型和可能遇到的问题模型太大了在视图中调试半天也不出现。可以对模型的大小进行了缩放,并且通过计算xyz的最远和最近的2点确定中心点,将模型放置在视图的中心位置。核心代码如下:objLoader.load('./obj/house.obj', function (obj) { console.log(obj) obj.traverse(function (child) { if (child instanceof THREE.Mesh) { child....

阅读全文>>

0

Node的Request对象

在向服务器发送请求时,Node会帮助我们封装Request对象,Request对象携带了客户端向服务端传递过来的所有信息,如本次请求的URL、请求方式Method与请求的headers等信息。const http = require('http') const server = http.createServer((req, res) => { // request 对象 console.log(req.url) console.log(req.method) console.log(req.headers) res.end('Hello world!') }) ...

阅读全文>>

0

.NET 6 新特性 WaitAsync

.NET 6 新特性WaitAsyncIntro在 .NET 6 里新增加了一个 WaitAsync 的方法,用来异步地等待一个任务完成,异步等待的时候可以指定一个 Timeout 时间或者一个取消令牌 CancellationToken,在之前的版本中只有一个同步的 Wait 会等待任务的完成,不支持比较好的任务超时或取消处理,如果要实现的话要自己写扩展,很多开源项目甚至微软的项目里会有一个 TimeoutAfter 之类的扩展方法,有了 WaitAsync 之后就可以取代这些扩展了Definition新加的 WaitAsync 是一个扩展方法,定义如下:public static Task...

阅读全文>>

0

Netty 心跳检测

1. 前言本节,我们主要讲解心跳机制 heartbeat,Netty 给我们提供了三个 Handler,分别是 IdleStateHandler、ReadTimeoutHandler、WriteTimeoutHandler,主要目的是检查对方是否有效,也就是说对方是否还在线。2. 为什么需要心跳机制了解 TCP: TCP 协议适用于客户端数量相对比较少,并且通信频繁的业务场景;Http 协议则适用于客户端数量比较大的业务场景。因为 Http 是短连接,请求完成即会释放连接资源,不再占用服务器资源,但是,TCP 则不会,连接成功,则可以多次请求,不会释放,除非特殊原因导致连接断开。面临问题: 既...

阅读全文>>

1

idea可以打包但无法运行debug,提示找不到符号

今天使用IDEA时遇到一个非常奇怪的问题,install和package时都正常,就是无法run或debug。弄了很久,都没有解决。直到找到这个方法,就记录下来:   1、在Idea Terminal 中 输入命令 mvn idea:idea   2、回到IDEA菜单栏,File -> Invadiate Cache/Restart ,清除缓存,重启 然后再debug试一下,竟然没问题了!

阅读全文>>

1

我第一份Web前端工作能找到12k的工作,就是掌握了这些技术栈

我个人的情况是有1年web前端工作经验+半年的实习经验,2020年毕业,大一的时候学过C语言,所以一直对于编程感兴趣。我是从大三开学后正式开始自学web前端相关的知识,之所以选择前端方向,一方面是自己对于网页更加感兴趣,二是听我哥说目前web前端的发展趋势更好(我哥在网易做程序员),所以我就确立了前端方向为以后我就业的主要方向。从开始自学到大四的实习,我一共花了1年2个月时间,把前端主要的技术点和框架都过了一遍,自己做了三个Vue的项目实战。然后在2019年的10月份进入了杭州当地的一家公司实习半年,一直到2020年4月在这家公司转正,待遇是月薪12K*14薪+五险一金。目前算上实习的时间,我...

阅读全文>>

1

SpringSecurity代码实现JWT接口权限授予与校验

SpringSecurity代码实现JWT接口权限授予与校验通过笔者前两篇文章的说明,相信大家已经知道JWT是什么,怎么用,该如何结合Spring Security使用。那么本节就用代码来具体的实现一下JWT登录认证及鉴权的流程。为了大部分的移动端用户观看,本文所有代码均用图片的形式发布,图片点击可放大。有需要源码的朋友可以call我。一、环境准备工作建立Spring Boot项目并集成了Spring Security,项目可以正常启动通过controller写一个HTTP的GET方法服务接口,比如:“/hello”实现最基本的动态数据验证及权限分配,即实现UserDetailsService...

阅读全文>>

0

一篇够用的TypeScript总结

一、前言没写ts之前看官方文档,被那么多特性吓尿了,实际上写业务用的特性不多。五月底ts正式升级了4.3版本,4.4也已经在beta版本了。差不多先生,够用就行,这里更多的是,以自己的理解去总结一下常用的ts特性。有理解错误的,欢迎大哥指正知识这种东西,学了还是要总结下,梳理清楚自己对当前知识的掌握程度。偷懒了一段时间,接下来要好好发力了。二、ts的优缺点1、优点代码的可读性和可维护性:举个看后端某个接口返回值,一般需要去network看or去看接口文档,才知道返回数据结构,而正确用了ts后,编辑器会提醒接口返回值的类型,这点相当实用。在编译阶段就发现大部分错误,避免了很多线上bug增强了编辑...

阅读全文>>