layui入门知识

1 layui简介
采用自身模块规范编写的前端UI框架,遵循原生HTML CSS JS的书写与组织形式,门槛极低,拿来即用。
官网:https://www.layui.com
1.1 目录结构layui根目录结构
css : 栅格化布局
js: 模块化 按需加载过程。
layui.all.js (没有模块化 没有按需加载)
layui.js (模块化的 官方模块非常多 css可以统一)
1.2 使用分两步:
1 界面部分不需要用户交互(纯界面)
引入css 直接实现了(container container-fuild)
栅格布局
layui-container
layui-row
layui-col-md

 2 有用户交互:
	 按需引入:
	   	1  自己可自定义配置(可以更改)
		2  按照默认配置(不能更改目录接口)	
		3 layui表单这里有一个 渲染过程: (复选框 下拉菜单)	
				1 第一笔html打完, 浏览器解析代码。
				2 首先执行不是js ,layui的,将界面的html重新处理变成layui风格代码
				3 layui 重新编译页面显示效果( 渲染 render )渲染完后,我们才能看到效果。
	渲染代码:			layui.use([ 'element'], function () {
			        	element = layui.element,	
			    }

2 表单用来获取用户数据,拿到数据之后 提交给 接受页面

               get	方式:  地址栏传参 可见的

               post 方式:   post 地址栏不可见   安全				    	 		
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值