g1197410313：同为大前端课程的同学，也遇到这个问题了，看到你这个终于解决了。谢谢分享！
weixin_45681907：[reply]haishangfeie[/reply]谢谢谢谢,看到你的评论了,我现在能力还是不够足,然后也是刚到这个城市来,也没什么认识的人,目前打算在这个公司再干几个月试试,边干边学习,争取让自己的能力再强一些,然后换一个公司.真的非常佩服你,能一遍工作,一边考虑下一步.我总是只能做一件事,再多一件事就会让我焦头烂额,所以我就想离职再找工作,但是这样的风险真的很大.所以我还是逼自己一把,让这两件事并行吧.真的非常感谢你的恢回复.祝你新年快乐,新的一年,万事顺心顺意,健健康康,新年快乐呀!
最近项目（微信小程序项目）有一个需求，有一些多级结构的数据，需要一个树形的菜单来显示内容，类似如下：
微信小程序无法动态新增子节点，然而我们的数据并不确定有多少层级（这里顺带一提，如果层级确定且级数不多的话，实现树形菜单还是比较容易的，可以使用多级嵌套wx:for来实现）。
从后台返回返回html文件，感觉就很麻烦，当时我几乎是下意识就将这个想法给枪毙了。是的，我认为这个方法不可取，如果你很急，也许你可以跳过这方法了。
首先，从后台返回html的文件，那这个模板总要是我或其他前端同事来写吧，假设模板写好了，那么以后页面发出请求，后端根据请求调用模板生成合适的html文件返回给页面，之后页面要想办法将它渲染出来。
不过，富文本好像也可以用wxParse这组件，这个组件我也没有用过，标签内的还能实现事件吗？不知道。。这个组件好像是将html可视化的，我可以直接返回wxml格式的吗？不清楚。。感觉这个方案还是挺多不确定的东西的（对我而言），可行性存疑。
呵呵，也就是说可能这个方案的树形菜单也不能超过12层？不行啊，这里的dom限制我也没搞懂是用富文本里dom树的限制还是说小程序dom嵌套不能超过12层，没有验证过真实性，各位可以自行验证。。
3、 预制100层（或者根据业务评估最多可能有多少层），然后不就可以实现0-100(反正是你预制层数)之间的树形菜单了吗？
话说，如果是小程序dom嵌套不能超过12层（注意，到底是小程序dom嵌套不能超过12层还是富文本中dom树不能超过12层这个我是不确定的），如果菜单超过12层，这方法也不可行。
4、 上面是我设想过的方案，但我感觉都不行，所以都不想用，而希望采用以下这种替代方案。既然微信不能插入子节点，那我干脆就不插入了，直接只用一级菜单列表，然后加上路径来进行层级间的跳转。
我不知道是否有人这样实现过，应该有吧，只不过我没找到而已，因为这个方案是我自己想到的，所以也不清楚这种组件是否有一个比较正式的名字，反正我将其命名为路径视图：path-view。
当时我在构想实现树形菜单时，感觉还是挺绝望的，想到的方案，感觉都是一个个的坑，然后我就不得不问自己一个问题，一定要用树形菜单实现这个功能吗？这个功能是必要的吗？很遗憾，这个功能就是一个需求，在思考后我也认为这个需求是合理的（虽然实在实现不了的话我也没办法，是吧？）
我想，树形菜单树形的困难主要是因为它的结构是无限级（多级而且你不知道它是多少级），但我在实现动态插入节点时遇到了似乎无法解决的困难，那么是否可以将无限多级压缩为一级呢？可以的，什么意思呢？（可以直接跳到最后看看最终实现的动态效果图）就是说，点击菜单时不再是展开菜单，而是将原有的菜单刷新为下一级的内容，这样子就实现了视图的切换，然后再给它一个返回按钮，返回到上一级。当时我的考虑是这样实现会降低用户体验，因为用户不能像树形菜单那样自由切换到任意层级（这个很快就想到了解决方案）。
实现一个显示某级菜单的界面，同时要有一个路径记录已进行类似电脑跳转目录的操作。在计算机上，图标会告诉我们只是文件夹还是文件，即这是中间层（包括第一层）还是底层了（不能继续点击），而这里我采用了文本来进行相关提示。
如何使用github中也有写，这里就不赘述了，这个组件只是为了满足当前项目的需要，因此别人如果想使用它可以自行去调整组件的样式，对它进行改进。不过在未来，如果我有能力的话，我也想尝试将它做成一个通用的组件。
到此，应该是能满足我们项目的需求了。但是这个组件也许可以更通用一点，功能更强大一点？我是希望能继续扩展这个组件的功能，加上一些动画效果之类的，毕竟这虽然只是一个简单的组件，却也是我的第一个原创组件，能自己做出一个组件而不是简单的copy和模仿，这种感觉真的能让我这种小菜鸟感觉非常满足。这也是为什么我愿意花一个上午的时间写这篇文章的原因，写这种文章会让我有有一种满足感，仅此而已。
假如，有人真的使用这个组件，很希望能给我反馈一下意见，让我能改进它，也欢迎各位替我去完善这个组件。
入门项目，熟悉一下，但是做到阅读页面时却突然遇到了一个问题：文本与图片怎么都无法对齐，真的是对着代码研究了一个多小时才突然想到了原因，想想也许有人会遇到同样的坑呢？于是有了这篇博客。（要不，直接看总结？）遇到问题想下图那样文本莫名其妙的跑到了图片的下面。viewclass=avatar
实现原理：利用自定义组件递归使用，也就是自定义组件自引用因为树状图的数据是从后台获取的，没有办法知道具体层级，但是他们的结构都是相同的，所以在自定义的组件中再去引用自身来实现需求1.先写好
的样式结构，可以自定义假数据，将静态写好2.自定义components，将写好的样式结构丢进去，子元素重复的结构就不需要了3.父组件传递数据，自定义组件进行操作可以去官网看看组件使用：......
使用eval进行计算的时候报错TypeError: eval is not a function，因为官方为了安全考虑把eval功能去掉了，网上有很多方法试过了不行，因此用二叉树算法完成简单四则运算可以满足一下简单的计算。1.原理：二叉树算法完成简单四则运算，完成简单+
*/ （）的运算2.熟悉概念中缀表示法（或中缀记法）是一个通用的算术或逻辑公式表示方法， 操作符是......
】这里我做的是一级的，但其实2，3，4…只需要改变数组就可以了。第一步：我先放一下效果图第2步：实现这里我用的是全前端的实现，没有用后端,这里就会造成代码稍微多一点，运行效率稍微慢一点，但其实只要数据不多就可以用，但是数据多就不还是要用一些后端，对了不给负责给一些后端的同学加锅，我就用全前端的代码来实现2.1wxml第一次接触前端这个东西，觉得有点可爱(●’◡’●)，首先当然是从wxml做起这里我先做一下代码的一些说明:picker：从底部弹起的...
