常用的JavaScript设计模式
-
单体模式
-
工厂模式
-
例模式
函数
-
函数的定义
-
局部变量和全局变量
-
返回值
-
匿名函数
-
自运行函数
-
闭包
Document```
学号 姓名 性别 专业 01 张三 男 计科 02 李四 男 美术 03 王五 女 体育 运行结果为：
需要注意的是：若表格中的属性没有 border 时，整体表格都不会有边框，如：
若表格中的属性没有 cellspacing 时，单元表之间默认是有间隙的，如：
2.0 表单标签概述
表单标签可能我们每天都会接触到，比如账号密码的登录。在网页中主要负责数据采集功能。
表单的结构形式：
2.1 表单标签定义
：定义表单的整体
action：规定当提交表单时向何处发送表单数据，URL 。如果不指定，默认提交到当前页面。
method：规定用于发送表单数据的方式，GET、POST：
get：在 url 后面拼接表单数据，url 长度有限制，默认值。
post：在消息体(请求体)中传递的，参数大小无限制。
代码如下：
<form action="" method="get">
表单项1
表单项2
...
</form>
3.0 表单项标签概述
表单项是组成表单的基本元素
表单项的结构：
比如性别这项，是由表单项定义而来。
3.1 表单项标签定义
：表单项，通过 type 属性控制输入形式
type 属性：
：定义下拉列表， 定义列表项 ：文本域，cols：指定一行多少个字符；rows：指定一共多少行。
代码如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <form action="" method="post"> 姓名: <input type="text" name="username"><br><br> 密码: <input type="password" name="pass"><br><br> 性别: <label><input type="radio" name="gender" value="1">男</label> <label><input type="radio" name="gender" value="2">女</label><br><br> 爱好: <label><input type="checkbox" name="hobby" value="java">java</label> <label><input type="checkbox" name="hobby" value="game">game</label> <label><input type="checkbox" name="hobby" value="sing">sing</label><br><br> 图像: <input type="file" name="imag"><br><br> 生日: <input type="date" name="birthday"><br><br> 时间: <input type="time" name="t"><br><br> 日期时间: <input type="datetime-local" name="localtime"><br><br> 邮箱: <input type="email" name="email"><br><br> 年龄: <input type="number" name="age"><br><br> 学历: <select name="gender"> <option value="0">--------请选择--------</option> <option value="1">--------高中--------</option><br> <option value="2">--------初中--------</option><br> <option value="3">--------小学--------</option><br> </select><br><br> 描述: <textarea name="dis" cols="30" rows="10"></textarea><br><br> <input type="button" value="按钮"> <input type="reset" value="重置"> <input type="submit" value="提交"> </form> </body> </html>运行结果为：
填完数据之后，查看数据提交的位置
所填写的数据：
结尾
学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
