省市区多级联动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!') }) ...
我第一份Web前端工作能找到12k的工作，就是掌握了这些技术栈
我个人的情况是有1年web前端工作经验+半年的实习经验，2020年毕业，大一的时候学过C语言，所以一直对于编程感兴趣。我是从大三开学后正式开始自学web前端相关的知识，之所以选择前端方向，一方面是自己对于网页更加感兴趣，二是听我哥说目前web前端的发展趋势更好（我哥在网易做程序员），所以我就确立了前端方向为以后我就业的主要方向。从开始自学到大四的实习，我一共花了1年2个月时间，把前端主要的技术点和框架都过了一遍，自己做了三个Vue的项目实战。然后在2019年的10月份进入了杭州当地的一家公司实习半年，一直到2020年4月在这家公司转正，待遇是月薪12K*14薪+五险一金。目前算上实习的时间，我...
一篇够用的TypeScript总结
一、前言没写ts之前看官方文档，被那么多特性吓尿了，实际上写业务用的特性不多。五月底ts正式升级了4.3版本，4.4也已经在beta版本了。差不多先生，够用就行，这里更多的是，以自己的理解去总结一下常用的ts特性。有理解错误的，欢迎大哥指正知识这种东西，学了还是要总结下，梳理清楚自己对当前知识的掌握程度。偷懒了一段时间，接下来要好好发力了。二、ts的优缺点1、优点代码的可读性和可维护性：举个看后端某个接口返回值，一般需要去network看or去看接口文档，才知道返回数据结构，而正确用了ts后，编辑器会提醒接口返回值的类型，这点相当实用。在编译阶段就发现大部分错误，避免了很多线上bug增强了编辑...
Bootstrap5.0-全球流行的前端开源UI工具包迎来了大版本更新
Bootstrap 5.0正式发布了，带来了很多亮点，还学得动吗？Bootstrap 介绍Bootstrap 是前些年十分流行，当前比较流行的前端框架，由国内上不了的推特出品，基于 css / html / javascript 提供了简洁的api，以及更为完善的人性化的网站风格，并兼容大多数 jQuery 插件。。特点是上手简单灵活，当年一经推出，受到了大量前端开发者的青睐，极大地加快了 web 开发的速度，是 web 前端开发人员的一个重要工具。bootstrap5 官网截图历经了4个大版本的更新，如今 Bootstrap 5.0 正式版也正式发布了，带来很多新特性：全新的logo，以及官...
新的宽高比(aspect-ratio)CSS属性
在响应式网页设计中，保持一致的宽高比，即所谓的长宽比，对于防止布局的累积偏移至关重要。现在，有了Chromium 88、Firefox 87和Safari技术预览版118中推出的新宽高比属性，有了更直接的方法来实现这一目标。长宽比长宽比最常见的表示方式是两个整数和一个冒号，尺寸为：宽：高，或x：y。摄影最常见的长宽比是4:3和3:2，而视频和最近的消费类相机则倾向于16:9的长宽比。具有相同长宽比的两个图像。一个是634 x 951像素，另一个是200 x 300像素。两者的长宽比均为2：3随着响应式设计的到来，对于Web开发人员而言，保持宽高比已变得越来越重要，尤其是当图像尺寸不同且元素大小...
前端如何实现队列
前言队列对于我们来说再简单不过了，就是排队呀，咱们今天看看怎么使用js 实现队列的思想，简单容易理解，可以看看偶1.定义队列是一种特殊的线性表，特殊之处在于它只允许在表的前端（front）进行删除操作，而在表的后端（rear）进行插入操作，和栈一样，队列是一种操作受限制的线性表。进行插入操作的端称为队尾，进行删除操作的端称为队头。队列 先进先出2.队列的实现2.1 对列的方法enqueue 从队列尾部添加一个元素dequeue 从队列头部删除一个元素head 返回头部的元素 不是删除size 返回队列的大小clear 清空队列isEmpty 判断队列是否为空tail 返回队列尾节点2.2 实现...