今天给大家分享一个超不错的行政区域省市区多级联动插件Zoning。zoning 一款支持三级/四级/五级等多种省市区多级联动插件。行政区划：省级（省份直辖市自治区）、 地级（城市）、 县级（区县）、 乡级（乡镇街道）、 村级（村委会居委会）支持的格式有：JSON文件、SQLite数据库、CSV文件、SQL脚本zoning-*.json所有数据， zoning-*.dbSQLit...

后面效果需要查看调试器的 Network。起因今天下午下班前，后端的小伙伴突然问了我一个问题，“前端 POST 的 FormData 能不能设置 Content-Type”。嘿，当然能啊，不就是请求头的 Content-Type 吗？乌龙后才发现，他问我的是，能不能给 FormData 的单个字段设置 Content-Type，我当时就懵逼了，额，好像，不行吧。调研过程这激起了...

fetch 是 XMLHttpRequest 的升级版，使用js脚本发出网络请求，但是与 XMLHttpRequest 不同的是，fetch 方式使用 Promise，相比 XMLHttpRequest 更加简洁。所以我们告别XMLHttpRequest，引入 fetch 如何使用？一、fetch介绍fetch() 是一个全局方法，提供一种简单，合理的方式跨网络获取资源。它的请...

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

我个人的情况是有1年web前端工作经验+半年的实习经验，2020年毕业，大一的时候学过C语言，所以一直对于编程感兴趣。我是从大三开学后正式开始自学web前端相关的知识，之所以选择前端方向，一方面是自己对于网页更加感兴趣，二是听我哥说目前web前端的发展趋势更好（我哥在网易做程序员），所以我就确立了前端方向为以后我就业的主要方向。从开始自学到大四的实习，我一共花了1年2个月时间，...

一、前言没写ts之前看官方文档，被那么多特性吓尿了，实际上写业务用的特性不多。五月底ts正式升级了4.3版本，4.4也已经在beta版本了。差不多先生，够用就行，这里更多的是，以自己的理解去总结一下常用的ts特性。有理解错误的，欢迎大哥指正知识这种东西，学了还是要总结下，梳理清楚自己对当前知识的掌握程度。偷懒了一段时间，接下来要好好发力了。二、ts的优缺点1、优点代码的可读性和...

Bootstrap 5.0正式发布了，带来了很多亮点，还学得动吗？Bootstrap 介绍Bootstrap 是前些年十分流行，当前比较流行的前端框架，由国内上不了的推特出品，基于 css / html / javascript 提供了简洁的api，以及更为完善的人性化的网站风格，并兼容大多数 jQuery 插件。。特点是上手简单灵活，当年一经推出，受到了大量前端开发者的青睐，...

在响应式网页设计中，保持一致的宽高比，即所谓的长宽比，对于防止布局的累积偏移至关重要。现在，有了Chromium 88、Firefox 87和Safari技术预览版118中推出的新宽高比属性，有了更直接的方法来实现这一目标。长宽比长宽比最常见的表示方式是两个整数和一个冒号，尺寸为：宽：高，或x：y。摄影最常见的长宽比是4:3和3:2，而视频和最近的消费类相机则倾向于16:9的长...

前言当开发者需要搭建一个 Web 应用或移动端程序时，可以使用云函数作为后端服务，由 API 网关接收客户端请求，并触发云函数处理。这样的 Serverless 架构具备简单便捷、可弹性扩展、高可用等优势，正成为越来越多人的共同选择。但开发者在搭建应用时，难免会遇到上传文件的场景，如 App 上传用户头像、个人博客文章图片、网站评论图片，这些都需要上传文件到后端。如果您的业务托...

编辑导读：如何对海量的信息进行统计，最常见的方法就是进行表格整理。表格是职场人士最常用到的工具之一，是数据呈现的载体。本文从设计的角度，对如何进行表格设计展开分析，希望对你有帮助。在我的上一篇文章中，详细的对【表单设计】进行了总结，沉淀了表单设计中需要注意的体验问题，今天按照同样思路对【表格】 进行整理，这是我写的第二篇文章，希望能对大家有帮助。首先了解下表格的构成：顶栏、表格...

一、什么是 iframeiframe 用于在页面内显示页面，使用 <iframe> 会创建包含另外一个文档的内联框架（即行内框架）<iframe src="URL"></iframe>二、iframe 的常用属性1、width定义 iframe 的宽度2、height定义 iframe 的高度3、name规定 iframe 的名称4、fram...

1.FormData对象有什么用？我们先看一个小例子：html代码：<form action="/postForm" id="form"> <input type="text" id="username" name="username"> <input type="password" id="password" name="password"&...

一款轻量化的移动端 UI 组件库，风格中性，css3动效性能优秀，支持按需加载。关于 Mint UIMint UI 是饿了么前端团队出品的移动端 UI 组件库，基于 Vue 2.0 构建，继桌面 UI 组件库 Element UI 后又一个优秀的开源 UI 组件库，包含丰富的 CSS 和 JS 组件，能够快速构建出风格统一的页面，提升开发效率。Mint UI 组件库特性UI 设...

在现代Web系统大流行时代，一款功能强大而切支持协作的Web的富文本编辑器是系统的最关键的组成部分。一款可真正在生产环境中使用的即插即用编辑器，可以能够解决我们实时协作问题：通过浏览器编辑结构化文档，并在屏幕上显示彼此的更改，从而使相隔数千里的用户能够进行协作编辑。本文我们就来介绍一些这样的Web编辑器。TinyMCETinyMCE是一款轻量级所见即所得开源Web编辑器，基于L...

最近收到测试人员的反馈说我们开发的页面偶现卡死，点击无反应的情况，特别是打开页面较久的时候发生概率较高。打开任务管理器，看到内存占有率已经很高了，初步判断可能存在内存泄漏的情况。下面排查内存泄漏的原因。系统进程不再用到的内存，没有及时释放，就叫做内存泄漏（memory leak）。当内存占用越来越高，轻则影响系统性能，重则导致进程崩溃。Chrome 限制了浏览器所能使用的内存极...

现在很多企业公司或品牌都会将自己开发的设计素材开放出来，像是图标集、字体或是网页框架等等，使这些项目可以被更多人使用，或是在开源的情况下创造出更多可能性，当然一方面也能提高被看到的机会。之前介绍过IBM Plex 就是其中一个例子：除了腾讯，这5家世界顶级公司也有自己的专属字体（打包下载）编者按：最近腾讯发布了一个中文字库，引起了很多设计师的热议，中文字体开发难度大，时间长，能...

一、promise对象的使用所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件的结果。从语法上说，Promise 对象用于表示一个异步操作的最终完成 (或失败), 及其结果值。对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。then 方法then 方...

继承 Ant Design 专业美观的优点，支持PC/手机/平板的响应式布局的优秀后台管理系统 UI 框架。关于 Artiely Vue AdminAnt Design 是阿里巴巴蚂蚁金服团队出品的前端 UI 组件库，背靠大厂、设计优美，是一个 React 实现的主要用于中后台管理系统的 UI 框架，同时为不同技术路线的前端开发者提供了 Angular 和 Vue 的实现。An...

介绍AOS是一个用在网页滚动中的动画库，顾名思义，AOS是随着滚动条而伴随的网页动画效果，AOS非常有效的使某些长网页更加的生动和丰富，对于提升网页整体质量具备了促进作用。Github14.9k stars，可见使用的人还是非常多的https://github.com/michalsnik/aos使用方式下载好相应的js和css文件 <link rel="styleshe...

知名多端开发框架 uni-app 生态里优秀的UI框架，一次编写，多端发布。 uView UI 是一个用于 uni-app 多端开发的优质 UI 组件库，由第三方爱好者的团队编写。介绍 uView UI 之前，先简单介绍一下 uni-app。uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以...

我的想法：如果我要构建快速可靠的网站，需要真正了解浏览器渲染网页的每个步骤机制，这样就可以在开发过程中对每个步骤进行优化。这篇文章是我在较高水平上对端到端过程的学习总结。好了，废话不多说，我们开始吧。这个过程可以分为以下几个主要阶段：开始解析HTML获取外部资源解析 CSS 并构建CSSOM执行 JavaScript合并 DOM 和 CSSOM 以构造渲染树计算布局和绘制1.开...

现在在线的办公套件使用频率越来越高，不论是国外的Google 办公套件还是国内的石墨文档，金山文档等，都是很优秀的产品。开源领域里也有不少优秀的在线表格开源项目，那么今天所推荐的 Luckysheet 究竟有什么不同之处呢？那就继续往下看看吧。 项目名称：Luckysheet项目作者：mengshukeji开源许可协议：MIT项目地址：https://gitee.com/men...

Promise的作用它是异步编程的一种方式，它比传统的异步回调和事件更合理也更优雅！从Promise的使用中能看出什么？首先我们手写一个常见的使用方式//demo1new Promise(function (resolve, reject) { resolve('123')}).then(function (value) { return value;}).then(funct...

调色是大家学习摄影后期时的一大难题。其根源并不在于我们不明白各种调色工具的使用，而是大家常常缺乏思路，不知道怎样搭配色彩才舒服、好看。 其实在色彩的搭配上，美术、设计等学科，早已探索出了很多的规律，可以被我们摄影师借鉴学习。 要学习色相的搭配，首先要认识RYB色环（又叫伊顿12色相环），这个色环是以红黄蓝这三种颜色为原色的色环。色环上一共有12种主要颜色。在0度位置是黄色，12...

1. 心跳重连原由心跳和重连的目的用一句话概括就是客户端和服务端保证彼此还活着，避免丢包发生。websocket连接断开有以下两种情况：前端断开在使用websocket过程中，可能会出现网络断开的情况，比如信号不好，或者网络临时关闭，这时候websocket的连接已经断开，而不同浏览器有不同的机制，触发onclose的时机也不同，并不会理想执行websocket的onclose...