小试 Element UI

stackfing 发布于2019-08-20 15:24 / 1181人阅读

摘要：原因如下影响使用的小有点多需要重新学习一门语言接下来详述。基于标准化技术，可以最大限度的避免浪费。会广播特定的事件，这些事件无法被捕获，只能在的钩子里手工绑定。左右看了看，准备先试下。希望你们再接再厉，相信将来这套库会更好。

不确定写多长，写先结论吧：暂时不推荐使用。原因如下：

影响使用的小 Bug 有点多

需要重新学习一门语言

接下来详述。

从前司离职之后，我开始更新技术栈。离开惯用的 Backbone，考虑再三，投入 Vue 怀抱。选择 Vue，而不是竞品 Angular、React，有三个理由：

文档友好，社区活跃。

模块拆分的很好，学习曲线平缓。

基于标准化技术，可以最大限度的避免浪费。

不过实操之后发现，Vue 与我惯用的 Bootstrap 有些冲突，主要在于：

Bootstrap 对过渡效果和切换的操作依赖于样式，比如 .active、.in。Vue 在处理模板时会把当前样式先缓存起来，然后根据数据增删绑定的样式。此时就可能出问题，tab 页切不动或者动画突然打断之类的。

Bootstrap 会广播特定的事件，这些事件无法被 Vue 捕获，只能在 mounted() 的钩子里手工绑定。

于是我觉得，既然根基（jQuery）变了，最好把整条线都更新了吧。左右看了看，准备先试下 Element UI。这是饿了么推出的基于 Vue2.0 的组件库，目测组件齐全，文档详细，而且直接以 2.0 为基础，符合我追新的想法。

实际用了之后……唉……有点……遗憾。项目地址。

首先，Element UI 把所有组件都封装了，包括布局，比如、，我觉得这样太过了。从现实经验来看，布局元素几乎不可能够用，别人总要补充一些。封装的元素我不太知道最终生成的代码是什么样的，也就不好操作，总不能审查元素一个一个看吧？——对了，Element 的文档里缺少样式列表，也是个问题。

封装的另一个问题，所有元素都要通过后期渲染，总让我感觉不舒服。以及，我几乎无论干什么都要查文档，几乎没法直接动手，这和我选择 Vue 的初衷是相违背的。

接下来，小 Bug，有点多。除去布局和提示之类，我只用到3个组件：、、，结果就遇到4个 bug，浪费很多时间去调试，有两个我给他们开了 issue，还有两个懒得弄了。这里列一下吧：

无法把 loading 绑定到数据的 .fetching 属性上

设置 total 不更新视图

更新 total 之后再次广播 current-change 事件，导致重复刷新

里每行的 ref 属性没法正确生成数组

可能别的组件很健壮吧，我运气不好。

总之，我觉得就目前这个版本，1.2.5，来看，Element UI 还没到让人放心用并且用得好的程度。

下一次我可能会选别家的再试下，或者继续用 Bootstrap 然后自己拼些小组件出来——我这次就是想找个有 loading 的 button 才找 UI 库的。

啊，最后，还是感谢 Element UI 团队，感谢饿了么。希望你们再接再厉，相信将来这套库会更好。

同步发于我的博客

超融合服务器 idc机房托管 element-ui element-ui dialog组件小试牛刀 Element

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/82214.html

基于Python的Selenium经验总结

摘要：它是一款用于运行端到端功能测试的超强工具。安装基于的依赖包，命令，你懂的。如果对数据进行了修改，需要对数据进行还原。最后配合或者单元测试框架，实现分层数据驱动断言截图日志等全方位功能，得心应手的开展自动化测试工作。大家都知道，基于Web端的测试的基础框架是需要Selenium做主要支撑的，这里边给大家介绍下Web测试核心之基于Python的Selenium 一、简单介绍 Seleni...

Genng 2019-07-01 19:00 评论0 收藏0
Swagger2 WebFlux小试牛刀

摘要：序本文主要展示一下如何使用支持的目前是，因而没有发布到官方仓库里头，需要从中拉取配置由于支持了，所以之前的就移除掉了，变为以及，这里使用的是小结引入了，而当前版本的还不支持，得使用才支持由于是版本，因而没有发布到官方仓序本文主要展示一下如何使用支持WebFlux的Swagger maven io.springfox ...

honhon 2019-08-19 11:37 评论0 收藏0
Python又把GUI界面攻下了，今天就告诉你怎么玩

摘要：引言学这么久了，一直想做个界面出来，最近发现有个内置库，利用它可以很轻松做出一些简易的界面，首先来看官方对的说明从上面描述中我们不难看出，不管你是系统，还是系统，它都可以生成相对应的操作界面，这就是所谓的跨平台。 showImg(https://segmentfault.com/img/remote/1460000018532942?w=1078&h=1076); 0.引言学Pyth...

SunZhaopeng 2019-07-31 10:10 评论0 收藏0
Node Redis 小试

摘要：使用数据库是一个解决数据共享的方案，但一些临时性高并发的数据并不太适合直接写入数据库，比如。还可以用来缓存复杂的数据库查询结果，做自增长统计，暂存用户操作状态等功能。在小试的代码中，都只是向发送了一个通知，添加到了的任务队列中而已。背景如果一个 Node 应用有多台服务器或多个进程在跑，每个进程都拥有自己的内存空间，各个进程之间的数据共享就显得非常重要。使用数据库是一个解决数据共...

myshell 2019-07-24 14:48 评论0 收藏0
2月份前端资源分享

摘要：月份前端资源分享更多资源请文章转自前端生成好看的二维码十大经典排序算法带动图演示为什么知乎前端圈普遍认为游戏和展示的个人整理和封装的库中文详细注释供新手学习使用扩展语法记录掉坑初期工具汉字拼音转换工具实现汉字转拼音的插件下拉列表支持拼音简 2月份前端资源分享更多资源请Star：https://github.com/maidishike... 文章转自：https://github...

yanwei 2019-08-20 14:25 评论0 收藏0