省市区多级联动Zoning
今天给大家分享一个超不错的行政区域省市区多级联动插件Zoning。zoning 一款支持三级/四级/五级等多种省市区多级联动插件。行政区划:省级(省份直辖市自治区)、 地级(城市)、 县级(区县)、 乡级(乡镇街道)、 村级(村委会居委会)支持的格式有:JSON文件、SQLite数据库、CSV文件、SQL脚本zoning-*.json所有数据, zoning-*.dbSQLite数据库, zoning-*.csvCSV文件,zoning-*.sqlSQL脚本dist/zoning-5 五级dist/zoning-4 四级dist/zoning-3 三级npm,npm install zonin...
FormData字段指定Content-Type
后面效果需要查看调试器的 Network。起因今天下午下班前,后端的小伙伴突然问了我一个问题,“前端 POST 的 FormData 能不能设置 Content-Type”。嘿,当然能啊,不就是请求头的 Content-Type 吗?乌龙后才发现,他问我的是,能不能给 FormData 的单个字段设置 Content-Type,我当时就懵逼了,额,好像,不行吧。调研过程这激起了我的斗志,因为他说,PostMan 可以设置单个字段的 Content-Type,我盯着看了一下,确实可以,想看下控制台,结果这兄弟用的是客户端,懒得抓包,就回去自己折腾去了。我们知道,new FormData 的实例,...
前后端数据交互(四)——fetch 请求详解
fetch 是 XMLHttpRequest 的升级版,使用js脚本发出网络请求,但是与 XMLHttpRequest 不同的是,fetch 方式使用 Promise,相比 XMLHttpRequest 更加简洁。所以我们告别XMLHttpRequest,引入 fetch 如何使用?一、fetch介绍fetch() 是一个全局方法,提供一种简单,合理的方式跨网络获取资源。它的请求是基于 Promise 的,需要详细学习 Promise ,请点击《 Promise详解 》。它是专门为了取代传统的 xhr 而生的。1.1、fetch使用语法fetch(url,options).then((resp...
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....
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!') }) ...
.NET 6 新特性 WaitAsync
.NET 6 新特性WaitAsyncIntro在 .NET 6 里新增加了一个 WaitAsync 的方法,用来异步地等待一个任务完成,异步等待的时候可以指定一个 Timeout 时间或者一个取消令牌 CancellationToken,在之前的版本中只有一个同步的 Wait 会等待任务的完成,不支持比较好的任务超时或取消处理,如果要实现的话要自己写扩展,很多开源项目甚至微软的项目里会有一个 TimeoutAfter 之类的扩展方法,有了 WaitAsync 之后就可以取代这些扩展了Definition新加的 WaitAsync 是一个扩展方法,定义如下:public static Task...
Netty 心跳检测
1. 前言本节,我们主要讲解心跳机制 heartbeat,Netty 给我们提供了三个 Handler,分别是 IdleStateHandler、ReadTimeoutHandler、WriteTimeoutHandler,主要目的是检查对方是否有效,也就是说对方是否还在线。2. 为什么需要心跳机制了解 TCP: TCP 协议适用于客户端数量相对比较少,并且通信频繁的业务场景;Http 协议则适用于客户端数量比较大的业务场景。因为 Http 是短连接,请求完成即会释放连接资源,不再占用服务器资源,但是,TCP 则不会,连接成功,则可以多次请求,不会释放,除非特殊原因导致连接断开。面临问题: 既...
idea可以打包但无法运行debug,提示找不到符号
今天使用IDEA时遇到一个非常奇怪的问题,install和package时都正常,就是无法run或debug。弄了很久,都没有解决。直到找到这个方法,就记录下来: 1、在Idea Terminal 中 输入命令 mvn idea:idea 2、回到IDEA菜单栏,File -> Invadiate Cache/Restart ,清除缓存,重启 然后再debug试一下,竟然没问题了!
我第一份Web前端工作能找到12k的工作,就是掌握了这些技术栈
我个人的情况是有1年web前端工作经验+半年的实习经验,2020年毕业,大一的时候学过C语言,所以一直对于编程感兴趣。我是从大三开学后正式开始自学web前端相关的知识,之所以选择前端方向,一方面是自己对于网页更加感兴趣,二是听我哥说目前web前端的发展趋势更好(我哥在网易做程序员),所以我就确立了前端方向为以后我就业的主要方向。从开始自学到大四的实习,我一共花了1年2个月时间,把前端主要的技术点和框架都过了一遍,自己做了三个Vue的项目实战。然后在2019年的10月份进入了杭州当地的一家公司实习半年,一直到2020年4月在这家公司转正,待遇是月薪12K*14薪+五险一金。目前算上实习的时间,我...
SpringSecurity代码实现JWT接口权限授予与校验
SpringSecurity代码实现JWT接口权限授予与校验通过笔者前两篇文章的说明,相信大家已经知道JWT是什么,怎么用,该如何结合Spring Security使用。那么本节就用代码来具体的实现一下JWT登录认证及鉴权的流程。为了大部分的移动端用户观看,本文所有代码均用图片的形式发布,图片点击可放大。有需要源码的朋友可以call我。一、环境准备工作建立Spring Boot项目并集成了Spring Security,项目可以正常启动通过controller写一个HTTP的GET方法服务接口,比如:“/hello”实现最基本的动态数据验证及权限分配,即实现UserDetailsService...