element.js UI组件库

可复用组件的宝藏库element.js,对搞前端的你来说挺香的。封装了一堆 UI 元素,像是按钮、输入框、菜单这些常用的东西,拿来就能用,响应也快,交互逻辑也封得比较干净。搭配js.css样式文件一起用,视觉层面也不会拖后腿。

封装好的构造函数Element()用起来也不复杂,比如你要建个按钮:

var myButton = new Element('button', {
  text: '提交',
  class: 'primary-btn'
});

传配置对象进去,样式、文本都能灵活定,基本不用动底层 DOM。你也可以绑定事件,像onClickonInput这些,逻辑都能往里丢。

element.js的 UI 组件是模块化设计的,适合做后台系统、CMS、仪表盘这类项目,结构清晰,代码也比较容易维护。比起从零写组件,节省了不少时间。

样式这块也不掉链子,配套的js.css定义了所有 UI 的视觉样式。你只要改下 class 名或者覆盖下colorpadding,样子就能跟着换。需要自定义也不难,直接重写一层就好。

要用的话记得先在index.html里引一下资源:

[removed][removed]
<link rel="stylesheet" href="js.css" />

放到<head>或底部都行,看你习惯。

如果你正好在搞 UI 组件的封装,又不想每次都自己撸,不妨把element.js拉进项目试试,省心还稳定。

7z 文件大小:172.29KB