基本概念

基本概念

互联网原理

IP

概念：IP是Internet Protocol（网际互连协议）的缩写，是TCP/IP体系中的网络层协议。设计IP的目的是提高网络的可扩展性：一是解决互联网问题，实现大规模、异构网络的互联互通；二是分割顶层网络应用和底层网络技术之间的耦合关系，以利于两者的独立发展。IP主要包含三方面内容：IP编址方案、分组封装格式及分组转发规则。

IP是整个TCP/IP协议族的核心，也是构成互联网的基础。IP位于TCP/IP模型的网络层(相当于OSI模型的网络层)，对上可载送传输层各种协议的信息，例如TCP、UDP等；对下可将IP信息包放到链路层，通过以太网、令牌环网络等各种技术来传送。

特点：1.虚拟的网络地址 2.32位的二进制数字 3.分为4组，每8位为一组。转换为10进制。

优点：开放性；轻量级；稳定性；可扩展性；

局域网

概念：局域网，缩写为LAN。是指在某一区域内由多台计算机互联成的计算机组。局域网是封闭型的，可以由办公室内的两台计算机组成，也可以由一个公司内的上千台计算机组成。

特点：覆盖的地理范围较小，只在一个相对独立的局部范围内联；使用专门铺设的传输介质进行联网，数据传输速率高（10Mb/s～10Gb/s）；通信延迟时间短，可靠性较高；局域网可以支持多种传输介质。

常见的局域网拓朴结构:星型、树型、总线型、环型。

广域网

概念：广域网，缩写为 WAN，又称广域网、外网、公网。指的是连接不同地区局域网或城域网计算机通信的远程网。通常跨接很大的物理范围。一般所指的互联网是属于一种公共型的广域网。实际上就是个一个设备数量超级庞大的局域网。想要接入互联网，需要在骨干城市搭设服务器，次要的城市搭设次要的服务器，需要在各个角落铺设线路。这就需要大量资金进行前期建设，还需要后期维护。

特点：覆盖范围广；没有固定的拓扑结构；通常使用高速光纤作为传输媒介；主干宽大；；数据传输距离远，延时较长；管理维护困难。

广域网可以分为公共传输网络、专用传输网络和无线传输网络

ISP

互联网服务提供商（Internet Service Provider），简称ISP，指的是面向公众提供下列信息服务的经营者：一是接入服务，即帮助用户接入Internet；二是导航服务，即帮助用户在Internet上找到所需要的信息；三是信息服务，即建立数据服务系统，收集、加工、存储信息，定期维护更新，并通过网络向用户提供信息内容服务。

三大运营商：移动 、电信 、联通。

IPV4

网际协议版本4（IPv4），又称互联网通信协议第四版。IPv4是互联网的核心，也是使用最广泛的网际协议版本，其后继版本为（IPv6）。IPv4使用32位（4字节）地址，因此地址空间中只有4,294,967,296（2）个地址。

理论上可以提供42亿的地址。假如有四分之一的人要接入互联网。每个人不一定只有一个设备。可能有一个手机、一个笔记本、平板。2011年IPV4就不够用了

NAT（网络地址转换协议）

端口映射

概念：端口映射是NAT地址转换的一种，它可以把在公网的地址转翻译成私有地址，采用路由方式的ADSL宽带路由器拥有一个动态或固定的公网IP。分为动态和静态两种 。

eg：郑州市 新希望小区7号楼2单元1101. 公共IP 私有IP

IPV6

概念：IPv6是英文“Internet Protocol Version 6”（互联网协议第6版）的缩写，是互联网工程任务组（IETF）设计的用于替代IPv4的下一代IP协议，其地址数量（理论上可以提供3.5乘以10的38次方）号称可以为全世界的每一粒沙子编上一个地址。

特点：具有更大的地址空间；使用更小的[路由表]；增加了增强的组播（Multicast）支持以及对流的控制（Flow Control）；加入了对自动配置（Auto Configuration）的支持；具有更高的安全性；允许扩充；允许扩充；更好的头部格式；新的选项。

32位16进制。 0 1 、 0-9ABCDEF

结论：IPV6与IPV4是两种完全不同的协议，两者直接是没有办法直接互通。必须要借助其他设备做转换。

阿里 腾讯 百度

遇到的情况：上QQ，但是不能访问网页。

DNS错误/异常

域名

概念：域名 ，又称网域，是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称，用于在数据传输时对计算机的定位标识。类似于手机里的手机号的名字、 手机号相当于IP。

由于IP地址具有不方便记忆并且不能显示地址组织的名称和性质等缺点，人们设计出了域名，并通过网域名称系统（DNS，Domain Name System）来将域名和IP地址相互映射，使人更方便地访问互联网，而不用去记住能够被机器直接读取的IP地址数串。

种类：顶级域名、其它级别域名。

DNS（域名系统）

域名系统( DNS）是Internet上解决网上机器命名的一种系统。把域名转为对应的IP，域名与IP的对应关系存放到一个服务器上，这个服务器就叫做DNS服务器。

DNS劫持/DNS污染

前端工程师

• 主要进行网页的制作，app，微信小程序，移动端页面，H5小游戏，特效等。总之，你在网页上看到的，都离不开前端工程师。
• 将后端工程师传输过来的数据显示到网页中
• （ctrl+shift+}）无序列表、(ctrl+shift+{ )有序列表

后端工程师

测试

产品经理

​ 张小龙

UI设计师

• 出设计稿
• 网页上的图片

网站就是由一个一个网页组成的。 .html文件

电视剧：50集 .mp4

需要学习哪些知识？

html+css 摩天大楼的地基。

• 基础部分：HTML+css+js

• 进阶部分：jQuery，ajax

• 高级部分：nodejs，vue，微信小城市

这些知识是做什么的

• html 结构 定义网页上有什么内容

• css 表现 定义网页上这些内容长什么样

• js 行为 定位网页与用户的互动，网页上的特效

如何学习

• 心态平和
• 多练习 最忌讳眼高手低。
• 写笔记/写博客

C/S结构

client / server（客户机/服务器）：

C/S结构通常采取两层结构。服务器负责数据的管理，客户机负责完成与用户的交互任务。

优点：

• 响应速度快
• 安全
• 界面操作比较丰富

缺点：

• 开发成本高，不跨平台
• 程序需要安装，用户体验不是很好。
• 版本升级比较麻烦，维护成本高。

服务器：存放数据。 比咱们普通的电脑功能要强大的多。运行速度更快，能存放的数据更多。

最成功的产品：让用户用最少的操作去完成最多的事情。

B/S结构

browser/server（浏览器/服务器）：

B/S结构，是WEB兴起后的一种网络结构模式，[WEB]浏览器是客户端最主要的应用软件。这种模式统一了客户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用。客户机上只要安装一个浏览器，如Netscape Navigator或Internet Explorer，服务器安装SQL Server、Oracle、MYSQL等数据库。浏览器通过Web Server同数据库进行数据交互。

优点：

• 无需下载客户端，有web浏览器就行。
• 解决了跨平台问题，开发成本低，选择更多。
• 维护和升级方式简单且成本也比较低。

缺点：

• 安全性

• 访问速度

• 通信开销大

• 浏览器兼容问题

  总结：

  B/S架构是从C/S架构改进而来，可以说是三层C/S架构，由此可见两者关系不一般。B/S从C/S中脱离而出，后来随着WEB技术的飞速发展以及人们对网络的依赖程度加深，B/S一举成为当今最流行的网络架构。在响应速度，用户界面，数据安全等方面，C/S强于B/S，但是在业务扩展和适用www条件下，B/S明显胜过C/S。可以这么说，B/S的强项就是C/S的弱项，反之亦然。它们各有优缺点，相互无法取代。

  C/S结构与B/S结构两种模式各自拥有其特色优势，在不同的系统环境与操作平台下，选择较为接近或交叉进行混合模式的使用，可以保证数据的敏感性、安全性和稳定发展，还可以加强对数据库的修改与新增记录的操作。对客户端程序进行保护，提高资源数据的交互性能，实现系统维护成本较低、维护方式较简便、布局更合理、网络数据使用效率较高的目的，采用C/S与B/S混合模式才是最佳方案。

W3C 标准（万维网联盟）

网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。

常见浏览器

• IE trident
• Chrome webkit/blink
• Firefox gecko
• Safari webkit
• opear persto

浏览器分为两部分：

1. 外壳，它是一个面向用户的界面，也就是网页浏览器为我们实现的各种功能。

2. 内核（Layout engine），也被称为“页面渲染引擎”，它负责取得网页的内容（HTML、XML、图像等等）、整理信息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。

<p>
    你好，世界
</p>