今天要讲的是本人在项目中，使用layui框架过程中遇到的问题。
首先介绍一下Layui（http://www.layui.com/doc/），官方介绍：layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于2016年金秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。
首先这个是一个国产 的框架，大家喜欢的可以多支持一下。本人喜欢使用这个框架的原因是它看起来比较舒服？文档写得也比较好，作者贤心 是说男的？？？？哈哈
开始使用layui 的时候是去年的6月份左右，那时还是1.x版本，功能还不是很多。比如常用的栅格都还没有？
表格的功能也只限于美化，没有可以向datatables的动态数据进行渲染，不过用来做一些前端主题样式还是够的。主要是感觉这个风格清新，简洁。本人比较喜欢。
下面讲一些可能遇到的坑：
一、首先是表单的问题，比如多选框（CheckBox）、单选（radio）、下拉框（select）。这个三个主要的表单控件。如果是需要动态加载或者已经渲染完了需要改变他们的值等。一定需要在后面进行form.render()，不然是没有用的哦，这个一定要记得。
二、就是版本夸度问题。1.x和2.x的有些功能使用方法是不一样的。
比如button的大小：1.x是layui-btn-small，而2.x则是layui-btn-sm。
还有时间选择器的使用方法也有变化：1.x是laydate(options);
2.x是
- laydate.render({
- elem: '#test'
- ,type: 'year'
- });
具体可参考文档
三、如果是涉及到元素风格或者样式的控件，需要引入element：
- layui.use('element', function(){
- var element = layui.element;
- //…
- });
四、想要鼠标移动到某行省略的文字上，弹出tip显示全部文字，可以用这个方法
//当进入省略显示的区域
$('#'+id).on('mouseenter','td.elli',function () {
var text = $(this).html().replace(/<[^<>]+>/g,'');
if(this.offsetWidth<this.scrollWidth){
layer.tips(text,this);
}
});
需要给elli类添加一下css：
display:inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
以上是本人使用layui时主要遇到的坑，仅供参考，不予反驳,hahhaaa^_^