diff --git a/.gitignore b/.gitignore index df522ca..671cc23 100644 --- a/.gitignore +++ b/.gitignore @@ -19,11 +19,6 @@ node_modules/ _site/ run.bat dir.txt -/**/layim/ -/**/layim.js -/**/layim-mobile.js -/**/layim.html -/**/layim.m.html release/ build/ diff --git a/.travis.yml b/.travis.yml deleted file mode 100644 index ef79766..0000000 --- a/.travis.yml +++ /dev/null @@ -1,18 +0,0 @@ -language: node_js -node_js: - - node -dist: trusty -addons: - sauce_connect: - username: layui - jwt: - secure: "c+I/AGPj+9cdZOtwGv9eFBdFNlo/BtSEnZ/mGXBLM2+FUn8Dptvhqy1XalRBul3sNiCyv2lNtcZPGw0kirI4EjGiXFfqghq9psvwOchkNM+bFxAiH+uRYCVb1ouDbpAh0w4d/nxpB11fPdVNzudwbiI/ii8LNm1sDDnJOklHiuzWBgOVN2jkzNRapacLfto6bWjnyS4r/zElLwnKpXlN6cIJFzYBU1f/RS68xaHwr/9+wvf5gNzL7OmmiIxl+UJJMejoK3G7I6DTiXyosJxsnljSxG0zbDSDL9lzPeQjFClya25ubbCFPv/UADlVAlz5Y4SLIaTUaRWD7tVphpku5S9XBwIopRQBdtp6y1Ebh/F7pDAiuN8lHzvkr6z++ld9nVcSJppSWN/tyibN7b+C7m6TyreVMHFjw+egAbd3wPVgrD30Vswu9vQXyVydcRJiP295VclgaHobdZKEwrqK7mujsOVOlZEoZWm2B+MLGfvYIjhVdpcRGlAZN+VvA+ea93t/poY1LB1/qH0vF2jMNa3ZI6AWrZaaTbToMUEj6QB9tnOGnGvINOGJDamMMB6aeCLaEgZzRqvTYXgzJAi1kYQKkCL//v3Z6od5eDBUVgMEOkTIchPjSDX5lwMedroPwnFql9ArIWnm7mLHQToEArOoKQhSlFOx+sA/nortCL4=" -sudo: false -cache: - directories: - - node_modules -script: - - npm run test:cov - - npm run test:sauce -after_script: - - npm install coveralls && cat ./coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js && rm -rf ./coverage diff --git a/CHANGELOG.md b/CHANGELOG.md index 1f25221..283312a 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,23 +1,3 @@ # 更新日志 - * [2.5.x](https://www.layui.com/doc/base/changelog.html#2-5-x) - * [2.4.x](https://www.layui.com/doc/base/changelog.html#2-4-x) - * [2.3.0](https://www.layui.com/doc/base/changelog.html#2-3-0) - * [2.2.6](https://www.layui.com/doc/base/changelog.html#2-2-6) - * [2.2.5](https://www.layui.com/doc/base/changelog.html#2-2-5) - * [2.2.4](https://www.layui.com/doc/base/changelog.html#2-2-45) - * [2.2.3](https://www.layui.com/doc/base/changelog.html#2-2-3) - * [2.2.2](https://www.layui.com/doc/base/changelog.html#2-2-2) - * [2.2.1](https://www.layui.com/doc/base/changelog.html#2-2-1) - * [2.2.0](https://www.layui.com/doc/base/changelog.html#2-2-0) - * [2.1.7](https://www.layui.com/doc/base/changelog.html#2-1-7) - * [2.1.6](https://www.layui.com/doc/base/changelog.html#2-1-6) - * [2.1.5](https://www.layui.com/doc/base/changelog.html#2-1-5) - * [2.1.4](https://www.layui.com/doc/base/changelog.html#2-1-4) - * [2.1.3](https://www.layui.com/doc/base/changelog.html#2-1-3) - * [2.1.2](https://www.layui.com/doc/base/changelog.html#2-1-2) - * [2.1.1](https://www.layui.com/doc/base/changelog.html#2-1-1) - * [2.1.0](https://www.layui.com/doc/base/changelog.html#2-1-0) - * [2.0.2](https://www.layui.com/doc/base/changelog.html#2-0-2) - * [2.0.1](https://www.layui.com/doc/base/changelog.html#2-0-1) - * [2.0.0](https://www.layui.com/doc/base/changelog.html#2-0-0) + https://github.com/sentsin/layui/releases diff --git a/README.md b/README.md index 30ab368..7e4bedf 100644 --- a/README.md +++ b/README.md @@ -1,31 +1,37 @@ -
+ +
-+
Classic modular front-end UI framework
-+
+ + --- -layui 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。layui 首个版本发布于 2016 年金秋,她区别于那些基于 MVVM 底层的 UI 框架,却并非逆道而行,而是信奉返璞归真之道。准确地说,她更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。 +layui 是一套开源的 Web UI 解决方案,采用自身经典的模块化规范,并遵循原生 HTML/CSS/JS 的开发方式,极易上手,拿来即用。其风格简约轻盈,而组件优雅丰盈,从源代码到使用方法的每一处细节都经过精心雕琢,非常适合网页界面的快速开发。layui 区别于那些基于 MVVM 底层的前端框架,却并非逆道而行,而是信奉返璞归真之道。准确地说,它更多是面向后端开发者,你无需涉足前端的各种工具,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。 ## 返璞归真 -layui 定义为“经典模块化”,并非是自吹她自身有多优秀,而是有意避开当下 JS 社区的主流方案,试图以最简单的方式去诠释高效!她的所谓经典,是在于对返璞归真的执念,她以当前浏览器普通认可的方式去组织模块!我们认为,这恰是符合当下国内绝大多数程序员从旧时代过渡到未来新标准的最佳指引。所以 layui 本身也并不是完全遵循于AMD时代,准确地说,她试图建立自己的模式,所以你会看到: +layui 定义为「经典模块化」,并非是自吹她自身有多优秀,而是有意避开当下 JS 社区的主流方案,试图以最简单的方式去诠释高效!她的所谓经典,是在于对返璞归真的执念,她以当前浏览器普通认可的方式去组织模块!我们认为,这恰是符合当下国内绝大多数程序员从旧时代过渡到未来新标准的最佳指引。所以 layui 本身也并不是完全遵循于 AMD 时代,准确地说,她试图建立自己的模式,所以你会看到: ```js -//layui模块的定义 +//layui 模块的定义 layui.define([mods], function(exports){ //…… @@ -41,21 +47,21 @@ layui.use(['mod1', 'mod2'], function(args){ }); ``` -没错,她具备AMD的影子,又并非受限于 commonjs 的那些条条框框,layui 认为这种轻量的组织方式,比 WebPack 更符合绝大多数场景。所以她坚持采用经典模块化,也正是能让人避开工具的复杂配置,回归简单,安静高效地撸一会原生态的HTML、CSS、JavaScript。 +没错,她具备 AMD 的影子,又并非受限于 CommonJS 的那些条条框框,layui 认为这种轻量的组织方式,比 WebPack 更符合绝大多数场景。所以她坚持采用经典模块化,也正是能让人避开工具的复杂配置,回归简单,安静高效地编织原生态的 HTML/CSS/JS。 -但是 layui 又并非是 Requirejs 那样的模块加载器,而是一款 UI 解决方案,她与 Bootstrap 最大的不同恰恰在于她糅合了自身对经典模块化的理解。 +但是 layui 又并非是 RequireJS 那样的模块加载器,而是一款 UI 解决方案,她与 Bootstrap 最大的不同恰恰在于她糅合了自身对经典模块化的理解。这使得你可以在 layui 组织的框架之内,以更具可维护性的代码、去更好的编织丰富的用户界面。 ## 快速上手 -获得 layui 后,将其完整地部署到你的项目目录(或静态资源服务器),你只需要引入下述两个文件: +获得 layui 后,将其完整地部署到你的静态资源项目目录,你只需要引入下述两个文件: ``` ./layui/css/layui.css -./layui/layui.js //提示:如果是采用非模块化方式(最下面有讲解),此处可换成:./layui/layui.all.js +./layui/layui.js ``` -不用去管其它任何文件。因为他们(比如各模块)都是在最终使用的时候才会自动加载。这是一个基本的入门页面: +这是一个基本的入门页面: ```html @@ -63,16 +69,16 @@ layui.use(['mod1', 'mod2'], function(args){ -