前端BootStrap与LayUI框架

最新推荐文章于 2024-04-23 16:26:38 发布
VIP文章 最新推荐文章于 2024-04-23 16:26:38 发布
阅读量1k 收藏 4
点赞数 1
文章标签： bootstrap 前端 layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52992141/article/details/127708904
版权

七、BootStrap

7.1、BootStrap模板

<!DOCTYPE html>
<html lang="en">
  <head>
     <meta charset="utf-8">
     <!--使用X-UA-Compatible来设置IE浏览器兼容模式 最新的渲染模式-->	
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <!--
        viewport表示用户是否可以缩放页面；
        width指定视区的逻辑宽度；
        device-width指示视区宽度应为设备的屏幕宽度；
        initial-scale指令用于设置Web页面的初始缩放比例
        initial-scale=1则将显示未经缩放的Web文档
     -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Bootstrap的HTML标准模板</title>   
     <!-- 载入Bootstrap 的css -->
     <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
  </head>
  <body>
  	<h1>Hello, world!</h1>     
      
    <!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
  	<script src="js/jquery-3.4.1.js"></script>
  	<!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用　-->
  	<script src="bootstrap/js/bootstrap.min.js"></script> 
  </body>    
</html>

7.2、布局容器

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>布局容器</title>
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"/>
	</head>
	<body>
		<!-- 
		   布局容器
				1、.container 类用于固定宽度并支持响应式布局的容器。
					<div class="container"></div>
				2、.container-fluid类用于100% 宽度，占据全部视口（viewport）的容器。
					<div class="container-fluid"></div>
		-->
		
		<!-- .container 类用于固定宽度并支持响应式布局的容器。  -->
		<!-- <div class="container" style="background-color: thistle;height: 500px;">
			.container 类用于固定宽度并支持响应式布局的容器。
		</div> -->
		
		<!-- .container-fluid类用于100% 宽度，占据全部视口（viewport）的容器。 -->
		<div class="container-fluid" style="background-color: thistle;height: 500px;" >
			.container-fluid类用于100% 宽度，占据全部视口（viewport）的容器。
		</div>
	</body>
</html>

7.3、栅格网格

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>栅格网格系统</title>
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"/>
	</head>
	<body>
		
		<div style="background-color: mediumaquamarine;">4</div>
		<div style="background-color: navajowhite;">8</div>
		<hr />
		
		
		<!-- 
			栅格网格系统
				1. 列组合
					列总和数不能超12，大于12，则自动换到下一行
				2. 列偏移
					只需要在列元素上添加类名"col-md-offset-*"(其中星号代表要偏移的列组合数)，那么具有这个类名的列就会向右偏移。
					例如，你在列元素上添加"col-md-offset-8"，表示该列向右移动8个列的宽度(要保证列与偏移列的总数不超过12，不然会致列断行|换行显示)。
				3. 列排序
					列排序其实就是改变列的方向，就是改变左右浮动，并且设置浮动的距离。
					在Bootstrap框架的网格系统中是通过添加类名 col-md-push-* 和 col-md-pull-*  (其中星号代表移动的列组合数)。往前pull，往后push。
				4. 列嵌套
					Bootstrap框架的网格系统还支持列的嵌套。
					你可以在一个列中添加一个或者多个行（row）容器，然后在这个行容器中插入列.
				
		 -->
		
		<!-- 布局容器 -->
		<div class="container">
			<!-- 行元素 -->
			<div class="row">
				<!-- 列元素   col-xs-数值  col-sm-数值  col-md-数值  col-lg-数值 -->
				<div class="col-md-4 col-lg-4" style="background-color: deepskyblue;">4</div>
				<div class="col-md-8 col-lg-8" style="background-color: bisque;">8</div>
			</div>
			
			<hr>
			<!-- 列组合  -->
			<div class="row">
				<div class="col-md-1" style="background-color: mediumslateblue;">1</div>
				<div class="col-md-1" style="background-color: burlywood;">1</div>
				<div class="col-md-1" style="background-color: indianred;">1</div>
				<div class="col-md-1" style="background-color: darkturquoise;">1</div>
			</div>
			<div class="row">
				<div class="col-md-6" style="background-color: lightblue;">6</div>
				<div class="col-md-6" style="background-color: lightgoldenrodyellow;">6</div>
			</div>
			<div class="row">
				<div class="col-md-4" style="background-color: green;">4</div>
				<div class="col-md-4" style="background-color: fuchsia;">4</div>
				<div class="col-md-4" style="background-color: azure;">4</div>
			</div>
			<!-- 列的总数不能超过12 -->
			<div class="row">
				<div class="col-md-4" style="background-color: burlywood;">4</div>
				<div class="col-md-4" style="background-color: darkcyan;">4</div>
				<div class="col-md-5" style="background-color: goldenrod;">5</div>
			</div>
			
			<hr />
			<!-- 列偏移 -->
			<div class="row">
				<div class="col-md-1" style="background-color: mediumslateblue;">1</div>
				<div class="col-md-1 col-md-offset-1" style="background-color: burlywood;">1</div>
				<div class="col-md-1" style="background-color: indianred;">1</div>
				<div class="col-md-1 col-md-offset-4" style="background-color: darkturquoise;">1</div>
			</div>
			
			
			<hr />
			<!-- 列排序 -->
			<div class="row">
				<div class="col-md-1" style="background-color: black;">1</div>
				<div class="col-md-1 col-md-push-3" style="background-color: blue;">1</div>
				<div class="col-md-1" style="background-color: gold;">1</div>
				<div class="col-md-1 col-md-pull-2" style="background-color: green;">1</div>
			</div>
			
			
			<hr />
			<!-- 列嵌套 -->
			<div class="row">
				<div class="col-md-6" style="background-color: navajowhite;">
					<div class="row">
						<div class="col-md-1" style="background-color: #31708F;">1</div>
						<div class="col-md-9" style="background-color: khaki;">9</div>
						<div class="col-md-1" style="background-color: rosybrown;">1</div>
						<div class="col-md-1" style="background-color: palegreen;">1</div>
					</div>
				</div>
				<div class="col-md-6" style="background-color: teal;">
					6
				</div>
			</div>
			
			<hr/>
			<div class="row">
				<div class="col-md-3 col-sm-6" style="background-color: darkblue">3</div>
				<div class="col-md-3 col-sm-6" style="background-color: brown">3</div>
				<div class="col-md-3 col-sm-6" style="background-color: rosybrown">3</div>
				<div class="col-md-3 col-sm-6" style="background-color: blueviolet">3</div>
			</div>
			
	
			
		</div>
	</body>
</html>

7.4、常用样式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>常用样式</title>
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"/>
	</head>
	<body>
		
		<!-- 
			常用样式
				1. 标题
					bootstrap对h1~h6的标题效果进行覆盖
					提供了对应的类名，为非标题元素设置样式  .h1~.h6
					副标题 small标签 或 .small类名
				2. 段落
					通过.lead 来突出强调内容(其作用就是增大文本字号，加粗文本，而且对行高和margin也做相应的处理。
					<small>:小号字
					<b><strong>:加粗				
					<i><em>:斜体
				3. 强调
					.text-muted：提示，使用浅灰色（#999）					
					.text-primary：主要，使用蓝色（#428bca）					
					.text-success：成功，使用浅绿色(#3c763d)					
					.text-info：通知信息，使用浅蓝色（#31708f）					
					.text-warning：警告，使用黄色（#8a6d3b）					
					.text-danger：危险，使用褐色（#a94442）
				4. 对齐效果
					Bootstrap通过定义四个类名来控制文本的对齐风格：
						.text-left：左对齐 
						.text-center：居中对齐 
						.text-right：右对齐  
						.text-justify：两端对齐。


		 -->
		 <!-- 标题 -->
		 <h1>标题1<small>副标题</small></h1>
		 <h2>标题2<span class="small">副标题2</span></h2>
		 <h3>标题3</h3>
		 <div class="h1">你好</div>
		 
		 <hr>
		 <!-- 段落-->
		 <p>通过.lead 来突出强调内容(其作用就是增大文本字号，加粗文本，而且对行高和margin也做相应的处理。</p>
		 <p class="lead">通过.lead 来突出<small>强调</small><b>内容</b>(其作用就是<strong>增大</strong>文本<i>字号</i>，加粗<em>文本</em>，而且对行高和margin也做相应的处理。</p>
		
		<hr>
		<!-- 强调 -->
		<div class="text-muted">.text-muted：提示，使用浅灰色（#999）</div>
		<div class="text-primary">.text-primary：主要，使用蓝色（#428bca）	</div>				
		<div class="text-success">.text-success：成功，使用浅绿色(#3c763d)		</div>			
		<div class="text-info">.text-info：通知信息，使用浅蓝色（#31708f）</div>					
		<div class="text-warning">.text-warning：警告，使用黄色（#8a6d3b）	</div>				
		<div class="text-danger">.text-danger：危险，使用褐色（#a94442）</div>
		

		<hr>
		<!-- 对齐效果 -->
		<p style="text-align: right;">Bootstrap通过定义四个类名来控制文本的对齐风格</p>
		<p class="text-left">左对齐 - Bootstrap通过定义四个类名来控制文本的对齐风格</p>
		<p class="text-right">右对齐 - Bootstrap通过定义四个类名来控制文本的对齐风格</p>
		<p class="text-center">居中对齐- Bootstrap通过定义四个类名来控制文本的对齐风格</p>
		<p class="text-justify">
			Hello 网格系统的实现原理非常简单，仅仅是通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份
			Hi 网格系统的实现原理非常简单，仅仅是通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份
			网格系统的实现原理非常简单，仅仅是通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份
		</p>	
	</body>
</html>


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>常用样式</title>
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"/>
	</head>
	<body>
		<!-- 
			1. 列表
				无序列表(<ul><li>…</li></ul>)				
				有序列表(<ol><li>…</li></ol>)		
				定义列表(<dl><dt>…</dt><dd>…</dd></dl>)
			2. 代码
				（1）使用<code></code>来显示单行内联代码				
				（2）使用<pre></pre>来显示多行块代码			
					样式：pre-scrollable (height,max-height高度固定,为340px,超过存在滚动条)				
				（3）使用<kbd></kbd>来显示用户输入代码,如快捷键
			
			
		 -->
		 
		 <!-- 无序 列表-->
		 <ul>
		     <li>无序项目列表一</li>
		 	<li>无序项目列表二</li>
		 </ul>
		 <!-- 有序列表 -->
		 <ol>
		     <li>无序项目列表一</li>
		 	<li>无序项目列表二</li>
		 </ol>
		 <!-- 定义列表-->
		 <dl>
		 	<dt>HTML</dt>
		 	<dd>超文本标记语言</dd>
		 	<dt>CSS</dt>
		 	<dd>层叠样式表是一种样式表语言</dd>
		 </dl>
		 <hr />
		 <!-- 去点列表-->
		 <ul class="list-unstyled">
		     <li>无序项目列表一</li>
		 	<li>无序项目列表二</li>
		 </ul>
		 <!-- 内联列表 -->
		 <ul class="list-inline">
		 	<li>首页</li>
		 	<li>java学院</li>
		 	<li>在线课堂</li>
		 </ul>
		 <!-- 自定义列表 内联列表 -->
		 <dl class="dl-horizontal">
		     <dt>HTML 超文本标记语言</dt>
		     <dd>HTML称为超文本标记语言，是一种标识性的语言。</dd>		   
		     <dt>测试标题不能超过160px的宽度,否则2个点</dt>
		     <dd>我在写一个水平定义列表的效果，我在写一个水平定义列表的效果。</dd>
		 </dl>
		 
		 <hr><br>
<!-- 使用<code></code>来显示单行内联代码	 -->
this is a simple code

<code>this is a simple code</code> <br>
<code>
	this is a simple code<br>
	this is a simple code
</code>
<!-- 快捷键 -->
<p>使用<kbd>ctrl</kbd> + <kbd>s</kbd>保存内容</p>
<!-- 多行代码 -->
<!-- 代码会保留原本的格式，包括空格和回车 -->
<pre>
public class HelloWorld {
	public static void main(String[] args){
		System.out.println("hello      world...");
	}
}
</pre>
<!-- 显示html代码需要使用字符实体 -->
<pre>
	&lt;h2&gt;你好&lt;/h2&gt;
</pre>
<!-- 当长度超过指定值，可以添加滚动条 -->
<pre class="pre-scrollable">
	<ol>
		<li>...........</li>
		<li>...........</li>
		<li>...........</li>
		<li>...........</li>
		<li>...........</li>
		<li>...........</li>
		<li>...........</li>
		<li>...........</li>
		<li>...........</li>
		<li>...........</li>
		<li>...........</li>
		<li>...........</li>
	</ol>
</pre>

<hr />


<!-- 表格 -->
<table class="table table-bordered table-striped table-hover table-condensed">
	<tr class="info">
	    <th>JavaSE</th>
		<th>数据库</th>
		<th>JavaScript</th>
	</tr>
	<tr class="success">
	    <td>面向对象</td>
	    <td>oracle</td>
	    <td>json</td>
	</tr>
	<tr class="warning">
	    <td>数组</td>
		<td>mysql</td>
		<td>ajax</td>
	</tr>
	<tr class="active">
	    <th>JavaSE</th>
		<th>数据库</th>
		<th>JavaScript</th>
	</tr>
	<tr class="danger">
	    <td>面向对象</td>
	    <td>oracle</td>
	    <td>json</td>
	</tr>
	<tr >
	    <td>数组</td>
		<td>mysql</td>
		<td>ajax</td>
	</tr>
</table>
		 
		 
	</body>
</html>

7.5、表单控件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单</title>
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"/>
	</head>
	<body>
		<!-- 
			表单
				1. 文本框 
					.form-control 表单元素的样式
					表单控件的大小	.input-lg 	.input-sm
				2. 下拉框
					.form-control 表单元素的样式
					multiple="multiple" 设置下拉框多选
				3. 文本域
					.form-control 表单元素的样式
				4. 复选框
					垂直显示   .checkbox
					水平显示	  .checbox-inline
				5. 单选框
					垂直显示   .radio
					水平显示	  .radio-inline
				6. 按钮
					1. 使用按钮
						基础样式： .btn
						附加样式：btn-primary  btn-info  btn-success  btn-warning  btn-danger  btn-link  btn-default
					2. 多标签使用
						其他标签可以通过添加按钮样式设置成按钮效果（a标签、span标签等）
					3. 按钮大小
						大按钮	.btn-lg
						正常按钮	.btn-sm
						小按钮	.btn-xs
					4. 按钮禁用
						1.通过disabled属性（真正的禁用元素）
						2.通过disabled样式（样式上禁用）
		 -->
		 <input type="text" /> <br>
		 <select>
			 <option>请选择城市</option>
			 <option>上海</option>
			 <option>北京</option>
		 </select> <br>
		 <textarea></textarea><br>
		 <input type="checkbox" name="hobby" /> 唱歌
		 <input type="checkbox" name="hobby" /> 跳舞 <br>
		 <input type="radio" name="sex" /> 男
		 <input type="radio" name="sex" /> 女<br>
		 <button>按钮</button> <input type="button" value="按钮" />
		 
		 <hr><br>
		 
		 
		  <!-- 文本框-->
		 <div class="row">
			 <div class="col-md-3">				
				 <input type="text" class="form-control" /> <br>
				 <input type="text" class="form-control input-lg" /> <br>
				 <input type="text" class="form-control input-sm" /> <br>
			 </div>
		 </div>
		 <!--  下拉框 -->
		 <div class="row">
			 <div class="col-md-3">
				 <select class="form-control">
					 <option>请选择城市</option>
					 <option>上海</option>
					 <option>北京</option>
				 </select> <br>
				 <select class="form-control" multiple="multiple">
					 <option>请选择城市</option>
					 <option>上海</option>
					 <option>北京</option>
最低0.47元/天 解锁文章
也້໌ᮨ
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jquery+bootstrap+layui前端框架三件套
08-03
包含jquery-1.9.1和bootstrap-3.3.7和layui-v2.5.6三个前端框架，这三个都是前端开发常用的强大框架
[前端组件]layui、bootstrap
weixin_44275351的博客
10-06 399
Java网站一些常用的前端UI，可以美化我们的前端页面，常见的有Layui和Bootstrap。
layui和bootstrap 对比
weixin_34268610的博客
07-23 2417
layui和bootstrap 对比 这两个都属于UI渲染框架。 layui是国人开发的一套框架，2016年出来的，现在已更新到2.X版本了。比较新，轻量级，样式简单好看。 bootstrap 相对来说是比较成熟的一个框架，现在已经更新到4.X版本。是一个很成熟的框架，这个大部分人一般都用过。 适用范围不一样 layui 其实更偏向与后端开发人员使用，在服...
layUI前端框架
04-03
包含大部分常用的 layUI 小例子以及其他网站多个前端常用插件如日期，分页，图片懒加载等等近二十个例子，可直接使用，自认为比bootstrap好用无数倍
SpringBoot+Mybatis+SpringSecurity+Bootstrap+Layui开发的java web轻量级小巧视频网站系统
01-02
SpringBoot+Mybatis+SpringSecurity+Bootstrap+Layui开发java web轻量级小巧视频网站系统 项目描述 PC端+手机端模式自适应 支持本地资源视频文件上传在线播放，同时支持在线资源链接上传（ed2k、迅雷、等资源）下载，会员授权管理，第三方支付/一键生成秘钥，CkPlayer在线播放、第三方分享功能、评分系统、后台管理等功能. 运行环境 Jdk8+Mysql5.7.21+IntelliJ IDEA2019.01+Maven 项目技术(必填) 1. 采用了最简洁、最流程的SpringBoot(2.1.3.RELEASE)作为基础整合框架 2. MyBatis作为ORM数据库持久化框架,配合TkMapper使用 3. 视图解析器采用了thymeleaf 4. 前段UI框架采用BootStrap4.0.0, 配合Layui UI经典模块化前端框架 5. 在线播放器采用CkPlayer6.7 6. 百度多平台分享插件 数据库文件 链接：https://pan.baidu.com/s/1dVi4oakRPECfhHgew5aSGw 提取码：mgkc jar包文件 使用maven管理，采用maven进行项目的jar包管理，请使用maven工具根据pom文件配置阿里云仓库(vrps-sply/settings_sply.xml)自行下载
BootStrap和LayUI
qq_43658407的博客
04-16 4467
1. BootStrap BootStrap的使用 Bootstrap是一套现成的CSS样式集合，Bootstrap 是最受欢迎的HTML、CSS和JS框架，用于开发响应式布局、移动设备优先的WEB项目。 1.特点： 1.简洁、直观、强悍的前端开发框架，html、css、javascript 工具集，让web开发更速、简单。 2.基于html5、css3的bootstrap，具有大量的诱人特性：友好的学习曲线，卓越的兼容性，响应式设计，12列格网，样式向导文档。 3.自定义JQuery插件
bootstrap&layui
HAfraid的博客
03-30 669
平板≥768px：6/12 | 桌面端≥992px：4/12。
Boostrap&LayUI
weixin_61399281的博客
04-16 1183
Boostrap 官网：http://getbootstrap.com/ 中文网：http://www.bootcss.com/ BootStrap 特点 1. 简洁、直观、强悍的前端开发框架，html、css、javascript 工具集，让 web 开发更速、简单。 2. 基于html5、css3的bootstrap，具有大量的诱人特性：友好的学习曲线，卓越的兼容性，响应式设 计，12列格网，样式向导文档。 3. 自定义 JQuery 插件，完整的类库，bootstrap3 基于Less，bo
Bootstrap与Layui简单使用（适合后端）
堂堂百星王者
11-14 6321
Layui 下载 layui官网 资源引入 将解压后layui-v2.5.6\layui-v2.5.6下的layui文件夹放入项目根路径即可 html头： <head> <meta charset="utf-8" /> <title>数据绑定</title> <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/> <script src=
BootStrap&LayUI
ffgyfgj的博客
05-07 549
BootStrap使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <!--使⽤X-UA-Compatible来设置IE浏览器兼容模式 最新的渲染模式--> <meta http-equiv="X-UA-Compatible" content="IE=...
前端采用Bootstrap,layui后端采用Spring+SpringMVC+Mybatis技术小型系统
09-25
前端采用Bootstrap,layui后端采用Spring+SpringMVC+Mybatis技术整合SSM框架 小型系统 学习使用 后端增删改查 访客管理 地图API JQUERY日历 前端Bootstrap设计 书画页面
轻量级的layui框架后台模板bootstrap
08-05
轻量级的layui框架后台模板bootstrap,想使用的快来下载
FS-Blog：个人博客，Spring Boot开山之作，采用Spring Boot + MyBatis，前端Bootstrap + LayUI，支持程序员非常青睐的轻量化的Markdown编辑器Editor.md，支持标签分类检索
02-01
涉及技术及工具核心框架：SpringBoot ORM框架：MyBatis MyBatis工具：MyBatis Mapper MVC框架：Spring MVC模板引擎：Freemarker编译辅助插件：Lombok CSS框架：BootStrap 4.0 Markdown编辑器：Editor.md数据库：...
bootstrap框架_Layui和bootstrap前端框架对比
weixin_36068140的博客
01-31 2192
layui(谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于 2016 年金秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之...
Layui 简单介绍及入门
YZZdear的博客
07-11 1572
目录一.Layui （国产品牌） 1.1 Layui是什么二.比较layui和easyui，bootstrap的区别 2.1 layui和bootstrap的对比 2.2 layui和easyui对比三.Layui入门四.案例 用我的话来说就是 不仅拥有easyui丰富的组件库，还拥有bootstrap 的美观，嘿嘿 layui是一套开源的 Web UI 解决方案，采用自身经典的模块化规范，并遵循原生 HTML/CSS/JS 的开发方
Yii 2 安装并使用 layui 替换 bootstrap
xbvan的博客
03-15 307
新建 Yii 项目以及替换 bootstrap 为 layui
【前端】数组的常用处理函数
lcukyNwa的博客
04-22 418
item------->每个元素值 (必)index----->索引（可选）arr-------- >当前数组（可选）推荐vscode的一款插件来写以下的demo，该插件可以直接在js文件中显示结果，搜 Quokka.js用这个插件去新建一个js文件，直接就运行在node上了forEach不会返回一个新的数组，里面改值会影响原数组，其他方法不影响原数组map可以返回新数组 用于映射，如每个元素都加倍或执行其他转换操作every返回一布尔值，需数组中全部满足。
C++ WebServer的细节理解
我的博客
04-22 602
在非阻塞模式下，如果 I/O 操作不能立即完成（例如，因为没有数据可读 或 写缓冲区满），系统不会让调用进程阻塞等待，而是立即返回一个错误（通常为 EAGAIN 或 EWOULDBLOCK）。先查询文件描述符 fd 当前的标志，然后将 O_NONBLOCK 标志加入其中，并通过 F_SETFL 来更新文件描述符，最终实现将该文件描述符切换为非阻塞模式。这意味着，如果没有待处理的连接请求（即没有客户端尝试连接到服务器），accept() 会一直阻塞，直到有新的连接请求到达或发生其他特定条件（如超时）为止。
SpringBoot项目打包分离高阶操作
最新发布
Record Little
04-23 627
虽然传输jar包 比较大，但是安全性、稳定性比较高，不需要关注pom.xml 添加了新的依赖、更新了版本号等等影响版本功能的操作。关注maven的特性， profiles即可满足， 根据不同的activation 状态，激活不同的build操作。每次修改一小部分代码或仅仅更新某个依赖jar包时，都需要重新进行整个项目的构建、打包、上传和部署。但是当你的项目趋于稳定，只有业务上的逻辑变更时，如果使用分离版本，可以加快迭代、更新的速度。弊端： 需要配置IDE命令，修改依赖时需要同时修改2处。
前端框架除了layui框架还有那些框架，对于这些框架layui框架的优势
05-14
除了layui框架，还有很多其他的前端框架，比如： - Bootstrap：一个流行的响应式前端框架，提供了丰富的组件和样式。 - Materialize：一个基于Google Material Design的前端框架，提供了美观的UI组件。 - Semantic ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值