Layui | 我是如何入门的

你知道什么是Layui吗?也许有人知道,也许有人不知道,但是我相信大部分人都应该知道BootStrap吧,这个layui也和它差不多,是一个前端UI框架,不过他们都是有各自的特点,还真不能说人家是一样的!
我一冲动为啥想着学习layui呢?因为我看他说了这么一句话
准确地说,她更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。
好吧,冲着这句话,我必须学习一下啊,专门为服务端程序员量身定做,不可不学啊。
那么现在开始自学layui了!
首先,找点视频吧,直觉告诉我,没有这方面相关的视频教程,如果直接去找视频教程比较浪费时间,所以放弃看视频教程的念头,那去网上搜博客学习,这个倒是不错,不过至少应该去官网看一下吧
Layui | 我是如何入门的
你还别说,这页面我喜欢,别贫了,看看他的官方文档吧
Layui | 我是如何入门的
挺详细的,毕竟是咱们国内人士开发的,那就先从这个文档学习吧,先看看这个开始使用,在这个开始使用当中,提供了最简单的使用方法,无非就是下载layui,然后导入自己的项目,自己跟着操作一遍,挺简单,看到了效果,嗯,感觉就这么回事,不是很难啊(只是皮毛,可能都算不上)
接着往下看文档吧,紧接着我看了下基础说明中的底层方法,发现这块就需要稍微动点脑子了,把这个底层方法看完之后,大致有点了解他这个模块的一些使用方法了。
因为layui说的是经典模块化嘛,所以模块对于layui是个重点,看到这个layui的模块使用,感觉和element ui的使用有那么几分相似,跟bootstrap就有点差别了,我知道这一定是这个所谓的模块化搞的鬼,有些东西还是不太理解,赶紧接着看文档吧。
接下来的重点就是页面元素啦
一般这种前端ui框架上来就会先介绍整体布局,这个layui也不例外,首先说的是布局,这里面说的是栅格系统,这个就比较熟悉了,因为bootstrap中就有这个啊,你还别说,看他这个文档,我感觉比
bootstrap中讲栅格将的好,不管说多说少,最起码你得说的我听懂吧,这点,layui对于我而言,做到了。
这里还提到了一个后台布局,我得赶紧试试,本来以为很复杂,结果一看,就这么多代码,仔细看看代码,很是简单明了,自己就实际操作实例一下
Layui | 我是如何入门的
就是这么个效果,嗯呢,感觉挺不错的,接着看文档吧,剩下的就是在ui中常见的一些图标,按钮和表单什么的,看了下用法,都挺简单易用的,他这个重要的就是有些使用起来要加载相应的模块,比如你使用表单,你就要加入“form”这个模块,像这样加入
<script>
//Demo
layui.use(‘form’, function(){
 var form = layui.form;
 
 //监听提交
 form.on(‘submit(formDemo)’, function(data){
   layer.msg(JSON.stringify(data.field));
   returnfalse;
 });
});
</script>
对这一块的理解其实蛮重要的,这些我觉得吧对于layui都是基础使用了,重要的使用应该都是接下来的内置模块。
经过页面元素的的学习,这个layui的文档大概看了一半,剩下的就是重点–内置模块了。
这一看不要紧,立马感觉到费脑子了,第一个是弹出层,看文档描述,这是个很牛X的功能,可以独立使用,不过让我觉得非常赞的是这个模块的学习他提供了在线调试
Layui | 我是如何入门的
把相应代码放进去,就可以立马运行看到效果,不得不说很贴心。
这个内置模块应该说是layui的重点学习内容了,可以说是对简单页面元素的综合使用,很多都是做好的功能,这里叫做模块或者组件了,使用起来相比较单一的页面元素会更显复杂。
我以最快的速度把这些内置模块看了一遍,有的还亲手操作了一遍,最后发现很快会忘记,所以这块我感觉比较好的学习方法就是针对每一个内置模块都要单独的去学习,比如我们常用的表单这块,就要单独拿出来学习,觉得自己差不多会用了,然后开个项目,做一个小的demo,使用它做一些简单的页面,比如登录页面啥的,再结合后面的数据表格,连接上数据库,实现数据查询等实实在在的例子。
这样的学习方式会比较高效!不过这次只是简单的入门,后续还需要不断学习。。。
接下来是个比较有意思的事情,知乎上一个关于这个框架和作者的一个相关问题,这里摘抄自作者本身的回答
Layui | 我是如何入门的
非常建议你去看下原文,尤其第一个回答:
https://www.zhihu.com/question/58435239
我就感觉吧,程序员这个群体,最见不得别人装逼了,尤其是技术这块,不管你服不服,一定会有人喷你。。。
本站所有文章均来自互联网,如有侵权,请联系站长删除。极客文库 » Layui | 我是如何入门的
分享到:
赞(0)

评论抢沙发

评论前必须登录!