大概思路，因为返回的数据中orgCode是有规律的，所以新建两个Map结构，level通过orgCode将数据划分为不同的级别，然后以级别为键值对数据进行存储，childrenNode 通过以parnetId为键值来对数据进行存储，存储完成之后，通过findSuperiors递归将childrenNode 中的数据按照级别由高到低的通过parnetId填存到level中

在Ajax出现之前，都是使用后端路由来控制页面的渲染，服务器在接收到不同的url地址后，服务器通过解析url去拼接不同的html，然后返回给前端进行渲染，所以这也是后端路由的一个弊端，每一次的切换都是需要刷新整个页面，同时如果是大量的页面每一个页面都需要做一段逻辑处理也造成了后端实在不堪重负

在HTML中提供了表单提交的功能，我们可以通过表单把数据从前台提交到后台，通过设置submit事件，可以为按钮或其它元素同样可以触发表单提交的事件

浮动元素不换行 做豆瓣的时候模仿豆瓣的正在热映的列表做的一个样式，效果及代码如下 {代码...} 最主要的就是要在在父元素设置white-space: nowrap;来保证子元素强制不换行 设置子元素与父元素等大小 之前我们写这样的了能就是为子元素设置width:100%;height:100%;，其实也可以使用如下的写法 {代码...} 元素等大小左右...

referer在http中表示请求地址来源，一般网站后台在设置图片防盗链时就是通过判断http请求头中的referer来判断该条请求是否是本网站域名发起的请求，如果不是的话就拦截请求

安装 如果想要使用vue cli 3.0 首先需要全局安装，前提要求Node.js版本必须是8.0及以上 {代码...} vue cli 3.0默认会覆盖vue cli 2.0 ，如果想要在使用3.0版本的时候同时使用2.0版本，那么执行以下命令 {代码...} 该命令是安装一个桥接工具，2.0版本的命令依然会被保留 {代码...} 创建 {代码...} 也可以通过命令打开一个...

在早期的时候我们没有专门针对手机尺寸写的页面，所以在用手机浏览页面的时候我们看到的都是专门针对PC端的页面，在这种情况下页面会被严重压缩，而且会极大的影响页面的结构和布局，为了解决这个 问题，苹果公司提出了视口的概念，因为我们早期的PC端的页面的版心一般是960px，为了容纳这个页面，我们在手机建立一个虚...

flex布局也叫弹性盒子，是由W3C提出的一种新的布局方式，目前兼容IE10+以上的浏览器，任何一个盒子包括行内元素都可以指定为Flex布局，只需要在它的父元素设置display:flex;即可