摘要：
先来说说使用Ant Design和Element-ui的感觉吧。公司的项目开发中用的是vue+element-ui，使用了一通下来后，觉得element-ui虽然也有一些问题或坑，但这些小问题或坑凭着自己的能力还都能解决掉，使用起来也很丝滑柔顺。而Ant Design和React更配哦，但是也说一下使用Ant Design的感觉吧，首先个人觉得Ant Design给的demo有点乱七八糟，可能是React本身js和DOM混在一起跟人的感觉就不够清爽。其次，Ant Design的有些坑，会令你防不胜防，而且很诡异，比如它的select组件，设置了placeholder时也设置了value绑定一个state默认的空值，这时placeholder却不生效，当然会有人说你设置了value绑定一个state默认的空值，placeholder当然不起作用了，可空值本来就是false，本来就是不存在的值，有不 阅读全文
先来说说使用Ant Design和Element-ui的感觉吧。公司的项目开发中用的是vue+element-ui，使用了一通下来后，觉得element-ui虽然也有一些问题或坑，但这些小问题或坑凭着自己的能力还都能解决掉，使用起来也很丝滑柔顺。而Ant Design和React更配哦，但是也说一下使用Ant Design的感觉吧，首先个人觉得Ant Design给的demo有点乱七八糟，可能是React本身js和DOM混在一起跟人的感觉就不够清爽。其次，Ant Design的有些坑，会令你防不胜防，而且很诡异，比如它的select组件，设置了placeholder时也设置了value绑定一个state默认的空值，这时placeholder却不生效，当然会有人说你设置了value绑定一个state默认的空值，placeholder当然不起作用了，可空值本来就是false，本来就是不存在的值，有不 阅读全文
最近在学习react时，用到了很流行的UI框架Ant Design，也了解了一下Ant Design Pro，发现它们都有导航组件，Ant Design框架的导航菜单可自行查看，Ant Design Pro是权限菜单，权限菜单简单来说就是根据登录的权限来展示不同的菜单给用户，比如管理员有给用户分配不同角色的权限，那管理员就可以看到系统管理等导航菜单，而用户A只有发布某些业务的权限，那用户A就不能看到系统管理的导航菜单等等。不过这不在我们本文的考虑范围内，有兴趣的同学可以自行去看它的API。 
最近，自己在摸索react的时候，遇到一个很奇葩的问题，大概是这样的：我从列表页使用跳转到详情页面，列表页面的路由是'/list'，详情页面的路由是'/list/detail'，由于详情页面的路由里边也包含了'/list'，所以在点击列表页面要去详情页时，地址栏里的地址变了，可详情页面却在列表页面里边直接加载出来了，导致俩页面成为一个页面了，这在我写vue的时候从来就不会出现的问题，怎么到了react就出现这个问题了呢？ 
要求：
1、选中父节点，子节点及孙子节点（甭管有多少层级，兹要是子辈节点）可以不选中，取消选中父节点，子节点及孙子节点也还是没有任何变化；
2、选中子节点或孙子节点，必须选中父节点及祖父节点（甭管有多少层级，兹要是祖辈节点），取消选中子节点或孙子节点，父节点及祖父节点可以不取消选中；
3、基于需求2，此时子节点及孙子节点和父节点、祖父节点都已选中，那么若取消选中父节点，则子节点及孙子节点必须取消选中，但父节点的父节点可以不取消选中，若取消选中祖父节点，则其下边的所有节点都要取消选中。 
公司在后台管理系统开发中用到了`vue+element-ui`组合的框架，但随着需求的越来越复杂，前端的工作难度也呈几何倍数递增，工作量随之增大。这不，在项目中增加一个将列表数据导出为excel的需求就紧跟着来了。
不光将数据导出，还得支持单笔导出或多笔批量导出。
为了生活，我们已经殚精竭虑；为了工作，我们已经竭尽全力！
有需求，哭着也得实现啊。 
最近在开发公司的一个后端管理系统，用的是比较流行的vue框架。在开发过程中，总是出现各种各样的报错问题，有警告的，有接口不通的，有自己马虎造成的低级错误的等等，这些错误在一些老司机面前分分钟解决，但今天遇到的问题，让老铁犯了难，头大。代码从头到尾看了一遍，没问题啊，把报错的代码定位的具体的地方，还是没有问题啊。把自己的问题放在百度上查，居然也有小伙伴遇到同样的问题，不过有同学解决了，有同学没有解决。 
我们的项目开发中的动态路由是提前配好在路由表中的，只是和静态路由分开写在了两个对象中，导出的时候默认只导出静态路由，所谓的静态路由就是所有用户都可以访问到的公共路由，比如登录页面、404页面等。而不同用户可访问不同的菜单页面是根据接口返回的一个菜单code来过滤提前配好的动态路由(提前配好的动态路由中也有一个code)，再将过滤后的路由使用`router.addRoutes`动态添加即可。可能有些公司是通过接口直接把用户的动态路由表按照路由的规则形式给返回了出来，前端只需拿到路由表稍作处理然后addRoutes就可以了。每个公司有每个公司的想法，你开心就好！ 
单点登录中的A系统的某个页面没有登录，它就会来到一个统一的登录界面并在url中携带有它当前页面的地址和参数，参数可能还会有多个，在登录成功后，需要再返回到之前访问的页面并且还要把该页面的参数再放在url中一并返回，而且每个页面、每个系统的参数名可能还不一样，所以你就不能把返回的参数名写死，那是不是就很难办呢？ 
我司最近正在用VUE做一个基于用户权限显示不同左侧菜单的后台管理系统，接口会根据用户的权限不同返回不同的菜单名称、URL等，前端要将这些菜单名称及URL动态添加到系统的左侧，这里就用到了vue-router2.2新添的router.addRouter(routes)方法。但是接口返给我的只是普通的由键值对组成的数组，而vue-router需要的是固定格式的路由写法，于是我就只能自己动手将普通的数组转换成路由的写法了。 
WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。WebPack大大的提高了我们的开发效率，但是利用它们开发的文件往往需要进行额外的处理才能让浏览器识别,而手动处理又是非常繁琐的，这就为WebPack类的工具的出现提供了需求。 