• 省市区多级联动Zoning

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

    前端技术 2021年11月18日 1030 0
  • FormData字段指定Content-Type

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

    前端技术 2021年09月14日 1527 0
  • 前后端数据交互(四)——fetch 请求详解

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

    前端技术 2021年08月31日 860 0
  • three.js之模型区域选中方法

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

    前端技术 2021年08月25日 1559 0
  • Node的Request对象

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

    前端技术 2021年08月23日 940 0
  • 我第一份Web前端工作能找到12k的工作,就是掌握了这些技术栈

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

    前端技术 2021年07月27日 902 0
  • 一篇够用的TypeScript总结

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

    前端技术 2021年07月10日 1158 0
  • Bootstrap5.0-全球流行的前端开源UI工具包迎来了大版本更新

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

    前端技术 2021年05月14日 1712 0
  • 新的宽高比(aspect-ratio)CSS属性

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

    前端技术 2021年03月13日 1073 0
  • 前端如何实现队列

    前言队列对于我们来说再简单不过了,就是排队呀,咱们今天看看怎么使用js 实现队列的思想,简单容易理解,可以看看偶1.定义队列是一种特殊的线性表,特殊之处在于它只允许在表的前端(front)进行删除操作,而在表的后端(rear)进行插入操作,和栈一样,队列是一种操作受限制的线性表。进行插入操作的端称为队尾,进行删除操作的端称为队头。队列 先进先出2.队列的实现2.1 对列的方法e...

    前端技术 2021年03月02日 1167 0
  • Serverless 文件上传优化

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

    前端技术 2021年03月02日 884 0
  • 表格设计:掌握表格设计方法

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

    前端技术 2021年02月02日 1078 0
  • 前端iframe的属性及优缺点解析

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

    前端技术 2021年02月02日 1392 0
  • 前端小技巧:学会用FormData对象收集表单数据

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

    前端技术 2021年01月30日 1263 0
  • 从源码窥探Webpack4原理

    随着多终端设备的迅速普及,Web前端开发的复杂性和应用场景日益扩大,Webpack在前端构建演变的工程化浪潮中担当起了针对不同应用场景打包的大任。 如今,Webpack可谓是JavaScript社区最伟大的项目之一。本文力争从源码层面窥探Webpack的实现原理。文中出示了核心的代码块并注释了相应的path,如果你也想揭开Webpack神秘的面纱,那就打开一份源码跟随本文一起享...

    前端技术 2021年01月26日 946 0
  • Mint UI-饿了么出品的开源、轻量的移动端 UI 组件库

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

    前端技术 2021年01月22日 12375 0
  • 开源协作Web编辑器

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

    前端技术 2021年01月20日 1763 0
  • 前端内存泄漏及完善的解决方案

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

    前端技术 2021年01月06日 1020 0
  • 字节跳动官方出品的免费图标库,超好用还能自定义修改

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

    前端技术 2020年12月24日 2265 0
  • ES6-promise使用

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

    前端技术 2020年12月18日 1101 0
  • 基于阿里Ant Design构建的高颜值开源管理后台UI框架

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

    前端技术 2020年12月16日 2700 2
  • 让网页更加生动,网页滚动动画效果——AOS

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

    前端技术 2020年12月16日 2605 0
  • 如何使用Promise.race和 Promise.any?

    自1996年发布以来,JS 一直在稳步改进。随着ECMAScript版本的许多改进,最近的版本是ES2020。JS 的一个重要更新是Promise,在2015年,它以 ES6 的名义发布。什么是 Promise ?MDN 上对 Promise 的定义:Promise 对象用于表示一个异步操作的最终完成 (或失败)及其结果值。对于新手来说,这听起来可能有点太复杂了。国外一位大什么...

    前端技术 2020年12月15日 1689 0
  • uViewUI-同时支持APP/H5/小程序的多端UI框架

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

    前端技术 2020年11月20日 8564 0
  • 6张图让你搞懂浏览器渲染网页过程

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

    前端技术 2020年11月16日 1148 0
  • 分享10个很实用的CSS的代码片段

    介绍以下是10个来自于网络收集的非常实用且重要的CSS代码片段CSS重置这是CSS浏览器重置的基本和常见的CSS代码段html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, co...

    前端技术 2020年11月15日 1053 0
  • 可能是目前最强大的开源在线表格,不信你来看看

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

    前端技术 2020年10月20日 1406 0
  • 前端ES6中Promise的运行原理

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

    前端技术 2020年10月12日 1229 0
  • 学会常见的配色原理,再也不怕后期调色啦

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

    前端技术 2020年08月05日 1431 0
  • WebSocket心跳检测和重连机制

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

    前端技术 2020年07月29日 3510 1