Web开发基础(读书笔记)

读书笔记:简单+基础

HTML(hyper Text Markup Language,超文本标记语言)

URL(Uniform Resource Locator,统一资源定位器)构成3部分:协议/主机DNS名/文件名。

HTML对大小写并不敏感

HTML标记(基本标记/表格标记/表单标记)

表单

1 <form></form> 表单标记
2 <input></input> 输入标记
3 <select></select> 选择下拉框
4 <option></option> 下拉框中的选项

1.

<form action="checklogin.jsp" method ="POST">

action 用来指明处理该表单数据的程序所在位置,method用于指明传送资料的方式,可选值有POST和GET。POST允许传送大量的资料,提交的信息不会显示在地址栏中,而GET方式只接受低于1KB的资料,提交信息会显示在浏览器地址栏中。

2.

type表示输入方式

<input type="text" > 表示单行文本输入框
<input type="radio" > 表示单选框
<input type="checkbox" > 表示复选框
<input type="password" > 表示密码输入框
<input type="submit" > 表示提交按钮

 

JavaScript

JSP中java在服务器端运行的程序,编译在执行,而JavaScript·是在客户端运行的程序代码,由客户端浏览器解析执行

<script language="JavaScript">

</script>

JavaScript中的事件常用的有单击事件/改变事件和选中事件等

 

Web信息交互

在HTML中主要是通过窗体对象(Form)与JavaScript 进行交互。

窗体对象(Form)构成了Web页面的基础元素,通常一个Web页面可以有一个窗体或几个窗体,使用Forms[]数组来实现不同窗体的访问,窗体对象最主要的功能就是能够直接访问HTML文档中的窗体。

窗体对象的基本元素由按钮/单选按钮,复选按钮,提交按钮,重置按钮及文本框等组成,方法/事件与属性(见书表)。在JavaScript中要访问这些基本元素,必须通过对应特定窗体元素的数组下标或窗体元素名来实现。每个元素要通过该元素的属性或方法才能引用。

 

正则表达式就是用来表述模式匹配的规则

正则表达式由两种字符构成。一种是元字符,元字符是指“\|()[]{}-^$*?.+”,这些字符用来限定一定的格式;除了元字符意外的其他字符都是基本字符。在正则表达式中,元字符不能直接作为模式的一部分。需要进行转义(前面加反斜杠)

.”是出换行符外任意一个字符,“|”或的意思,“[]”结合使用是表示某特定类型的字符,例如[dzy]等价于d|z|y,表示可以是d,z,y这三个自负这个三个字符中的任意一个。“-”表示一段范围,“$”表示模式必须出现在目标串的结尾,如“un$”表示以un结尾的字符串,“^”表示除了指定类型意外的字符,“()”结合使用表示一个字模式,“?*+”是数量限定符,“?”是0个或1个,“*”是0个或多个,“+”表示1个或多个,“{}”大括号结合使用表示匹配的次数。形如“{n,m}”表示匹配至少n次,最多m次。

 

 

小结(略)

 

为了安全起见,咋JavaScript验证数据合法性规则的同时,同样需要在服务器端应用做出验证。

 

转载于:https://www.cnblogs.com/pursuitofacm/p/7120182.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Web前端开发这一领域是现代互联网行业中非常重要的一个职业岗位,负责将设计师设计的网站页面转化为实际可交互的网页。为了适应这个职业的要求,我进行了一段时间的预习,并整理了一些笔记。 首先,了解HTML(超文本标记语言)是十分重要的。它是构建网页结构的标准,可以通过标签定义不同的元素,如标题、段落、链接等。我学习了HTML的基本语法,如标签的使用规范、嵌套关系等。 其次,对CSS(层叠样式表)的理解也是必要的。通过CSS,我可以为HTML元素添加样式或者布局,使页面更加美观和易于阅读。我学习了CSS的选择器、属性和值,以及如何对文本、盒模型进行样式设置。 另外,JavaScript是实现网页交互性的重要一环。我了解了JavaScript的基本语法和DOM(文档对象模型),可以通过JavaScript操作网页元素,实现动态效果、表单验证等功能。 在学习的过程中,我还关注了响应式设计的概念。响应式设计可以使网页在不同设备上提供良好的用户体验,通过CSS媒体查询和弹性布局等技术,使页面适应不同的屏幕大小和分辨率。 此外,我还进行了一些实践练习,通过编写一些小项目来巩固所学知识。这些实践项目包括创建静态网页、制作简单的动画效果、实现表单验证等,帮助我理解和应用所学的技术。 综上所述,我的Web前端开发预习笔记主要包括HTML、CSS、JavaScript以及响应式设计的基础知识和实践经验。我相信这些准备工作可以为我之后的学习和工作打下良好的基础
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值