查看原文
其他

Layui 首个版本发布,经典模块化前端UI框架

2016-10-18 开源中国

#长按上图识别二维码,参与OSC源创会年终盛典#

获得 Layui


你可以在官网首页下载到 Layui 的最新版,也可以通过 GitHub 得到Layui的开源包。目前我们只同步维护这两处资源渠道。一般如果你是用于实际项目,我们推荐你直接从官网下载。layui构建后的结构(也就是你获得的包)如下:


你还可以在GitHub 上 Fork Layui为我们贡献方案

经典,因返璞归真


近几年,尤其是今年,常常会听到猿们吐槽“现在想简简单单的写个前端怎么就变得这么难呢?”。嗯的,前端目前正处于一个超出常理,且疯狂造轮子的黄金时代,标准化的逐步设想与浏览器本身的现状所形成的滞后感,让一些尚未得到官方推广的方案开始引领着前端社区,那仿佛是一场“五代十国”般的颠覆,这期间,你看不到一个所谓的新鲜轮子可以维持超过三年的光环,因为它很快就会被另一个新轮子所替代。你必须保持对技术的高度狂热,透过未来的加锁去追逐那些层出不穷的,工具!是的,他们只是工具,准确地说是一种标准化最终形成的过度!
透过那些高逼格工具的本质,最终仍然是 HTML、CSS、JavaScript 三驾马车的真实面貌。与工具不同的是,它们是最终标准的归属者。所以工具在发展,三驾马车本身同样也在高速发展,那既然如此,我们为何不能跟随原生态的稳健脚步,安安静静地撸会码呢?
Layui 定义为“经典模块化”,并非是自吹她自身有多优秀,而是绕开JS社区的喧嚣,以最简单的方式去诠释高效!她的所谓经典,是在于对返璞归真的执念,她以当前浏览器普通认可的方式去组织模块!我们认为,这恰是符合当下国内绝大多数程序员从旧时代过度到未来新标准的最佳指引。
所以 Layui 本身也并不是完全遵循于AMD时代,准确地说,她试图建立自己的模式,所以你会看到:


没错,她具备AMD的影子,又并非受限于commonjs的那些条条框框,Layui认为这种轻量的组织方式,比WebPack更符合绝大多数场景。所以她坚持采用经典模块化,也正是能让人避开工具的复杂配置,回归简单,安静高效地撸一会原生态的HTML、CSS、JavaScript。

但是 Layui 又并非是Requirejs那样的模块加载器,而是一款UI解决方案,她与Bootstrap最大的不同恰恰在于她糅合了自身对经典模块化的理解。


快速上手


获得layui后,将其完整地部署到你的项目目录(或静态资源服务器),你只需要引入下述两个文件:


没错,不用去管其它任何文件。因为他们(比如各模块)都是在最终使用的时候才会自动加载。这是一个基本的入门页面:



如果你想快速使用Layui的组件,你还是跟平时一样script标签引入你的js文件,然后在你的js文件中使用layui的组件。但我们更推荐你遵循Layui的模块规范,建立一个自己的模块作为入口:


上述的 index 即为你 /res/js/modules/ 目录下的 index.js,它的内容应该如下:


好了,不管你采用什么样的方式,从现在开始,尽情地使用Layui吧!但愿这是你的一段美妙的旅程。


END


推荐阅读

点击标题直接进入阅读

精彩资讯:《谷歌月底发布安卓 7.1,你与 Pixel 差了几个版本?

没十月内,谷歌将推出安卓7.1最新版本的开发者预览版和公众测试版。覆盖的智能手机机型包括Nexus 6P、5X和Pixel C平板电脑。


协作翻译:《GitHub 托管的 10 款免费开源 windows 工具

GitHub 发布了《2016 Octoverse 状态报告》:微软竟然位列总活跃贡献榜首 — 在关注量上击败了 Facebook, Google, Atom, 以及 NPM。

码云 ATOM 插件正式上线

继:“你挑 bug 我送礼品, ATOM 的码云插件公测啦”之后,开发团队对码云 ATOM 插件进行了优化,现正式上线。

点击“阅读原文”查看更多精彩内容

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存