h5

基础
学什么
•写简单的网页
•JavaScript 编辑语言
•移动端 app

软件和硬件
硬件: 看的见,摸的到. 鼠标,键盘,硬盘,CPU,内存条
软件: 无形的. 软件程序,比如英雄联盟安装包, QQ安装包
对于一本书来说, 它的纸和墨是硬件, 它所包含的知识是软件.

B/S 和 C/S
Server 服务器
Client 客户端
Browser 浏览器
C/S 结构 需要专门下载安装程序, 然后再连接服务器使用
优点: 传输响应数据的速度快.
缺点: 1) 需要单独开发客户端. 费时间.
2) 软件升级时, 需要再次下载升级程序, 然后安装. 相对麻烦
B/S 结构 只要有浏览器, 通过浏览器连接服务器使用
优点: 1) 不需要单独开发客户端
2) 软件升级时, 只需要升级服务器端就可以.
缺点: 1) 传输响应数据的速度, 相对慢一些. 所以当业务对速度要求不苛刻的时候可以采用
2) 大量的数据与业务计算处理都放在服务器端, 导致服务器压力过大.
很多优化技术都是围绕降低服服务器压力, 提高访问效率的.

请求和响应
请求 ( Request )
浏览器 告诉 服务器 想要看什么网页. 就是在浏览器地址栏输入网址,然后回车
响应 ( Response )
服务器 回应 浏览器, 返回给它相关数据. 服务器返回内容,显示到浏览器中

URL (统一资源定位符)
浏览器 通过 URL地址 向服务器请求
https://list.jd.com/list.html?cat=670,671,1105&ev=exprice%5FM9000&sort=sort_totalsale
1.超文本传输协议 https 现在推荐使用的协议 http 很早以前使用这个协议
2.域名 向哪里的服务器请求 www.jd.com list.jd.com 称为二级域名 www.baidu.com www.taobao.com pvp.qq.com
3.具体请求的内容 list.html
4.参数 就是?后面的内容 cat=670,671,1105 ?sex=boy&age=16 参数名称=具体的值 参数之间用 & 连接, 中间不能有空格
5.端口
去银行, 不同的窗口提供不同的服务, 有些存钱取钱, 有些窗口是理财的.
在计算机中, 会虚拟出 65535个端口, 不同的程序占用不同的端口, 相对应不同的功能
针对访问网页来说:
https:// 协议 是访问服务器的443端口
http:// 协议 是访问服务器的 80 端口

status 状态
200 代表成功. 给你要的内容
403 代表拒绝. 就不给你 (你从爸妈要500, 不给你)
404 代表没有. 给不了你 (你要月亮… 给不了)

动态网站
就是网页上的内容会变化.
网页上很多信息都放在一个叫数据库的地方.

网页中有3种代码
浏览器的作用: 它把服务器返回的一大堆代码, 显示成为可以看的网页
•HTML 用标签把内容包起来. 看成一个个盒子容器.
•CSS 让网页好看点, 给网页化妆的
•JavaScript 网页上的一些弹窗口效果,等等其他效果

概括的说:
HTML 是 结构+内容
CSS 是 样式
JavaScript 是 行为