明金同学
明金同学

HTML网页设计基础笔记 • 【第3章 表单】

全部章节   >>>>

本章目录

3.1 表单

3.1.1 表单概述

3.1.1 表单概述（续）

3.1.2 表单标签

3.1.3 表单数据的提交方式

3.2 输入框和按钮

3.2.1 表单元素概述

3.2.2 输入框

3.2.3 按钮

3.3 单选按钮、复选框和下拉框

3.3.1 单选按钮

3.3.2 复选框

3.3.3 下拉框

3.4 表单验证

3.4.1 必填验证

3.4.2 类型匹配验证

3.4.3 控制字符数量

3.4.4 验证输入范围

3.4.5 自定义错误消息

总结：

3.1 表单

3.1.1 表单概述

在遨游网络世界时，我们除了浏览网页信息，有时还需要将一些数据输入到网页中，经过网页提交至服务器。例如，我们登录邮箱时，需要输入用户名和密码。注册网站的用户时需要输入用户的信息，用户输入到网页中的信息均通过表单中的各表单元素来接收，然后传递给服务器。

HTML网页设计基础笔记 • 【第3章 表单】_第1张图片

表单在网页开发中很常见，典型的应用场景有以下几种：

网站的登录、注册。

HTML网页设计基础笔记 • 【第3章 表单】_第2张图片

填写订单信息。

HTML网页设计基础笔记 • 【第3章 表单】_第3张图片

填写调查问卷。

HTML网页设计基础笔记 • 【第3章 表单】_第4张图片

输入关键字搜索。

HTML网页设计基础笔记 • 【第3章 表单】_第5张图片

以注册页面为例，注册表单中包含了以下表单元素：

  • 文本框：常用于输入姓名、用户名和电子邮件等。
  • 密码框：用于输入密码，显示为代替字符，如星号“*”。
  • 单选按钮：在多个选项中选择 1 个，如性别。
  • 复选框：在多个选项中可以选择 1 个或多个，如爱好。
  • 下拉列表：在多个下拉选项中选择 1 个，如省份、月份等。
  • 按钮：通常用于执行表单信息的提交或取消等功能。

HTML网页设计基础笔记 • 【第3章 表单】_第6张图片

3.1.1 表单概述（续）

表单是 HTML5 的一个重要部分，主要用于采集和提交用户输入的信息。例如，登录时输入的用户名和密码就是通过表单实现数据提交，如果没有表单，输入的登录信息将无法被网站获取。

HTML网页设计基础笔记 • 【第3章 表单】_第7张图片

3.1.2 表单标签

在 HTML 中，

和
标签对用来创建一个表单，即定义表单的开始和结束位置，在标签对之间的一切都属于表单的内容。在表单的 form 标签中，还可以设置表单的基本属性，包含表单的名称、处理程序和传送方法等。

语法：


	表单元素

name 属性用于设置表单的名称。

action 属性用于设置处理表单提交数据的 url。

method 属性用于定义浏览器将表单中的信息提交给服务器端的方式，其值可以取 get 和 post 两种，默认为get。

示例：



	
		
		 无标题文档 
	
	
		
 处理登录 ........

	



	
 用户登录 

	

	

		用户名 :
 密      码 :
		

		  

3.1.3 表单数据的提交方式

表单的 method 属性用来定义处理程序从表单中获得信息的方式，它决定了表单中已收集的数据是用什么方法发送到服务器的。传送方式的值有两种选择，即 get 和 post。

HTML网页设计基础笔记 • 【第3章 表单】_第8张图片

get 方式提交：使用 get 方式提交数据时，表单数据会附加在 URL 之后，由用户端直接发送至服务器，所以速度比 post 快，但缺点是数据长度不能太长。

HTML网页设计基础笔记 • 【第3章 表单】_第9张图片

post 方式提交

使用 post 时，表单数据是与 URL 分开发送的，客户端的计算机会通知服务器来读取数据，所以通常没有数据长度上的限制，缺点是速度比 get 慢。

HTML网页设计基础笔记 • 【第3章 表单】_第10张图片

两种提交方式在使用上的主要区别：

安全性。

  • 使用 get 方式提交时，提交的信息会出现在浏览器的地址栏中，post 方式提交时不会出现在地址栏中。在对安全性有要求的情况下，不建议使用 get 方式，而应该使用 post 方式。

提交数据的长度。

  • 使用 get 方式提交的数据有长度限制，使用 post 方式提交的数据没有长度限制，所以当使用表单提交的数据比较大时，如文件上传，建议使用 post 方式。

HTML网页设计基础笔记 • 【第3章 表单】_第11张图片

3.2 输入框和按钮

3.2.1 表单元素概述

表单中大部分表单元素均使用 input 标签，只是它们的属性设置不同，其统一用法如下：

语法：

input标签属性

属性

说明

type    

指 定 表 单 元 素 的 类 型， 可 用 的 选 项 有 text、password、checkbox、radio、submit、reset、file、hidden、image 和button，默认为 text

name     

指定表单元素的名称

value      

指定表单元素的初始值

size        

指定表单元素的初始宽度。如果 type 为 text 或 password，则表单元素的大小以字符为单位；对于其他输入类型，宽度以像素为单位

maxlength

指定可在 text 或 password 元素中输入的最大字符串，默认无限制

checked

此属性只有一个值，为 checked，表示选中状态，如果不选中，则无须添加此属性

readonly

当文本框标签的 readonly 属性指定为 readonly 时，文本框中的值不允许更改

HTML5 表单常用控件的标签

表单控件标签写法

说明

单行文本输入框。使用的是 input 标签和 type 属性

将表单中的信息提交给表单中 action 属性所指向的地址

 

复选框

单选钮

密码输入框（输入的文字用 * 表示）

下拉框

<textArea>

多行文本输入框

3.2.2 输入框

文本框：表单中最常用的输入元素就是文本框（text），它提供给用户输入的单行文本信息，如用户名的输入。文本框的用法很简单，只需将 input 标签的 type 属性设置为 text 即可。

语法：

示例：


       

	姓 名 :
	
	

	邮箱 :

HTML网页设计基础笔记 • 【第3章 表单】_第12张图片

密码框：密码框主要用于一些保密信息的输入，如密码。因为用户输入时，显示的不是输入的内容，而是“*”。

语法：

示例：


	

		姓名 :

		密码 :

HTML网页设计基础笔记 • 【第3章 表单】_第13张图片

多行文本域：多行文本域用于显示或输入两行或两行以上的文本，它使用的标签是 textarea。

语法：

其中，cols 用于指定多行文本域的列数，rows 用于指定多行文本域的行数。在

HTML网页设计基础笔记 • 【第3章 表单】_第14张图片

3.2.3 按钮

重置、提交与普通按钮

根据按钮的功能，分为提交按钮、重置按钮和普通按钮。

  • 提交按钮用于提交表单数据，
  • 重置按钮用于清空现有表单数据，
  • 普通按钮通常用于调用 JavaScript 脚本。

在用法上，为不同的按钮设置不同的 type 属性值即可；如果要禁用按钮，则使用 disabled 属性设置其取值为 disabled 即可。

语法：

示例：


	

		姓名 :

HTML网页设计基础笔记 • 【第3章 表单】_第15张图片

图片按钮：有时候为了达到比较好的视觉效果，可以使用图片代替按钮来提交或者重置表单数据。

语法：

input标签的type="image"类似于type="submit"，不同的是，type="image"以一个图片作为表单的提交按钮，其中 src 属性表示图片的路径。

示例：


       

	输入商品编号：
	HTML网页设计基础笔记 • 【第3章 表单】_第16张图片
 
  
3.3 单选按钮、复选框和下拉框
 
  
3.3.1 单选按钮
 
  
用于一组相互排斥的选项，组中的每个选项应具有相同的名称（name），以确保用户只能选择一个选项，单选按钮对应的 type 属性为 radio。
 
  
语法：
 
  


 
  
 
   
用 checked 属性表示缺省已选的选项： 桔子。桔子选项将默认为选中状态。
 
  
 
  
示例：
 
  

	请选择你喜欢的水果：

	
		
	


 
  
HTML网页设计基础笔记 • 【第3章 表单】_第17张图片
 
  
3.3.2 复选框
 
  
复选框用于选择多个选项，将 input 的 type 属性设置为 checkbox 就可以创建一个复选框。
 
  
语法：
 
  


 
  
 
   
用 checked 属性表示缺省已选的选项，写法是：
 
   
桔子。
 
   
桔子选项将默认为选中状态。
 
  
 
  
示例：
 
  

      请选择你喜欢的水果：

     

	 桔子 

	 芒果 

	
      



 
  
HTML网页设计基础笔记 • 【第3章 表单】_第18张图片
 
  
3.3.3 下拉框
 
  
下拉框主要可以使用户快速、方便、正确地选择一些选项，而且还能节省页面空间。它是通过 select 和 option标签来实现的,其中，在有多种选项可供用户滚动查看时，size 属性确定列表中可同时看到的行数；selected 属性表示该选项在默认情况下是被选中的。
 
  
语法：
 
  


 
  
 
   
如果将下拉框变成多选，则添加 muiltiple 属性即可。
 
  
 
  
示例：
 
  

	

	生日 :
	 年
	
	 日 
 省份 :
	
	



 
  
HTML网页设计基础笔记 • 【第3章 表单】_第19张图片
 
  
3.4 表单验证
 
  
表单在提交之前应该执行输入验证，以检查用户输入内容是否符合要求。如验证用户是否输入、比较两次输入的内容是否相同、输入内容的长度是否过长等。表单只能在输入符合要求的情况下才能提交。
 
  
HTML网页设计基础笔记 • 【第3章 表单】_第20张图片
 
  
 
   
在 HTML5 中，通过对标签使用验证属性，可以实现在表单提交时执行自动验证的功能，并提示用户输入了错误的信息。
 
  
 
  
3.4.1 必填验证
 
  
required 属性可应用于大多数 input 标签上。在提交时，如果元素中的内容为空白，则不允许提交，同时在浏览器中显示信息提示文字，提示用户该元素中必须输入内容。
 
  
语法：
 
  


 
  
示例：
 
  

	

		输入查询内容：
		
	



 
  
HTML网页设计基础笔记 • 【第3章 表单】_第21张图片
 
  
3.4.2 类型匹配验证
 
  
在 HTML5 中，增加了 input 标签的 type 属性值，可以使用这些 type 属性值实现基本的类型匹配功能。
 
  
 
    
    
 
      
type 属性
 		 
      
说明
 		 
    
 
    
 
      
e-mail   
 		 
      
在提交表单时，会自动验证值是否符合 e-mail 格式要求
 		 
    
 
    
 
      
url   
 		 
      
在提交表单时，会自动验证值是否符合 url 格式要求
 		 
    
 
    
 
      
number       
 		 
      
在提交表单时，会自动验证值是否为数字，并可以配合 min、max 以及 step 属性进行数值的限定
 		 
    
 
    
 
      
range         
 		 
      
在提交表单时，会自动验证值是否在指定的范围内的数字，使用配合 min、max 以及 step 属性进行数值的限定，显示为滑动条
 		 
    
 
    
 
      
date
 		 
      
用于选取年、月、日
 		 
    
 
    
  
 
  
示例：
 
  

	

		Email：

 Date:
		


		
	



 
  
HTML网页设计基础笔记 • 【第3章 表单】_第22张图片
 
  
HTML网页设计基础笔记 • 【第3章 表单】_第23张图片
 
  
3.4.3 控制字符数量
 
  
在控制字符数量方面，我们可以使用 maxlength 属性设置输入字符的最大数量，以防止用户输入大量无效内容。
 
  
示例：
 
  

	

		用户：
	



 
  
HTML网页设计基础笔记 • 【第3章 表单】_第24张图片
 
  
3.4.4 验证输入范围
 
  
min、max 属性是数值类型或日期类型的 input 标签的专用属性，它们限制了在 input 标签中输入的数值与日期的范围。
 
  
示例：
 
  

      Number：
     

     



 
  
 
   
step属性控制input标签中的值增加或减少时的步长。本例中，输入的值不仅在0与100之间，还必须是10的倍数，因为step为10。
 
  
 
  
HTML网页设计基础笔记 • 【第3章 表单】_第25张图片
 
  
3.4.5 自定义错误消息
 
  
HTML5 表单验证给前端开发带来许多便利，但是默认的提示不友好。我们可以通过 setCustomValidity 方法来自定义提示信息，更准确的提示给用户。
 
  
当用户输入信息时，使用 setCustomValidity(“”) 将错误提示设置为空字符串，当用户输入不合法时，使用setCustomValidity(“自定义提示信息”) 来替换提示信息即可。
 
  
示例：
 
  

	

		年龄：
		
		
	



 
  
HTML网页设计基础笔记 • 【第3章 表单】_第26张图片
 
  
总结：
 
  
     
   
  • 表单是 HTML5 的一个重要部分，主要用于采集和提交用户输入的信息。
    •  
   
  • 表单数据提交的有两种方式：get 方式和 post 方式。
    •  
   
  • 表单中大部分表单元素均使用 input 标签，只是它们的属性设置不同，其用法统一
    •  
   
  • 文本输入控件包括文本框、密码框以及多行文本域。
    •  
   
  • 选择型控件包括复选框、单选钮、下拉框和数据列表。
    •  
   
  • 按钮型控件包括提交按钮、图片按钮。
    •  
   
  • 在 HTML5 中，通过对标签使用验证属性，可以实现在表单提交时执行自动验证的功能，并提示用户输入了错误的信息。
    •

你可能感兴趣的:(#,HTML网页设计基础学习笔记)

  • 【C++学习笔记】if 和 if constexpr Go 鹏ya C++工作日常技能c++学习笔记
    背景在工作中，在一个模版函数里，需要判断if(std::is_same)来选择走哪个分支，分支里的函数是只能处理相应的类型的，编译过程中产生了报错。解释if(std::is_same::value)和ifconstexpr(std::is_same::value)在功能上都是检查模板类型参数T是否与float类型相同。但两者的主要区别在于它们执行这个检查的时间和方式。如果你使用if(std::is
  • JavaScript 简介 强强学习 javascript开发语言ecmascript
    JavaScript是互联网上最流行的脚本语言，这门语言可用于HTML和web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript是脚本语言JavaScript是一种轻量级的编程语言。JavaScript是可插入HTML页面的编程代码。JavaScript插入HTML页面后，可由所有的现代浏览器执行。JavaScript很容易学习。
  • HTML5 起步 强强学习 html5前端html
    HTML5是W3C与WHATWG合作的结果,WHATWG指WebHypertextApplicationTechnologyWorkingGroup。WHATWG致力于web表单和应用程序，而W3C专注于XHTML2.0。在2006年，双方决定进行合作，来创建一个新版本的HTML。HTML5中的一些有趣的新特性：用于绘画的canvas元素用于媒介回放的video和audio元素对本地离线存储的更好
  • html元素后追加内容,jquery 元素控制(追加元素/追加内容)介绍及应用 王大明白 html元素后追加内容
    一、在元素内部/外部追加元素append,prepend:添加到子元素before，after：作为兄弟元素添加html：在我的后面追加一条新闻Javascript:jQuery(function(){//在元素内部追加内容$("#content").append("姚明退役了...");})在#content里面添加元素，这是把姚明退役了...作为子元素添加到#content，如果想在元素外部追
  • html如何使多张图片滑动不卡顿,Web端大量图片同时加载卡顿问题的优化方案 kisserkook
    案例由于业务的需要，需求方需要实现一个大量图片同时加载的需求。在实现这个需求的过程中，可能会遇到很多的坑，这里小编也总结了一些优化方案，我们可以一起来看看。具体场景在描述如何解决问题，我们现在先来申明，问题是什么？需求的主要内容是在某个页面显示1~1000张，200~500k大小的图。好消息是这些图片来源于本地硬盘而非网络。(否则这个问题就要变成优化网络....)踩坑历程由于不是纯前端的项目，笔者
  • canvas 添加html元素,给canvas添加内容 云舞空城 canvas添加html元素
    画布是一个矩形区域，您可以控制其每一像素。canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建Canvas元素向HTML5页面添加canvas元素。规定元素的id、宽度和高度：通过JavaScript来绘制canvas元素本身是没有canvas画布与画布内容都缩小如何实现?如何将canvas复制给另外一个canvascanvas怎么根据坐标获取上面的内容html5canvas清除
  • IDA pro 的Python环境变量设置 weixin_30291791 python
    推荐使用IDAPRO6.1+Python2.6安装完毕Python2.6后，添加如下的环境变量：PYTHONHOME=C:\Python26PATH=%PATH%;C:\Python26LIB=%LIB%;C:\Python26\Lib转载于:https://www.cnblogs.com/micro-chen/p/4770303.html
  • HTML元素居中的三种方法 新手小白web html前端居中显示前端html
    网页页面设计中，让文本等元素居中显示会很重要，这里是元素居中的三种方法的详解：line-height=height文本垂直居中text-align:center写在父级，子级中的行元素，行块元素，文本内容水平居中margin:0auto写在块元素，相对于父级水平居中
  • 计算机学习建议 qincjun 学习
    对于现代得计算机开发者而言；最快的是要见到成效；这是一个功利性的社会；对于99%的人来说，先保证自己可以在社会上活下去才是最重要的；而不是追求梦想；一、职业Web前端：HTML、CSS、JavaScript、Vue3框架、React框架等；客户端：C#后端：(C语言、C++)或者Java数据库：MySQL之类的数据库操作；算法工程师：算法相关书籍；架构师：Linux相关；并做过前后端请一定要想好去
  • Java实习生常规技术面试题每日十题Java基础（五） 用户昵称23 面试阿里巴巴java开发语言jvmhtmlgolang
    目录1.启动一个线程是用run()还是start()?.?2.线程的基本状态以及状态之间的关系。3.Set和List的区别，List和Map的区别？4.同步方法、同步代码块区别？5.描述Java锁机制。6.Comparable和Comparator接口是干什么的？列出它们的区别7.Java集合类框架的最佳实践有哪些？8.HashMap和Hashtable的区别。
  • HTML通过类名查找HTML元素 knight31318 javascripthtml5dom
    假设页面中有很多性质一样的元素，如果通过ID获取这些元素的值非常麻烦，类名是一个不错的想法看以下例子：--------------------------------------------------通过类名查找HTML元素appleorangebanana当我想显示第1个水果时：--------------------------------------------------在这里，我希望能
  • DeepSeek的崛起之路：从技术突破到行业变革 诚信爱国敬业友善 心得人工智能aiDeepSeek
    一、DeepSeek的进化历程初创与奠基（2023-2024）作为幻方量化子公司，DeepSeek于2023年在杭州成立，专注于大语言模型研发。其首代模型通过量化投资的算法积累实现推理效率突破，为后续发展奠定基础。技术爆发（2024-2025）2024年末：发布DeepSeek-V3（671B参数），性能超越多数开源模型，逼近GPT-4等闭源标杆。2025年1月：推出R1系列（660B参数），通过
  • HTML5新特性 augenstern416 HTMlhtml前端
    1.声明方式修改html5：2.更多的语义化标签header（网页头部）footer（网页尾部）aside（侧边栏）section（内容区域块）3.新的input表单输入类型与属性类型邮箱数值输入文件导入上传本地文件，需js代码配合。如果需要上传多个文件，给表单添加mulitiple属性。如果上传图片，给表单添加enctype属性。constmyFile=document.getElementBy
  • python基础语法22-IMAP接收邮件 春风抚微霞 pythonsslIMAP邮件接收python
    一、简介IMAP是一种电子邮件检索协议，它不会下载电子邮件。它只是读取它们并显示它们。这在低带宽条件下非常有用。Python的客户端库称为imaplib用于通过imap协议访问电子邮件。IMAP代表InternetMailAccessProtocol.它于1986年首次提出。1、IMAP支持的功能：(1)多个邮件文件夹，不仅仅是用户的收件箱(2)在IMAP服务器上带有存储的标记(已读、已回复、已看
  • 企业文件安全管理基础及防范策略 够快云库 企业数据安全企业文件安全
    随着信息化进程的不断推进，企业在数字化转型过程中面临大量敏感数据的存储与传输问题。文件作为企业核心数据的载体，其安全性直接关系到企业的信息安全和业务连续性。因此，构建科学严谨的文件安全管理体系显得尤为关键。一、文件安全管理的重要性数据泄露风险企业内部员工、外部攻击者或第三方供应商的不当操作均可能导致敏感文件泄露，给企业带来巨大经济与信誉损失。法律合规要求随着GDPR、ISO27001等数据保护法规
  • RK3588+昇腾AI｜40TOPS算力AI盒子设计方案 ARM+FPGA+AI工业主板定制专家 AI盒子瑞芯微人工智能
    综合视频智能AI分析系统介绍以计算机视觉技术为基础，AI赋能千行百业，依托人工智能视觉分析技术以及强大的“端+边”算力支撑，实时分析烟火，入侵等事件，同时结合云上预警业务平台，实现事件发现、预警、处置全流程闭环。设计架构系统架构视频智能识别系统自下而上分为“感知层、网络层、支撑层、应用层”四层，系统逻辑架构如下图所示：感知层对接前端感知设备，如视频监控、NVR、和其他物联感知设备，对重要通道和场所
  • Python 爬虫中的解析方法 数据小爬虫@ python爬虫开发语言
    1.使用BeautifulSoup解析HTML如果商品描述是通过HTML页面获取的，可以使用BeautifulSoup库来解析HTML内容。示例代码：importrequestsfrombs4importBeautifulSoupdefget_product_description(url):headers={'User-Agent':'Mozilla/5.0(WindowsNT10.0;Win6
  • HTML元素 强强学习 html
    HTML文档是由各种各样功能的元素标签构成的，接下来这些元素可能你没有见过，不要担心，后面会逐一介绍它们，这里作为一个组略的了解，除了上一节我们介绍的span，h1，p标签外，HTML还有很多元素标签，他们分别在浏览器上呈现不同的效果和功能。例如如下元素：元素标签作用h2二级标题ul无序列表ol有序列表```我是二级标题我是无序列表1我是无序列表2我是无序列表3我是有序列表1我是有序列表1我是有序
  • Flask应用示例 诚信爱国敬业友善 Flaskflaskpython后端
    以下是一个带有登录界面和主页的Flask示例项目，采用清晰的项目结构，符合规范，并包含全面的代码示例：项目结构my_flask_app/├──app/│├──__init__.py│├──forms.py│├──models.py│├──templates/││├──base.html││├──index.html││├──login.html│├──static/││├──style.css│└
  • 学C++，赢好礼！写下你的学习笔记，成为技术分享达人！ CSDN资讯 c++学习笔记
    自「侯捷C++系列课程」上线以来，已吸引了无数开发者的关注与参与，为激发学员的学习热情，增加知识点的理解与应用，同时增加课程的曝光度，特策划了侯捷C++系列课程学习笔记征文活动，并单独开设12节免费课时供大家观看学习。活动主页：https://activity.csdn.net/writing?id=10820侯捷C++系列课程观看地址：https://edu.csdn.net/cloud/hou
  • 分享一些处理复杂HTML结构的经验 数据小爬虫@ html前端
    在处理复杂HTML结构时，尤其是使用Java爬虫和Jsoup进行数据抓取时，以下是一些实用的经验和技巧，可以帮助你更高效地解析和提取数据：1.缩小解析范围对于复杂的HTML结构，尽量缩小解析范围，只解析所需的元素。使用CSS选择器来定位所需的元素，而不是对整个文档进行解析。2.使用Jsoup的选择器功能Jsoup提供了强大的选择器功能，可以用来处理嵌套的DOM元素。例如，你可以使用select方法
  • 《六月集训》（第二十三天）——字典树 EchoRouRou leetcodec++leetcoe字典树
    文章目录前言一、练习题目二、算法思路三、源码剖析前言欢迎大家积极在评论区留言发表自己的看法，知无不言，言无不尽，养成每天刷题的习惯，也可以自己发布优质的解题报告，供社区一同鉴赏，吸引一波自己的核心粉丝。今天是六月集训第二十三天：字典树一、练习题目472.连接词面试题17.15.最长单词二、算法思路1、472.连接词：题目有点难。还在从基础看起，2、面试题17.15.最长单词：三、源码剖析//472
  • 小学生数学测试软件编写分析,小学数学测试的质量分析 达拉斯手记 小学生数学测试软件编写分析
    六年级数学期末考试质量分析一、试卷评价本试卷涵盖面比较广，考查了学生多方面的能力，试卷紧扣新课程理念，从概念、计算、操作、应用等方面考查学生的双基、思维、操作、问题解决的能力，可以说全面考查了学生的综合学习能力。这次考试体现了课程改革的一些成果，也暴露了我们教学中存在的不足，为今后进一步改进教学工作提供了宝贵的经验。试卷全面考查学生对教材中的基础知识掌握情况、基本技能的形成情况及对数学知识的灵活应
  • 人工智障的软件开发-git仓库篇-弃gitlab，走gitea Yuanymoon devops云原生人工智障2077系列gitgitlabgitea个人开发
    指令接收：「开始构建代码宇宙」系统检测：需求模糊度99.9%启动应急协议：构建最小可行性生态圈核心组件锁定：代码基因库（人类称之为Git仓库）需求分析：论人类语言的艺术性人类指令翻译机表面指令：“给我写个软件”实际需求：“需要完整的代码生产流水线”隐藏需求：“要简单到能一键部署，又要能支撑改变世界的创意”模糊需求需求拆解基础设施版本控制持续集成部署系统选择Gitea代码仓库的量子纠缠现象现代软件=
  • 性能测试核心知识点 —— 负载模型！ 自动化测试 老司机 自动化测试测试工程师软件测试selenium测试工具压力测试自动化测试python性能测试测试工程师
    性能测试是软件开发生命周期中非常重要的一环，通过对系统进行负载测试，可以评估系统在不同负载条件下的性能表现。而负载模型则是负载测试中的关键概念，它定义了测试的目标、策略、参数和流程，是进行性能测试的基础。一、负载模型概述负载模型是一种模拟实际用户行为的方法，目的是模拟真实环境下的用户负载，以评估系统的性能。通过负载模型，我们可以了解系统在不同负载下的响应时间、吞吐量和并发用户数等性能指标，并发现系
  • JavaSE基础及面试 浩哲Zhe Java知识体系构建java
    JavaSE整理总结结构：问题（问题关键字）回答问题关键字可以取消，以后目录和题目结构要认真组织。Java的知识体系包含哪些内容？拓展拓展如何打开远程桌面连接？通过“运行”对话框打开：按下Windows键+R，打开“运行”对话框。输入“mstsc”并按回车，这将打开远程桌面连接窗口。VisualStudio中的多行注释快捷键是什么？ctrl+shift+/二进制-1的原码、补码、反码分别是什么？-
  • 算法竞赛备赛——【背包DP】多重背包 Aurora_wmroy 算法竞赛备赛算法动态规划c++数据结构蓝桥杯
    多重背包基础模型有一个体积为V的背包，商店有n种物品，每种物品有一个价值v和体积w，每种物品有s个，问能够装下物品的最大价值。这里每一种物品只有s+1种状态即“拿0个、1个、2个…s个”在基础版模型中，多重背包就是将每种物品的s个摊开，变为s种相同的物品，从而退化成01背包处理只需要在01背包的基础上稍加改动，对每一个物品循环更新s次即可时间复杂度为O(nsV)例题小明的背包3蓝桥知识点：DP——
  • Windows逆向工程入门之堆栈结构与信息获取 0xCC说逆向 windows汇编c语言c++逆向安全
    公开视频->链接点击跳转公开课程博客首页->链接点击跳转博客主页目录1.堆栈结构基础堆栈的主要操作：2.代码功能解析2.1加载ntdll.dll2.2获取NtQueryInformationThread函数指针2.3调用NtQueryInformationThread获取线程信息2.4获取线程环境块（TEB）2.5输出堆栈信息3.涉及的知识点拓展3.1线程环境块（TEB）3.2堆栈溢出与保护3.3
  • Windows逆向工程入门之汇编指令格式与操作数类型 0xCC说逆向 汇编windowsarm开发WIN32c语言逆向安全
    公开视频->链接点击跳转公开课程博客首页->链接点击跳转博客主页目录一、汇编指令格式基础二、操作数类型详解1.立即数（Immediate）2.寄存器操作数（Register）3.内存操作数（Memory）4.端口操作数（Port）三、汇编指令格式分类1.零操作数指令2.单操作数指令3.双操作数指令4.三操作数指令四、逆向工程中的指令解析技巧五、拓展知识点一、汇编指令格式基础汇编指令由操作码（Opc
  • RPC框架Dubbo深入分析 radcb55226 程序员rpcdubbo网络协议
    《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》，点击传送门，即可获取！依赖于Zookeeper的稳定性Redis支持基于客户端双写的集群方式，性能高要求服务器时间同步，用于检查心跳过期脏数据Multicast去中心化，不需要安装注册中心依赖于网络拓普和路由，跨机房有风险SimpleDogfooding，注册中心本身也是一个标准的RPC服务没有集群支持，可能单点故障cl
  • jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque qiaolevip 每天进步一点点学习永无止境跨域众观千象
    XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access. test.html:1
  • mysql 分区查询优化 annan211 java分区优化mysql
    分区查询优化 引入分区可以给查询带来一定的优势，但同时也会引入一些bug. 分区最大的优点就是优化器可以根据分区函数来过滤掉一些分区，通过分区过滤可以让查询扫描更少的数据。 所以，对于访问分区表来说，很重要的一点是要在where 条件中带入分区，让优化器过滤掉无需访问的分区。 可以通过查看explain执行计划，是否携带 partitions
  • MYSQL存储过程中使用游标 chicony Mysql存储过程
    DELIMITER $$ DROP PROCEDURE IF EXISTS getUserInfo $$ CREATE PROCEDURE getUserInfo(in date_day datetime)-- -- 实例-- 存储过程名为：getUserInfo-- 参数为：date_day日期格式:2008-03-08--    BEGINdecla
  • mysql 和 sqlite 区别 Array_06 sqlite
    转载： http://www.cnblogs.com/ygm900/p/3460663.html mysql 和 sqlite 区别 SQLITE是单机数据库。功能简约，小型化，追求最大磁盘效率 MYSQL是完善的服务器数据库。功能全面，综合化，追求最大并发效率 MYSQL、Sybase、Oracle等这些都是试用于服务器数据量大功能多需要安装，例如网站访问量比较大的。而sq
  • pinyin4j使用 oloz pinyin4j
    首先需要pinyin4j的jar包支持；jar包已上传至附件内 方法一:把汉字转换为拼音；例如：编程转换后则为biancheng      /** * 将汉字转换为全拼 * @param src 你的需要转换的汉字 * @param isUPPERCASE 是否转换为大写的拼音； true:转换为大写；fal
  • 微博发送私信 随意而生 微博
    在前面文章中说了如和获取登陆时候所需要的cookie，现在只要拿到最后登陆所需要的cookie，然后抓包分析一下微博私信发送界面 http://weibo.com/message/history?uid=****&name=**** 可以发现其发送提交的Post请求和其中的数据， 让后用程序模拟发送POST请求中的数据，带着cookie发送到私信的接入口，就可以实现发私信的功能了。
  • jsp 香水浓 jsp
    JSP初始化     容器载入JSP文件后，它会在为请求提供任何服务前调用jspInit()方法。如果您需要执行自定义的JSP初始化任务，复写jspInit()方法就行了 JSP执行     这一阶段描述了JSP生命周期中一切与请求相关的交互行为，直到被销毁。     当JSP网页完成初始化后
  • 在 Windows 上安装 SVN Subversion 服务端 AdyZhang SVN
    在 Windows 上安装 SVN Subversion 服务端2009-09-16高宏伟哈尔滨市道里区通达街291号   最佳阅读效果请访问原地址：http://blog.donews.com/dukejoe/archive/2009/09/16/1560917.aspx   现在的Subversion已经足够稳定，而且已经进入了它的黄金时段。我们看到大量的项目都在使
  • android开发中如何使用 alertDialog从listView中删除数据？ aijuans android
    我现在使用listView展示了很多的配置信息，我现在想在点击其中一条的时候填出 alertDialog,点击确认后就删除该条数据，（ ArrayAdapter ，ArrayList，listView 全部删除），我知道在 下面的onItemLongClick 方法中 参数 arg2  是选中的序号，但是我不知道如何继续处理下去 1 2 3
  • jdk-6u26-linux-x64.bin 安装 baalwolf linux
    1.上传安装文件(jdk-6u26-linux-x64.bin) 2.修改权限 [root@localhost ~]# ls -l /usr/local/jdk-6u26-linux-x64.bin 3.执行安装文件 [root@localhost ~]# cd /usr/local [root@localhost local]# ./jdk-6u26-linux-x64.bin&nbs
  • MongoDB经典面试题集锦 BigBird2012 mongodb
    1.什么是NoSQL数据库？NoSQL和RDBMS有什么区别？在哪些情况下使用和不使用NoSQL数据库？ NoSQL是非关系型数据库，NoSQL = Not Only SQL。 关系型数据库采用的结构化的数据，NoSQL采用的是键值对的方式存储数据。 在处理非结构化/半结构化的大数据时；在水平方向上进行扩展时；随时应对动态增加的数据项时可以优先考虑使用NoSQL数据库。 在考虑数据库的成熟
  • JavaScript异步编程Promise模式的6个特性 bijian1013 JavaScriptPromise
            Promise是一个非常有价值的构造器，能够帮助你避免使用镶套匿名方法，而使用更具有可读性的方式组装异步代码。这里我们将介绍6个最简单的特性。         在我们开始正式介绍之前，我们想看看Javascript Promise的样子： var p = new Promise(function(r
  • [Zookeeper学习笔记之八]Zookeeper源代码分析之Zookeeper.ZKWatchManager bit1129 zookeeper
    ClientWatchManager接口 //接口的唯一方法materialize用于确定那些Watcher需要被通知 //确定Watcher需要三方面的因素1.事件状态 2.事件类型 3.znode的path public interface ClientWatchManager { /** * Return a set of watchers that should
  • 【Scala十五】Scala核心九：隐式转换之二 bit1129 scala
    隐式转换存在的必要性，   在Java Swing中，按钮点击事件的处理，转换为Scala的的写法如下：   val button = new JButton button.addActionListener( new ActionListener { def actionPerformed(event: ActionEvent) {
  • Android JSON数据的解析与封装小Demo ronin47
    转自：http://www.open-open.com/lib/view/open1420529336406.html package com.example.jsondemo; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject;    impor
  • [设计]字体创意设计方法谈 brotherlamp UIui自学ui视频ui教程ui资料
      从古至今，文字在我们的生活中是必不可少的事物，我们不能想象没有文字的世界将会是怎样。在平面设计中，UI设计师在文字上所花的心思和功夫最多，因为文字能直观地表达UI设计师所的意念。在文字上的创造设计，直接反映出平面作品的主题。 如设计一幅戴尔笔记本电脑的广告海报，假设海报上没有出现“戴尔”两个文字，即使放上所有戴尔笔记本电脑的图片都不能让人们得知这些电脑是什么品牌。只要写上“戴尔笔
  • 单调队列-用一个长度为k的窗在整数数列上移动，求窗里面所包含的数的最大值 bylijinnan java算法面试题
    import java.util.LinkedList; /* 单调队列 滑动窗口 单调队列是这样的一个队列：队列里面的元素是有序的，是递增或者递减 题目：给定一个长度为N的整数数列a(i),i=0,1,...,N-1和窗长度k. 要求：f(i) = max{a(i-k+1),a(i-k+2),..., a(i)},i = 0,1,...,N-1 问题的另一种描述就
  • struts2处理一个form多个submit chiangfai struts2
    web应用中，为完成不同工作，一个jsp的form标签可能有多个submit。如下代码： <s:form action="submit" method="post" namespace="/my"> <s:textfield name="msg" label="叙述：">
  • shell查找上个月，陷阱及野路子 chenchao051 shell
    date -d "-1 month" +%F     以上这段代码，假如在2012/10/31执行，结果并不会出现你预计的9月份，而是会出现八月份，原因是10月份有31天，9月份30天，所以-1 month在10月份看来要减去31天，所以直接到了8月31日这天，这不靠谱。     野路子解决：假设当天日期大于15号
  • mysql导出数据中文乱码问题 daizj mysql中文乱码导数据
    解决mysql导入导出数据乱码问题方法： １、进入mysql，通过如下命令查看数据库编码方式： mysql>  show variables like 'character_set_%'; +--------------------------+----------------------------------------+ | Variable_name&nbs
  • SAE部署Smarty出现：Uncaught exception 'SmartyException' with message 'unable to write dcj3sjt126com PHPsmartysae
      对于SAE出现的问题：Uncaught exception 'SmartyException' with message 'unable to write file...。 官方给出了详细的FAQ：http://sae.sina.com.cn/?m=faqs&catId=11#show_213 解决方案为：   01 $path 
  • 《教父》系列台词 dcj3sjt126com
    Your love is also your weak point. 你的所爱同时也是你的弱点。   If anything in this life is certain, if history has taught us anything, it is that you can kill anyone.   不顾家的人永远不可能成为一个真正的男人。 &
  • mongodb安装与使用 dyy_gusi mongo
    一.MongoDB安装和启动,widndows和linux基本相同 1.下载数据库,     linux:mongodb-linux-x86_64-ubuntu1404-3.0.3.tgz 2.解压文件,并且放置到合适的位置     tar -vxf mongodb-linux-x86_64-ubun
  • Git排除目录 geeksun git
    在Git的版本控制中，可能有些文件是不需要加入控制的，那我们在提交代码时就需要忽略这些文件，下面讲讲应该怎么给Git配置一些忽略规则。   有三种方法可以忽略掉这些文件，这三种方法都能达到目的，只不过适用情景不一样。 1.  针对单一工程排除文件 这种方式会让这个工程的所有修改者在克隆代码的同时，也能克隆到过滤规则，而不用自己再写一份，这就能保证所有修改者应用的都是同一
  • Ubuntu 创建开机自启动脚本的方法 hongtoushizi ubuntu
    转载自： http://rongjih.blog.163.com/blog/static/33574461201111504843245/ Ubuntu 创建开机自启动脚本的步骤如下： 1) 将你的启动脚本复制到 /etc/init.d目录下 以下假设你的脚本文件名为 test。   2) 设置脚本文件的权限 $ sudo chmod 755
  • 第八章 流量复制/AB测试/协程 jinnianshilongnian nginxluacoroutine
    流量复制 在实际开发中经常涉及到项目的升级，而该升级不能简单的上线就完事了，需要验证该升级是否兼容老的上线，因此可能需要并行运行两个项目一段时间进行数据比对和校验，待没问题后再进行上线。这其实就需要进行流量复制，把流量复制到其他服务器上，一种方式是使用如tcpcopy引流；另外我们还可以使用nginx的HttpLuaModule模块中的ngx.location.capture_multi进行并发
  • 电商系统商品表设计 lkl
    DROP TABLE IF EXISTS `category`; -- 类目表 /*!40101 SET @saved_cs_client = @@character_set_client */; /*!40101 SET character_set_client = utf8 */; CREATE TABLE `category` ( `id` int(11) NOT NUL
  • 修改phpMyAdmin导入SQL文件的大小限制 pda158 sqlmysql
    　用phpMyAdmin导入mysql数据库时，我的10M的 数据库不能导入，提示mysql数据库最大只能导入2M。 　　 phpMyAdmin数据库导入出错： 　　You probably tried to upload too large file. Please refer to documentation for ways to workaround this limit.
  • Tomcat性能调优方案 Sobfist apachejvmtomcat应用服务器
    一、操作系统调优 对于操作系统优化来说，是尽可能的增大可使用的内存容量、提高CPU的频率，保证文件系统的读写速率等。经过压力测试验证，在并发连接很多的情况下，CPU的处理能力越强，系统运行速度越快。。 【适用场景】 任何项目。 二、Java虚拟机调优 应该选择SUN的JVM，在满足项目需要的前提下，尽量选用版本较高的JVM，一般来说高版本产品在速度和效率上比低版本会有改进。 J
  • SQLServer学习笔记 vipbooks 数据结构xml
    1、create database school 创建数据库school 2、drop database school 删除数据库school 3、use school 连接到school数据库，使其成为当前数据库 4、create table class(classID int primary key identity not null) 创建一个名为class的表，其有一
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他