前端er必须知道的Git地址及常用工具地址

element VS iview(最近项目UI框架在选型，做了个分析，不带有任何利益相关）主要从以下几个方面来做对比使用率（npm 平均下载频率，组件数量，star, issue…)API风格打包优化与设计师友好性1，使用率（npm 平均下载频率，组件数量，star, issue…)element-ui

结论，element 生态更好，使用频率远超过iview ,element开发团队实力感谢评论区纠错1.Element 有级联选择。2.Element 的 Popover 即 iView 的 Poptip 组件。3.Tooltip iView 和 Element 都有。一些小众组件上各有所长整体iview 更丰富（时间轴，加载进度条，气泡卡片，BackTop,图钉）API风格通过使用平率最高的 form table 日历 select 等比较两者

对应代码

明显感觉 iview 的api 更加简洁，在生成类似表格下拉框这些较复杂的组件时， iview 的方式类似于antdesign , 好处是直接传数据进去，在内部实现了模板生成，高效快捷。而element 则是用到到v-for vue指令结合的方式去生成，批量生成元素。

表格操作列自定义渲染的时，iview 使用的是 vue的 render 函数， element 直接在template 中插入对应模板表格分页都需要引入分页组件配合使用

两者api 总体比较，iview 要比element 简洁许多。饿了么更侧重于在template里直接去渲染模板思想上个人觉得iview偏向react, element 更vue表单校验两者都使用同一款插件 async-validator 校验方式一样项目优化角度首屏优化，第三方组件库依赖过大会给首屏加载带来很大的压力，一般解决方式是按需求引入组件element-ui 根据官方说明现需要引入 babel-plugin-component 插件做相关配置然后直接在组件目录注册全局组件

iview 按需求加载这里感觉官方给的文档不是很详细

主题iview本身提供了一套主题可供选择，除此之外自定义主题方法一（官方推荐，前提条件是使用webpack）:新建一个.less 文件，先在less文件中引入官方样式文件然后在此基础上复写

方法二：官方提供了自动编译工具iview-them 来编译。干的事情就是把自定义的样式和 github仓库最新的样式通过工具生成一个新的样式文件。element-ui如果只替换颜色，可以使用在线主题生成工具在线编辑颜色，生成element-ui 主题直接下载再引入深度定制主题官方提供了主题生成工具 element-them 执行命令初始化得到一个配置文件，修改相关配置经过编译得到得到相关主题文件再通过babel 插件引入

双方都提供了专门的工具用于深度定制主题，综合比较 iview 更加简单，element 主题定制需要配合 babel做一些预编译，以及步骤更多显得更加复杂过渡动画element 有内置过渡动画使得组件的切换变化更具动感iview 更为中规中矩对设计人员element 提供了 Sketch 和 Axure 工具对设计人员友好iview 没有提供

原文及git链接

前端er必须知道的Git地址及常用工具地址

前端er必须知道的Git地址及常用工具地址

商城篇（找工作必练）

推荐指数：5星，掌握了它，可以说,今后工作中的各种需求都不是问题，工作1~2年的也可以学习其中的思路（建议收藏）。

wemall云平台

推荐指数:3星

Mall4j

推荐指数:2星

超级常用URL篇

UI类

ivew

Element