原数据： 方法封装： 处理后的数据：avaScript扁平化树形结构的json对象avaScript扁平化树形结构的json对象avaScript扁平化树形结构的json对象avaScript扁平化树

FormData可以看做是一个应用数据的场景。 File就是文件，继承自Blob，也是二进制对象，也有自己特有的属性和方法，通常用在<input type="file">选择的FileList对象，或者是使用拖拽操作产生的的DataTransfer对象。

在工作中，前端代码打包之后的生成的静态资源就要发布到静态服务器上，这时候就要做对这些静态资源做一些运维配置，其中，gzip和设置缓存是必不可少的。这两项是最直接影响到网站性能和用户体验的。 缓存的优点

学习前端也有一年多了，vscode作为我的主力开发工具，从中我接触过许许多多的插件还有一些配置。对此我想写篇文章去介绍vscode 的插件和一些使用。希望可以给刚入坑前端的小伙伴一些帮助。

AreaCity 开源库整理了省、市、区县、乡镇街道四级行政区划数据，配套了在线工具转换成三级、四级联动JavaScript代码，使用自带的转换工具软件可以导入数据库；数据源自： 统计局、民政部、腾讯

首先，先说明下该文章是译文，原文出自《AST for JavaScript developers》。很少花时间特地翻译一篇文章，咬文嚼字是件很累的事情，实在是这篇写的太棒了，所以忍不住想和大家一起分享。 该译文出自我的博客：github.com/CodeLittlePrince…

为了避免重复造轮子，我们往往会借助开源的项目实现一些功能。很多时候，选择使用哪一个开源项目就像选择男、女朋友一样，固然内在很重要，但是眼缘也很关键，只有看对了眼，才会进一步地了解。作为开源项目的开发者，当然是希望自己写出来的成果能被更多的人尝试使用，所以这篇文章主要谈一谈怎样让…

最近接了个需求，要求长按某个标签显示删除一个悬浮的删除按钮。这个需求其实在app上很常见，但是在移动端h5中，我们没有长按的事件，所以就需要自己模拟这个事件了。 ps: 为了做个gif还下了app，还得通过邮件发到电脑上，脑瓜疼。。 在touchend中清除这个定时器，这样如果…

先给大家看一下最终效果。 将裁剪后的数据保存为blob发送至后端。 一开始制作这个需求思路有两个，使用canvas原生或者寻找现成的库，对比了一番觉得canvas实现时间耗费较长，且秉承着不重复造轮子的原则（其实是菜），决定使用Cropper.js。官方封装了很多参数、方法、事…