【笔记 - easyui】前端框架了解

官方介绍：http://www.jeasyui.net/

easy-ui 简介：
easyui是一种基于jQuery的用户界面插件集合，使用easyui不需要写很多代码，只需要通过编写一些简单HTML标记，就可以定义用户界面，是一个完美支持HTML5网页的完整框架。

优点：easyUI有大量的控件和丰富的事件，可以快速完全前后台数据绑定。
缺点：一源码混淆，二是json格式固定，设计风格太死板

Tips：使用easyui框架之前，需要先在项目中引入easyui的相关的js,这边需要特别说明一下，easyui是基于jQuery的用户界面插件集合.所以在引入easyui的js之前需要先引入jquery。

1. 为什么要用框架
   前端开发人员在实现一个前端页面效果时，首先是会根据需求一点一滴编写HTML、CSS和JS等前端代码；
   然而随着编写的代码的数量越来越多，大家就会发现：不同的页面只是样式不同、显示的数据不同，但本质上都会使用到相同的HTML组件（即不同的HTML元素，比如：表格、菜单、标题、表单等）。网页使用的前端组件是大同小异的，因此可以考虑将常用的HTML页面组件进行封装，以后再创建某个前端页面时，直接将不同的组件组装后快速的创建出来。

因此，前端框架的本质：就是将常用的HTML组件进行封装，未来在开发项目的时候，前端的代码将从自己写变为调用，以提升前端页面的开发效率。

2. 常用的前端框架
   EasyUI框架
   Jquery框架
   Vue框架
   LayUI框架

3. EasyUI的常用组件
   ①　基础组件：常用的比较小的功能组件，不是每个网页中都会用到
   ②　布局组件：很重要，每个网页都会使用，完成网页的布局的。
   ③　菜单与按钮组件：很重要，每个网页都会使用，在网页中完成菜单和按钮的效果
   ④　表单组件：很重要，搜集用户数据，封装了常用的数据校验，并支持自定义校验
   ⑤　窗口组件：在当前页面中显示子窗口效果，对页面中的功能进行完善。
   ⑥　数据网格和树组件：很重要，非常之重要。在网页中显示表格以及树状数据

（1）easyui-panel 面板

面板

（2）easyui-passwordbox组件

密码框

（3）easyui-combobox下拉框组件

下拉框

（4）easyui-datebox 日期框

日期框

（5）easyui-layout布局组件

布局组件

（6）easyui-Accordion折叠面板（也叫手风琴）

折叠面板

（7）easyui-tree 树组件

树组件

（7）easyui-tabs选项卡组件

选项卡

（8）tree菜单和选项卡的联动实现

组件联动

（9）Linkbutton组件

图片.png

（10）messager消息框组件

消息框

参考来源：https://zhuanlan.zhihu.com/p/212224801