web前端考试知识点总结

前端网络知识点总结

一、HTTP协议

1、什么是TCP/IP协议

不同的硬件、操作系统之间进行通信，需要一种规则，我们把这种规则称做协议，网络传输的各个阶段有不同的协议，这些协议的集合总称为TCP/IP协议。http协议是TCP/IP协议的子集。

2、TCP/IP分层及各层的作用？

分为四层：应用层、传输层、网络层、链路层。

应用层：http协议属于这一层，在这一层根据http协议生成针对目标服务器的http请求报文，服务器端根据http解析报文。

传输层：TCP协议属于这一层，在这一层将根据TCP协议将http的请求报文分割成报文段，在服务器端会根据TCP协议合并报文段。建立和断开TCP连接的过程就是三次握手，四次挥手。

网络层：IP协议属于这一层，网络层的作用是确定数据传输的路线。根据IP协议搜索对方地址，并一边中转一边传送。IP地址指明了节点被分配的地址，MAC地址是网卡所属的固定地址，IP地址可以变，MAC一般不变。整个中转的过程像是送快递，用户把数据送到快递站，快递公司再送到一个个大型中转站。

链路层：网络传输过程中的硬件部分。 过程：客户端发出请求->应用层发送http请求报文->传输层建立TCP连接，将报文分成报文段->网络层根据请求的ip地址，进行处理并加上MAC地址后交给链路层->链路层将数据送到请求的ip地址->请求ip的服务器根据IP,TCP,HTTP协议对数据进行拼接等处理->服务器收到请求。

3、DNS是什么？

DNS是和http一样位于应用层的协议，用于解析域名，DNS协议提供通过域名查找IP地址或者IP地址反查域名的服务。

4、URI和URL的区别

URI是统一资源标识符，URL是统一资源定位符，URL是URI的子集。

URI格式：协议名/方案名+登录信息（可选）+服务器地址（网址或ip）+端口号（可选）+文件路径+参数（可选）+片段标识符（可选，哈希值）

⼗次⽅中的前端知识点随记

1. ⼗次⽅中的前端知识点随记

好久没上传笔记了，主要最近的笔记都零零散散，知识点也不集中，就不传了；最近项⽬想⽤到前后端分离，⽽且前端我也想参

与下，就先基本的学⼀遍，记点零星的笔记，各位能从中看到有⽤的东西最好

1.1. Node.js

1.1.1. node基本使⽤

1. 查看中⽂⽂档地址

var http = require("http")引⼊模块

http.createServer(function(request,response){

response.writeHead(200,{'Content-Type':'text/plain'});

resposne.end('Hello world!');

}).listen(8888);

cmd运⾏`node demo4`

制作模块exports.add=function(x,y){

return x+y;

}

1.1.2. NPM命令

1. node package manager ⽤来node包管理⼯具

2. npm init初始化⼯程，⽣成package.json，相当于maven中pom

3. npm install express 安装模块express

4. npm root -g显⽰全局⽬录

5. npm install jquery -g，全局安装

6. 只有package.json时，需要npm install下载对应的node_modules

7. 安装淘宝镜像npm install -g cnpm --registry=https://

8. 通过cnpm -v查看版本

9. 使⽤cnpm下载js库，cnpm install需要下载的js库

10. 运⾏npm run dev

11. 编译⼯程npm run build

1.1.3. webpack

1. 打包⼯具

2. cnpm install webpack -g全局安装

前端适合分享的技术知识点

作为前端开发人员，我们不仅需要具备扎实的编码能力，还需要不断学习和分享最新的前端技术知识。通过分享，我们可以不仅可以帮助其他开发者解决问题，还可以拓宽自己的视野和思维方式。本文将介绍一些前端适合分享的技术知识点，并提供一种分步思考的方法，以帮助你准备和分享这些知识。

1. HTML/CSS技巧

HTML和CSS是前端开发的基础，通过分享一些HTML和CSS的技巧，可以帮助其他开发人员提升他们的网页设计和布局能力。比如，你可以分享如何使用Flexbox或Grid进行响应式布局，如何使用CSS动画创建交互效果，如何使用CSS变量和自定义属性来简化样式管理等等。

步骤一：选择一个具体的HTML/CSS技巧，比如Flexbox布局。 步骤二：解释该技巧的作用和优势，比如Flexbox可以简化网页布局并提供更好的响应性。

步骤三：给出使用该技巧的实际例子，并提供代码示例和解释。 步骤四：指导其他开发者如何应用该技巧到他们自己的项目中，并提供相关资源和参考链接。

2. JavaScript编程技巧

JavaScript是前端开发中最重要的编程语言之一。通过分享一些JavaScript的编程技巧，你可以帮助其他开发者更好地理解和使用JavaScript。比如，你可以分享如何使用高阶函数和箭头函数来简化代码，如何使用ES6的新特性来提高开发效率，如何使用设计模式来组织和优化代码等等。

步骤一：选择一个具体的JavaScript编程技巧，比如使用高阶函数来处理数组操作。 步骤二：解释该技巧的作用和优势，比如使用高阶函数可以提高代码的可读性和复用性。 步骤三：给出使用该技巧的实际例子，并提供代码示例和解释。

步骤四：指导其他开发者如何应用该技巧到他们自己的项目中，并提供相关资源和参考链接。

3. 前端框架和工具

前端开发中有许多流行的框架和工具，比如React、Vue、Webpack等等。通过分享关于这些框架和工具的知识，你可以帮助其他开发者更好地理解和使用它们。比如，你可以分享如何使用React的组件化开发模式，如何使用Vue的响应式数据绑定，如何使用Webpack来打包和优化前端资源等等。

web 知识点

1. HTML（超文本标记语言）：用于构建网页的标记语言，定义了网页的结构和内容。

2. CSS（层叠样式表）：用于定义网页的样式，包括颜色、字体、布局等。

3. JavaScript：用于网页的客户端脚本编程语言，可实现动态效果、交互和前端逻辑。

4. 服务器端编程语言：如 PHP、Python、Node.js 等，用于在服务器端处理和生成动态网页内容。

5. HTTP（超文本传输协议）：用于客户端和服务器之间通信的应用层协议，定义了请求和响应的格式。

6. 数据库：用于存储和管理网站的数据，常见的关系型数据库如 MySQL、PostgreSQL

等。

7. Web 服务器：如 Apache、Nginx 等，用于托管和运行网站，提供 HTTP 服务。

8. 域名系统（DNS）：将域名转换为 IP 地址的系统，使得用户能够通过域名访问网站。

9. 缓存：通过缓存静态资源（如图像、CSS 文件、JavaScript 文件）来提高网站性能。

10. 安全：包括 HTTPS（安全超文本传输协议）、用户认证、数据加密等方面，以保护网站和用户的安全。

11. SEO（搜索引擎优化）：优化网站结构和内容，提高在搜索引擎中的排名。

12. 响应式设计：使网站能够适应不同设备和屏幕尺寸，提供良好的用户体验。

这只是 Web 知识的一小部分，Web 技术不断发展和演变，还有许多其他方面值得深入学习和探索。