H5

130 阅读3分钟

基础

学什么

写简单的网页

• JavaScript 编辑语言

移动端

app

软件和硬件

硬件

: 看的见,摸的到. 鼠标,键盘,硬盘,CPU,内存条

软件

: 无形的. 软件程序,比如英雄联盟安装包, QQ安装包

对于一本书来说

, 它的纸和墨是硬件, 它所包含的知识是软件.

B/S 和 C/S

Server 服务器

Client 客户端

Browser 浏览器

C/S 结构 需要专门下载安装程序, 然后再连接服务器使用

优点

: 传输响应数据的速度快.

缺点

: 1) 需要单独开发客户端. 费时间.

  1. 软件升级时, 需要再次下载升级程序, 然后安装. 相对麻烦

B/S 结构 只要有浏览器, 通过浏览器连接服务器使用

优点

: 1) 不需要单独开发客户端

  1. 软件升级时, 只需要升级服务器端就可以.
缺点

: 1) 传输响应数据的速度, 相对慢一些. 所以当业务对速度要求不苛刻的时候可以采用

  1. 大量的数据与业务计算处理都放在服务器端, 导致服务器压力过大.
很多优化技术都是围绕降低服服务器压力

, 提高访问效率的.

请求和响应

请求

( Request )

浏览器
告诉
服务器
想要看什么网页

. 就是在浏览器地址栏输入网址,然后回车

响应

( Response )

服务器
回应
浏览器

, 返回给它相关数据. 服务器返回内容,显示到浏览器中

URL (统一资源定位符)

浏览器
通过

URL地址 向服务器请求

list.jd.com/list.html?c…

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 是

**行为**