模板网站建设全过程,推广关键词怎么设置,营销型网站建设公司哪家好,域名注册网站 不认证1. Layui概念介绍
layui#xff08;谐音#xff1a;类 UI) 是一套开源的 Web UI 解决方案#xff0c;采用自身经典的模块化规范#xff0c;并遵循原生 HTML/CSS/JS 的开发方式#xff0c;极易上手#xff0c;拿来即用。其风格简约轻盈#xff0c;而组件优雅丰盈#x…1. Layui概念介绍
layui谐音类 UI) 是一套开源的 Web UI 解决方案采用自身经典的模块化规范并遵循原生 HTML/CSS/JS 的开发方式极易上手拿来即用。其风格简约轻盈而组件优雅丰盈从源代码到使用方法的每一处细节都经过精心雕琢非常适合网页界面的快速开发。layui 区别于那些基于 MVVM 底层的前端框架却并非逆道而行而是信奉返璞归真之道。准确地说它更多是面向后端开发者你无需涉足前端各种工具只需面对浏览器本身让一切你所需要的元素与交互从这里信手拈来。
2. 兼容性和面向场景
layui 兼容人类正在使用的全部浏览器IE6/7除外可作为 Web 界面速成开发方案。
3. 官网首页下载、目录结构 3.1 官网首页下载
3.2 目录结构
├─css //css目录 │ │─modules //模块 css 目录一般如果模块相对较大我们会单独提取如下 │ │ ├─laydate │ │ └─layer │ └─layui.css //核心样式文件 ├─font //字体图标目录 └─layui.js //核心库
4. 快速上手
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title!--引入本地layui的css样式--link relstylesheet hreflayui/css/layui.css
/head
body!--这是自己的html代码--
!--引入本地layui的js库--
script typetext/javascript srclayui/layui.js/script
/body
/html
