广告

扫码关注官方微信

扫码下载APP
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >layui框架教程
  • 443

0
分享到

layui框架教程

2024-04-02 19:04:59 443人浏览 安东尼
摘要

目录LayUILayUI的特点LayUI基本使用页面元素布局栅格系统响应式规则列边距：列偏移列嵌套基本元素按钮主题中间是空心：尺寸：流体自适应圆角图标导航垂直样式+侧边背景颜色徽章面

LayUI

layui（谐音：类 UI) 是一套开源的 WEB UI 解决方案，采用自身经典的模块化规范，并遵循原生 html/CSS/js 的开发方式，常适合网页界面的快速开发。layui 区别于那些基于MVVM 底层的前端框架，它更多是面向后端开发者，无需涉足前端各种工具，只需面对浏览器本身，让一切所需要的元素与交互。

LayUI的特点

1：layui属于轻量级框架，简单美观，适用于后端开发模式，它在服务端页面上有非常好的效果

2：layuu是提供给后端开发人员的ui框架，基于DOM驱动

LayUI

基本使用

1.下载layui

官网：https://layuion.com/

2.安装、引入依赖

例子：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
		<script src="layui/layui.js" type="application/javascript" charset="UTF-8"></script>
	</head>
	<body>
		<script>
		layui.use(['layer', 'fORM'], function(){
		  var layer = layui.layer
		  ,form = layui.form;
		  
		  layer.msg('Hello World');
		});
		</script> 
	</body>
</html>

需要声明使用的模块和回调函数，参照官方文档，选择自己想要的效果即可。

比如：

<script>
		layui.use(['element'], function(){
			var element = layui.element;
            //...
		});
	</script>

页面元素

布局

1.固定宽度--两边有空白常用

<div class="layui-container" style="background-color:navajowhite ;height: 300px;">
			固定宽度
		</div>

2.完整宽度--占据宽度的100%

<div class="layui-fluid" style="background-color:navajowhite ;height: 300px;">
			完整宽度
		</div>

栅格系统

采用layui-row来定义行

<div class="layui-row">
		</div>
  • 采用layui-col-md*这样的预设类来定义一组列（column）且放在行（row）内，其中
    • 变量md代表的是不同屏幕下的标记
    • 边浪*代表的是该列所占用的12等分（如6/12）可选值为1-12
    • 如果多个列的“等分数值”总和数等于12，刚好满行排布。如果大于12，若雨的列将自动另起一行
  • 列可以同时出现最多四中不同的组合，分别是xs（超小屏幕，如手机），sm（小屏幕，平板），md（桌面中等屏幕），lg（桌面大型屏幕）
  • 可对列追加类似的layui-col-space5，layui-col-md-offerset3这样的预设类来定义列的间距和偏移
  • 可以在类（column）元素中放入你自己的任意元素来填充内容
<div class="layui-container">
			<div class="layui-row">
				<div class="layui-col-md5" style="background-color: deepskyblue;">
					内容的5/12
				</div>
				<div class="layui-col-md7" style="background-color: bisque;">
					内容的7/12
				</div>
			</div>
			<div class="layui-row">
				<div class="layui-col-md4" style="background-color: powderblue;">
					内容的4/12
				</div>
				<div class="layui-col-md4" style="background-color: mediumaquamarine;">
					内容的4/12
				</div>
			</div>
		</div>

响应式规则

css媒体查询（Media Queries）的强力支持，从而针对不同尺寸的屏幕进行相应的适配处理。

类型超小屏幕手机（<768px)小屏幕手机（平板>=768px)中等屏幕（桌面>=992px)大型屏幕（桌面>=1200px
.layui-container的值auto750px970px1170px
标记xssmmdlg
列对应类*为1-12的等分数值layui-col-xs*layui-col-sm*layui-col-md*layui-col-lg*
总列数12121212
相应行为始终an设定的比例水平排列在当前屏幕下水平排列，如果屏幕的大小低于临界值则堆叠排列在当前屏幕下水平排列，如果屏幕的代销低于临界值则堆叠排列在当前屏幕下水平排列，如果屏幕大小低于临界值则堆叠排列
<div class="layui-row">
    <div class="layui-col-md5 layui-col-sm6">
        响应式规则
    </div>
</div>

列边距：

通过“列边距”的预设类，来设定之间的间距。且一行中最左的列不会出现左边距，最右边的列不会出现右边距。列边距在保证排版美观的同时，还可以进一步保持分列的宽度精细程度。我们结合网页常用的边距，预设了12中不同的尺寸的边距。


layui-col-space1
layui-col-space2
layui-col-space4
layui-col-space5
layui-col-space6
.....
<div class="layui-row layui-col-space10">
		<div class="layui-col-md4" style="background-color: ghostwhite;"><div style="background-color: white;">4</div></div>
		<div class="layui-col-md4" style="background-color: powderblue;">4</div>
		<div class="layui-col-md4" style="background-color: mediumaquamarine;">4</div>
	</div>

注：

1.layui-col-space，设置后起不到作用因为设置的是padding也就是说向内缩，所以设置背景色padding也是会填上颜色，看起来好像没有间距一样，可以再里面在加一个div，来达到目的。

2.间距一般不高于30px，如果超过30，建议使用列偏移

列偏移

​对列最佳类似layui-col-md-offset* 的预设类，从而让列向右偏移。其中*代表的是偏移占据的列数，可选中为1-12

如：layui-col-md-offset3，即和代表在“中型桌面屏幕下，让该列向右偏移3个列表宽度

<div class="layui-row ">
		<div class="layui-col-md4" style="background-color: ghostwhite;"><div style="background-color: white;">4</div></div>
		<div class="layui-col-md4 layui-col-md-offset2" style="background-color: powderblue;">4</div>
	</div>

注：

​列偏移可针对不同屏幕的标准进行设定，在当前设定屏幕下最有效，当低于桌面屏幕的规定的临界值，就会堆叠排列。

列嵌套

可以对栅格进行无穷层次的嵌套。在列元素(layui-col-md*)中插入行元素（layui-row），即可完成嵌套。

<div class="layui-container">
			<div class="layui-row">
				<div class="layui-col-md6">
					<div style="background-color: darkturquoise;">
						<div class="layui-row">
							<div class="layui-col-md5" style="background-color: seashell;">内部5</div>
							<div class="layui-col-md5" style="background-color: mistyrose;">内部5</div>
							<div class="layui-col-md2" style="background-color: aqua;">内部5</div>
						</div>
					</div>
				</div>
			</div>
		</div>

基本元素

按钮

​向任意HTML元素设定class=“layui-btn”，建立一个基础按钮。通过追加格式为layui-btn-{type}的class来定义其他按钮风格。

主题

名称组合
原始class="layui-btn layui-btn-primary"
默认class="layui-btn"
百搭class="layui-btn layui-btn-normal"
暖色class="layui-btn layui-btn-warm"
警告class="layui-btn layui-btn-danger"
禁用class="layui-btn layui-btn-disabled"

中间是空心：

名称组合
主色class="layui-btn layui-btn-primary layui-border-green"
百搭class="layui-btn layui-btn-primary layui-border-blue"
暖色class="layui-btn layui-btn-primary layui-border-orange"
警告class="layui-btn layui-btn-primary layui-border-red"
深色class="layui-btn layui-btn-primary layui-border-black"

尺寸：

尺寸组合
大型class="layui-btn layui-btn-lg"
默认class="layui-btn"
小型class="layui-btn layui-btn-sm"
迷你class="layui-btn layui-btn-xs"
尺寸组合
大型百搭class="layui-btn layui-btn-lg layui-btn-normal"
正常暖色class="layui-btn layui-btn-warm"
小型警告class="layui-btn layui-btn-sm layui-btn-danger"
迷你禁用class="layui-btn layui-btn-xs layui-btn-disabled"

流体自适应

<button type="button" class="layui-btn layui-btn-fluid">流体按钮（最大化适应）</button>

圆角

主题组合
原始class="layui-btn layui-btn-radius layui-btn-primary"
默认class="layui-btn layui-btn-radius"
百搭class="layui-btn layui-btn-radius layui-btn-normal"
暖色class="layui-btn layui-btn-radius layui-btn-warm"
警告class="layui-btn layui-btn-radius layui-btn-danger"
禁用class="layui-btn layui-btn-radius layui-btn-disabled"
尺寸组合
大型百搭class="layui-btn layui-btn-lg layui-btn-radius layui-btn-normal"
小型警告class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger"
迷你禁用class="layui-btn layui-btn-xs layui-btn-radius layui-btn-disabled"

图标

<button type="button" class="layui-btn">  <i class="layui-icon layui-icon-down layui-font-12"></i> 按钮</button> <button type="button" class="layui-btn layui-btn-sm layui-btn-primary">  <i class="layui-icon layui-icon-left"></i></button>

默认按钮 样式 大小 圆角 流动自适应

**i 图标 样式 **

导航

​导航一般指页面引导性频道集合，多以菜单的形式呈现，可应用于头部和侧边，面包屑结构简单、支持自定义分隔符

​依赖加载的模块：element

实现的步骤：

引入的资源：

<link rel="stylesheet" href="layui/css/layui.css"/>
		<script type="application/javascript" src="layui/layui.js"></script>

  • class=“layui-nav”

  • class=“layui-nav-item”--class=“layui-nav-item layui-this”选中

    • class="layui-nav-child" 二级菜单

例子：

<ul class="layui-nav" lay-filter="">
		  <li class="layui-nav-item"><a href="">最新活动</a></li>
		  <li class="layui-nav-item layui-this"><a href="">产品</a></li>
		  <li class="layui-nav-item"><a href="">大数据</a></li>
		  <li class="layui-nav-item">
		    <a href="javascript:;">解决方案</a>
		    <dl class="layui-nav-child"> <!-- 二级菜单 -->
		      <dd><a href="">移动模块</a></dd>
		      <dd><a href="">后台模版</a></dd>
		      <dd><a href="">电商平台</a></dd>
		    </dl>
		  </li>
		  <li class="layui-nav-item"><a href="">社区</a></li>
	</ul>

垂直样式+侧边

class="layui-nav layui-nav-tree layui-nav-side"

背景颜色

样式往后加：layui-bg-orange

徽章

直接对应往后加

面包屑

<span class="layui-breadcrumb">  
    <a href="">首页</a>  
    <a href="">国际新闻</a> 
    <a href="">亚太地区</a>  
    <a><cite>正文</cite></a>
</span>
  • 选中
  • 通过设置属性 lay-separator="-" 来自定义分隔符

选项卡

引入资源:

<link rel="stylesheet" href="layui/css/layui.css"/>
		<script type="application/javascript" src="layui/layui.js"></script>
  • class="layui-tab"
<div class="layui-tab">
  <ul class="layui-tab-title">
    <li class="layui-this">网站设置</li>
    <li>用户管理</li>
    <li>权限分配</li>
    <li>商品管理</li>
    <li>订单管理</li>
  </ul>
  <div class="layui-tab-content">
    <div class="layui-tab-item layui-show">内容1</div>
    <div class="layui-tab-item">内容2</div>
    <div class="layui-tab-item">内容3</div>
    <div class="layui-tab-item">内容4</div>
    <div class="layui-tab-item">内容5</div>
  </div>
</div>

风格

默认风格：

  • layui-tab

简洁风格追加样式：

  • layui-tab-brief

卡片风格追加样式：

  • layui-tab-card

带删除

对父层容器设置属性 lay-allowClose="true" 来允许Tab选项卡被删除

表格

<table class="layui-table" lay-even>
	  <colgroup>
	    <col width="150">
	    <col width="200">
	    <col>
	  </colgroup>
	  <thead>
	    <tr>
	      <th>昵称</th>
	      <th>加入时间</th>
	      <th>签名</th>
	    </tr> 
	  </thead>
	  <tbody>
	    <tr>
	      <td>贤心</td>
	      <td>2016-11-29</td>
	      <td>人生就像是一场修行</td>
	    </tr>
	    <tr>
	      <td>许闲心</td>
	      <td>2016-11-28</td>
	      <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
	    </tr>
	  </tbody>
</table>
  • 添加属性 lay-even 隔行换色

风格

静态表格支持以下基础属性，可定义不同风格/尺寸的表格样式：

属性名属性值备注
lay-even无用于开启 隔行 背景，可与其它属性一起使用
lay-skin="属性值"line （行边框风格） row （列边框风格） nob （无边框风格）若使用默认风格不设置该属性即可
lay-size="属性值"sm （小尺寸） lg （大尺寸）若使用默认尺寸不设置该属性即可

表单

常用属性

  • equired 浏览器固定的必填字段
  • lay-verify="required" 需要验证的类型（required 表示为必填字段）
  • class=“layui-input” 提供的通用样式

文本框：

  • placeholder 当文本框为空时默认显示的文本信息
  • autocomplete 表单元素是否自动填充，当浏览器中缓存有相同name值是会自动填充

引入依赖

<link rel="stylesheet" href="layui/css/layui.css"/>
<script type="application/javascript" src="layui/layui.js"></script>
  • form 模块

1.给定form容器

class=“layui-form”

<form class="layui-form" action=""> 
</form>

2.基本的行区块结构，它提供了相应是的支持，可以换成其他结构，但必学要在外层容器中定义class=“layui-form”，form模块才能正常工作

<form class="layui-form">
			<div class="layui-form-item">
			    <label class="layui-form-label">标签区域</label>
			    <div class="layui-input-block">
			        <input type="text" name="tite" class="layui-input"/>
			    </div>
			</div>
		</form>
  • class="layui-input-block" 一整行
  • class="layui-input-inline" 行内

输入框

<input type="text" name="title" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
  • required：注册浏览器所规定的必填字段
  • lay-verify：注册form模块需要验证的类型
  • class="layui-input"：layui.css提供的通用CSS类

下拉框

<select name="city" lay-verify="required">
  <option value="">请选择一个城市</option>
  <option value="010">北京</option>
  <option value="021">上海</option>
  <option value="0571">杭州</option>
</select>
  • 通过selected=“selected”设置默认选项
  • disabled属性设置禁用
  • 通过option设置分组
  • 设置lay-search属性开启搜索功能
<select name="quiz">
	 <option value="">请选择</option>
	<optgroup label="城市记忆">
	 <option value="你工作的第一个城市">你工作的第一个城市？</option>
	</optgroup>
	<optgroup label="学生时代">
	 <option value="你的工号">你的工号？</option>
	<option value="你最喜欢的老师">你最喜欢的老师？</option>
	 </optgroup>
</select>

复选框

默认风格：
<input type="checkbox" name="" title="写作" checked>
<input type="checkbox" name="" title="发呆"> 
<input type="checkbox" name="" title="禁用" disabled> 
 
原始风格：
<input type="checkbox" name="" title="写作" lay-skin="primary" checked>
<input type="checkbox" name="" title="发呆" lay-skin="primary"> 
<input type="checkbox" name="" title="禁用" lay-skin="primary" disabled>
  • 属性title可自定义文本（温馨提示：如果只想显示复选框，可以不用设置title）
  • 属性checked可设定默认选中
  • 属性lay-skin可设置复选框的风格
  • 设置value="1"可自定义值，否则选中时返回的就是默认的on

开关

其实就是checkbox复选框的“变种”，通过设定 lay-skin="switch" 形成了开关风格

<input type="checkbox" name="xxx" lay-skin="switch">
<input type="checkbox" name="yyy" lay-skin="switch" lay-text="ON|OFF" checked>
<input type="checkbox" name="zzz" lay-skin="switch" lay-text="开启|关闭">
<input type="checkbox" name="aaa" lay-skin="switch" disabled>
  • 属性checked可设定默认开
  • 属性disabled开启禁用
  • 属性lay-text可自定义开关两种状态的文本 （打开的值|关闭的值）
  • 设置value="1"可自定义值，否则选中时返回的就是默认的on

单选框

<input type="radio" name="sex" value="nan" title="男">
<input type="radio" name="sex" value="nv" title="女" checked>
<input type="radio" name="sex" value="" title="中性" disabled>
  • 属性title可自定义文本
  • 属性disabled开启禁用
  • 设置value="xxx"可自定义值，否则选中时返回的就是默认的on

文本域

<textarea name="" required lay-verify="required" placeholder="请输入" class="layui-textarea"></textarea>

组装行内表单

div class="layui-form-item">
 
  <div class="layui-inline">
    <label class="layui-form-label">范围</label>
    <div class="layui-input-inline" style="width: 100px;">
      <input type="text" name="price_min" placeholder="￥" autocomplete="off" class="layui-input">
    </div>
    <div class="layui-form-mid">-</div>
    <div class="layui-input-inline" style="width: 100px;">
      <input type="text" name="price_max" placeholder="￥" autocomplete="off" class="layui-input">
    </div>
  </div>
  
  <div class="layui-inline">
    <label class="layui-form-label">密码</label>
    <div class="layui-input-inline" style="width: 100px;">
      <input type="passWord" name="" autocomplete="off" class="layui-input">
    </div>
  </div>
  
</div>
  • class="layui-inline"：定义外层行内
  • class="layui-input-inline"：定义内层行内

忽略美化渲染

<select lay-ignore>
  <option>…</option>
</select>
  • lay-ignore

方框效果

通过追加 layui-form-pane 的class，来设定表单的方框风格。内部结构不变。

<form class="layui-form layui-form-pane" action="">
  内部结构都一样，值得注意的是 复选框/开关/单选框 这些组合在该风格下需要额外添加 pane属性（否则会看起来比较别扭），如：
  <div class="layui-form-item" pane>
    <label class="layui-form-label">单选框</label>
    <div class="layui-input-block">
      <input type="radio" name="sex" value="男" title="男">
      <input type="radio" name="sex" value="女" title="女" checked>
    </div>
  </div>
</form>

弹出层

引入依赖：

<link rel="stylesheet" href="layui/css/layui.css"/>
	<script type="application/javascript" src="layui/layui.js"></script>

模块化：

  • layer

layer 作为 Layui 的代表性组件 ，比 Layui 要出现的早，作为 Layui 最早的源动力，layer 的使用之广泛甚至一度超过了 Layui 本身。 layer 拥有众多的自定义功能，也是许多开发者的网页弹出层的首选交互方案，在各类场景都能发挥重要作用。

场景用前准备
1. 作为独立组件使用如果你只是单独想使用 layer，你可以去 layer 独立版本官网下载组件包。你需要在你的页面引入Jquery1.8 以上的任意版本，并引入layer.js。
2. 作为 layui 组件使用如果你使用的是 layui，那么你直接在官网下载 layui 框架即可，无需引入 jQuery 和 layer.js，但需要引入layui.css和layui.js

到此这篇关于layui框架教程的文章就介绍到这了,更多相关layui使用内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网！

点击免费下载>>软考高级考试备考技巧/历年真题/备考精华资料

--结束END--

本文标题: layui框架教程

本文链接: https://www.lsjlt.com/news/168682.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑，方便收藏和打印～

下载Word文档
去做题
猜你喜欢
  • layui框架教程
    目录LayUILayUI的特点LayUI基本使用页面元素布局栅格系统响应式规则列边距：列偏移列嵌套基本元素按钮主题中间是空心：尺寸：流体自适应圆角图标导航垂直样式+侧边背景颜色徽章面...
    99+
    2022-11-13
  • layui框架有哪些特点
    Layui框架有以下特点： 简单易用：Layui提供了简洁的API接口，使用起来非常简单，即使对前端开发不熟悉的人员也能快速上手...
    99+
    2023-10-22
    layui
  • layui框架的组成部分是什么
    Layui框架的组成部分主要包括： 核心文件：包括layui.js和layui.css，分别用于引入Layui的JavaScri...
    99+
    2023-10-22
    layui
  • layui框架弹出层layer怎么使用
    使用Layui框架的弹出层（layer）可以通过以下步骤进行：1. 在HTML文件中引入Layui的样式和脚本文件：```html`...
    99+
    2023-09-22
    layui layer
  • layUI布局使用教程
    目录layui特点layui的使用1.页面元素1.1布局1.1.1固定宽度（两侧有留白效果）1.1.2完整宽度(占据屏幕宽度的100%)1.2.栅格系统1.2.1栅格布局规划1.2....
    99+
    2022-11-13
  • 如何渲染layui框架table数据表格
    这篇文章主要为大家展示了“如何渲染layui框架table数据表格”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“如何渲染layui框架table数据表格”这篇文...
    99+
    2022-10-19
  • python web GUI框架-NiceGUI 教程（一）
    python web GUI框架-NiceGUI 教程（一） streamlit可以在一些简单的场景下仍然推荐使用，但是streamlit实在不灵活，受限于它的核心机制，NiceGUI是一个灵活的we...
    99+
    2023-10-10
    python 前端 开发语言
  • Android入门教程之Picasso框架
    一、简介： Picasso是Square公司开源的一个Android图形缓存库。可以实现图片下载和缓存功能。 二、Picasso的特性 Picasso是一个Android图...
    99+
    2022-06-06
    picasso 教程 Android
  • SpringBoot框架搭建教程分享
    SpringBoot几乎集成了SpringMVC的所有内容，以及tomcat容器，同时去除了繁复的xml配置文件，开发起来十分方便；页面配合thymeleaf模板渲染也是非常简单，如果是前后端分离的项目，那么SpringBoot就专门负责提...
    99+
    2023-05-31
    springboot 框架 架
  • Laravel框架教程 入门篇（一）
    安装Laravel 通过Composer安装 composer create-project laravel/laravel example-appcd example-appphp artisan ...
    99+
    2023-09-01
    laravel php
  • layui如何使用前段框架日期控件
    这篇文章主要介绍layui如何使用前段框架日期控件，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！具体内容如下<!DOCTYPE html> <html&g...
    99+
    2022-10-19
  • SpringBoot + layui 框架实现一周免登陆功能
    ✅作者简介：2022年博客新星 第八。热爱国学的Java后端开发者，修心和技术同步精进。 🍎个人主页：Java Fans的博客 🍊个人信条：不迁怒，不贰过。小知识...
    99+
    2023-09-04
    springboot layui 一周免登陆
  • 【Python:Pycharm】mmSegmentation语义分割框架教程
    文章目录 一、MMSegmentation介绍二、MMSegmentation基本框架1、model设置2、dataset设置2.1 Dataset Class文件配置2.2 Dataset ...
    99+
    2023-09-30
    python pycharm
  • springboot]logback日志框架配置教程
    目录一、application配置文件实现日志配置日志格式占位符二、使用logback-spring.xml实现日志配置2.1.需求2.2.需求实现2.3.测试一下logback既可...
    99+
    2022-11-13
  • NodeJS测试框架mocha入门教程
    NodeJS里最常用的测试框架估计就是mocha了。它支持多种node的assert libs， 同时支持异步和同步的测试，同时支持多种方式导出结果，也支持直接在browser上跑Javascript代码测...
    99+
    2022-06-04
    框架 入门教程 测试
  • layui前端框架之table表数据如何刷新
    这篇文章给大家分享的是有关layui前端框架之table表数据如何刷新的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。最简单的方法就是：//当前页的刷新  $("...
    99+
    2022-10-19
  • python编程Flask框架简单使用教程
    目录基础知识使用框架的优点Flask常用扩展包基本格式拓展return重定向取网址参数content-typecookie\sessionflask路由request属性上下文注册路...
    99+
    2022-11-12
  • AndroidButterKnife依赖注入框架使用教程
    目录ButterKnife的工作原理BuffterKnife 采用 注解+ APT技术 APT：Annotation Processor tool 注解处理器，是javac的一个工具...
    99+
    2023-02-23
    Android ButterKnife依赖注入 Android ButterKnife Android依赖注入
  • 怎么安装vue框架（教程分享）
    Vue是一种流行的JavaScript框架，用于开发Web应用程序。Vue的独特之处在于它允许你构建可重用的组件，轻松地管理应用程序的状态，并将应用程序与后端服务器进行通信。本文将介绍Vue的安装过程。一、安装Node.js和npmVue的...
    99+
    2023-05-14
  • JavaScript与JQuery框架基础入门教程
    目录一，JS对象二，DOM–1，作用–2，测试三，Jquery–1，概述–2，使用步骤–3，入门案例–4，jQuery的文档就绪四，JQuery的语法–1，选择器–2,常用函数–3,...
    99+
    2022-11-12
软考高级职称资格查询
软考职称历年真题下载
软考职称资料下载
热门wiki
近期文章
推荐阅读
热门问答
热门标签
编程网，编程工程师的家园，是目前国内优秀的开源技术社区之一，形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容，为IT开发者提供了一个发现、使用、并交流开源技术的平台。

  • 官方手机版

  • 微信公众号

  • 商务合作