做梦都在学习前端

在项目中，总是需要展示数据，会用到一些表格，同时也会用到一些自适应宽度的布局，可能会遇到页面区域是动

element-ui+vue2的项目比较常见，在使用element-ui会遇到一些设计上感觉不合理的地方，就是所说的坑。持续补充中。。。 1、switch组件的width属性接收number数据类型默

二次封装axios只需要注意几个方面的问题。 设置全局控制变量，如相同的请求前缀、超时时间等； 请求拦截器，为所有的请求添加请求头中的数据，一般是token； 响应拦截器，为所有的响应添加错误处理；

在后台管理系统中可能会遇到需要下拉选择树的功能，element-ui自身没有提供可以直接使用的组件，可以引用vue插件解决这个需求。但是在内网环境下开发，不方便下载依赖，简单封装一个够用的组件也是不错

在前些天的时候分享了一个# 使用JS求解树的根节点到指定节点的路径的方法，后面用的时候发现扩展性不强，而且限定在vue的使用环境中，遂进行优化，写成独立的JS工具函数。同时分享一个我老大写的功能相近的

给定一个树和一个key值，树必须有id和children属性。通过遍历求解根节点到指定节点的路径，可以得到层级关系的字符串。可能的适用场景，通过用户部门id显示公司到部门的一个完整部门信息。

虽然很多涉及算法的处理的业务都是后端完成的，但是有些时候在数据量小时，前端也会处理相关的逻辑，在这个过程中也能对算法有一定的提升。给一个树，求解某个节点在树中的深度，就是现在讨论的内容。

树型数据结构非常常用，对于一般数据需要求深度（即有多少层）来限制数据的添加的需求。广度则是一层数据最大的个数。

vue.js作为前端常用的框架，官方为我们提供了vue-cli一个工具可以快速创建vue项目。省去自己配置webpack的过程，并且可以根据需要安装相应的插件。 安装vue-cli插件 注：需要安装n