摘要: JS特点 JS是运行在浏览器上的一种脚本语言 1.脚本语言 脚本语言是一种简单的程序,规模小,不需要编译,运行快,是由一些ASCII字符构成,可以使用任何一种文本编辑器编写。脚本语言是指在web浏览器内有解释器解释执行的编程语言,每次运行程序的时候,解释器会把程序代码翻译成可执行的格式。一些程序语言 阅读全文
posted @ 2023-01-03 17:02 CodeWhisperer001 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 1.1 JS介绍 Javascript是一种由Netscape(网景)的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。当时服务端需要对数据进行验证,由于网络速度相当缓 阅读全文
posted @ 2023-01-03 16:59 CodeWhisperer001 阅读(39) 评论(0) 推荐(0) 编辑
摘要: ​ html5版本新增了很多类型,我们挑一些常用的进行展示: 详细学习地址可以参照w3c进行学习: https://www.w3school.com.cn/html5/att_input_type.asp <!DOCTYPE html> <html> <head> <meta charset="UT 阅读全文
posted @ 2023-01-02 17:31 CodeWhisperer001 阅读(9) 评论(0) 推荐(0) 编辑
摘要: ​ form表单中可以放入的标签 就是表单元素 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="" method="get"> <!--表单元素--> 阅读全文
posted @ 2023-01-02 17:29 CodeWhisperer001 阅读(16) 评论(0) 推荐(0) 编辑
摘要: ​ 前后端交互流程: 表单在 Web 网页中用来给访问者填写信息,从而能采集客户端信息,使网页具有交互的功能。一般是将表单设计在一个Html 文档中,当用户填写完信息后做提交(submit)操作,于是表单的内容就从客户端的浏览器传送到服务器上,经过服务器上程序处理后,再将用户所需信息传送回客户端的浏 阅读全文
posted @ 2023-01-02 17:26 CodeWhisperer001 阅读(55) 评论(0) 推荐(0) 编辑
摘要: ​ 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的 阅读全文
posted @ 2023-01-02 17:23 CodeWhisperer001 阅读(7) 评论(0) 推荐(0) 编辑
摘要: ​ 【1】生活案例入手: 【2】盒子模型: 页面上也有很多元素,元素之间的布局/设计 依靠 盒子模型: 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。 盒模 阅读全文
posted @ 2023-01-02 17:19 CodeWhisperer001 阅读(36) 评论(0) 推荐(0) 编辑
摘要: ​ 【1】position 属性指定了元素的定位类型。 【2】静态定位:(static) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--静态定位: 如果我们不写posit 阅读全文
posted @ 2023-01-02 17:01 CodeWhisperer001 阅读(26) 评论(0) 推荐(0) 编辑
摘要: ​ 【1】什么是浮动? 浮动设计的初衷为了解决文字环绕图片问题,浮动后一定不会将文字挡住,这是设计初衷,不能违背的。 CSS 的 Float(浮动)使元素脱离文档流,按照指定的方向(左或右发生移动),直到它的外边缘碰到包含框或另一个浮动框的边框为止。 说到脱离文档流要说一下什么是文档流,文档流是是文 阅读全文
posted @ 2023-01-02 16:55 CodeWhisperer001 阅读(42) 评论(0) 推荐(0) 编辑
摘要: ​ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*属性选择器*/ input[type="password"]{ background-color: red 阅读全文
posted @ 2023-01-02 16:46 CodeWhisperer001 阅读(20) 评论(0) 推荐(0) 编辑