产品经理的技术知识之web前端技术
2023-06-04 10:31:34 2 举报AI智能生成
产品经理要知道的技术知识（一） web 前端技术
作者其他创作
大纲/内容
web前端
前端技术是指构建和呈现网站或应用程序用户界面的技术，
主要应用于 “ APP，web，桌面软件 ” 三个主要方向
主要应用于 “ APP，web，桌面软件 ” 三个主要方向
前端
技术
简介
技术
简介
HTML
CSS
JavaScript：
CSS
JavaScript：
HTML是超文本标记语言，它被用来结构化网页内容；
CSS是层叠样式表，它被用来控制页面布局和样式。
JavaScrip是脚本语言， 则负责网页的动态交互和功能实现
CSS是层叠样式表，它被用来控制页面布局和样式。
JavaScrip是脚本语言， 则负责网页的动态交互和功能实现
HTML是网页的骨架，
是显示内容的主要语言，
就像搭积木一样，
用HTML语言制作网页需要定义一些网页的基础框架
（比如导航栏、标题、段落等等），
然后对这些框架进行填充内容，
最终形成我们看到的网页。
是显示内容的主要语言，
就像搭积木一样，
用HTML语言制作网页需要定义一些网页的基础框架
（比如导航栏、标题、段落等等），
然后对这些框架进行填充内容，
最终形成我们看到的网页。
CSS则是层叠样式表，
让网页更加美观的技术，
它可以控制网页的样式和布局，
比如字体、颜色、背景图片、边框等。
用CSS语言可以为HTML语言中定义的各种框架添加不同的样式，
让页面更丰富多彩
让网页更加美观的技术，
它可以控制网页的样式和布局，
比如字体、颜色、背景图片、边框等。
用CSS语言可以为HTML语言中定义的各种框架添加不同的样式，
让页面更丰富多彩
JavaScript：脚本语言，
用于实现交互的效果，
例如表单验证、用户界面行为、动画效果等。
比如，当你点击某一个按钮时，可以让页面变化，
或者可以去请求后端数据并更新到页面中。
这些交互响应可以让用户更加方便地使用网页
用于实现交互的效果，
例如表单验证、用户界面行为、动画效果等。
比如，当你点击某一个按钮时，可以让页面变化，
或者可以去请求后端数据并更新到页面中。
这些交互响应可以让用户更加方便地使用网页
流行的前端
开发框架举例
开发框架举例
React ： 起源于Facebook内部项目JavaScript框架，
并在开源社区中得到广泛应用。
React的核心思想是将应用程序视为一个组件树，
每个组件都有自己的状态和属性，并且可以动态地响应状态的变化。
并在开源社区中得到广泛应用。
React的核心思想是将应用程序视为一个组件树，
每个组件都有自己的状态和属性，并且可以动态地响应状态的变化。
Angular：Angular是一个由Google开发的
JavaScript框架,提供了Model-View-Controller
（模型-视图-控制器）模式，
具有良好的组件化、数据绑定、依赖注入等特点，
JavaScript框架,提供了Model-View-Controller
（模型-视图-控制器）模式，
具有良好的组件化、数据绑定、依赖注入等特点，
Vue：由中国开发者尤雨溪创建，
并在全球范围内得到广泛使用和支持。
具有轻量、易学易用、响应式数据绑定、
组件化开发和丰富的生态系统等特点
并在全球范围内得到广泛使用和支持。
具有轻量、易学易用、响应式数据绑定、
组件化开发和丰富的生态系统等特点
Bootstrap：用于构建移动设备优先的Web应用程序。
它基于HTML、CSS、JavaScript技术构建，
并提供了丰富的样式和组件库，
它基于HTML、CSS、JavaScript技术构建，
并提供了丰富的样式和组件库，
HTTP协议
和URL
和URL
HTTP协议：
（HyperText Transfer Protocol，超文本传输协议）
是因特网上应用最广泛的一种网络传输协议，
所有的WWW（万维网）文件都必须遵守这个标准。
常见的应用场景包括浏览器请求Web页面、
移动APP请求API数据等。
（HyperText Transfer Protocol，超文本传输协议）
是因特网上应用最广泛的一种网络传输协议，
所有的WWW（万维网）文件都必须遵守这个标准。
常见的应用场景包括浏览器请求Web页面、
移动APP请求API数据等。
UR：统一资源定位符，
在互联网唯一定位一个资源，访问一个网站，
打开一图片或者视频都是在访问一个唯一的URL。
URL由三部分组成：
协议（Protocol）：
比如http、https、ftp等，告诉浏览器如何访问这个资源。
域名（Domain Name）：
比如baidu.com，标识服务器所在的位置。
路径（Path）：
标识服务器上的具体资源，比如/news/index.html
在互联网唯一定位一个资源，访问一个网站，
打开一图片或者视频都是在访问一个唯一的URL。
URL由三部分组成：
协议（Protocol）：
比如http、https、ftp等，告诉浏览器如何访问这个资源。
域名（Domain Name）：
比如baidu.com，标识服务器所在的位置。
路径（Path）：
标识服务器上的具体资源，比如/news/index.html
HTTP请求
HTTPS
get方法
post方法
HTTPS
get方法
post方法
HTTP请求
是指从客户端到服务器端的请求消息。
包括：消息首行中，对资源的请求方法、
资源的标识符及使用的协议
是指从客户端到服务器端的请求消息。
包括：消息首行中，对资源的请求方法、
资源的标识符及使用的协议
HTTPS
是一种基于HTTP协议的安全通信协议，
它将HTTP通信加密，
保护数据在网络中传输时不被窃取或篡改。
是一种基于HTTP协议的安全通信协议，
它将HTTP通信加密，
保护数据在网络中传输时不被窃取或篡改。
GET方法
一种向服务器请求数据的方法，
通常用于获取资源、查询信息等操作。
GET方法通过URL传送数据，
将请求参数附加在URL后面，
因此URL长度会受到限制。
GET方法不会对服务器上的数据进行修改，
而且多个相同的GET请求会返回相同的结果。
一种向服务器请求数据的方法，
通常用于获取资源、查询信息等操作。
GET方法通过URL传送数据，
将请求参数附加在URL后面，
因此URL长度会受到限制。
GET方法不会对服务器上的数据进行修改，
而且多个相同的GET请求会返回相同的结果。
POST方法
一种向服务器提交数据的方法，
通常用于提交表单、上传文件等操作。
POST方法将请求参数放在HTTP请求的body中，
因此可以提交更多的数据量
POST方法可以对服务器上的数据进行修改，
而且每次提交都会产生一个新的记录
一种向服务器提交数据的方法，
通常用于提交表单、上传文件等操作。
POST方法将请求参数放在HTTP请求的body中，
因此可以提交更多的数据量
POST方法可以对服务器上的数据进行修改，
而且每次提交都会产生一个新的记录
HTTP状态码
400、404、500、
504、505
400、404、500、
504、505
HTTP状态码：
表示HTTP协议在处理用户请求时发生的不同类型错误。
表示HTTP协议在处理用户请求时发生的不同类型错误。
400 （错误请求）
发送的请求有误，服务器无法理解。
比如请求参数格式不正确，缺少必要参数等情况。
发送的请求有误，服务器无法理解。
比如请求参数格式不正确，缺少必要参数等情况。
404 （没找到）
表示服务器未能找到请求的资源，“页面不存在”。
比如访问一个不存在的URL地址或一个已经被删除的文件。
表示服务器未能找到请求的资源，“页面不存在”。
比如访问一个不存在的URL地址或一个已经被删除的文件。
500（ 服务器内部错误）
表示服务器内部错误，无法完成请求
表示服务器内部错误，无法完成请求
504 （网关超时）
通常是因为代理服务器等中间设备
在规定的时间内没有从源服务器接收到响应。
这种错误通常发生在大量用户同时访问一个网站，
并导致服务器负载过高时。
通常是因为代理服务器等中间设备
在规定的时间内没有从源服务器接收到响应。
这种错误通常发生在大量用户同时访问一个网站，
并导致服务器负载过高时。
505 （HTTP协议版本不支持）
通常是因为使用的HTTP协议版本过低
或者服务器使用的协议版本过新，
导致无法建立连接。
通常是因为使用的HTTP协议版本过低
或者服务器使用的协议版本过新，
导致无法建立连接。
cookie和session
Cookie
一种被广泛使用的客户端存储机制
常见的应用场景包括：
用户认证：将登录信息保存在cookie中，
以便下次访问时自动登录。
购物车：将商品信息保存在cookie中，
以便用户在购物过程中能够方便
地查看和管理购物车。
缺点：容易被篡改，存储容量有限
一种被广泛使用的客户端存储机制
常见的应用场景包括：
用户认证：将登录信息保存在cookie中，
以便下次访问时自动登录。
购物车：将商品信息保存在cookie中，
以便用户在购物过程中能够方便
地查看和管理购物车。
缺点：容易被篡改，存储容量有限
Session
是一种由服务器维护的状态管理机制，
用于存储和传递客户端请求所需的信息。
优点：安全性高、存储容量无限制。
缺点：对服务器资源要求高、
分布式环境下管理复杂
是一种由服务器维护的状态管理机制，
用于存储和传递客户端请求所需的信息。
优点：安全性高、存储容量无限制。
缺点：对服务器资源要求高、
分布式环境下管理复杂
动态和
静态网页
静态网页
静态页是指在服务器上提前生成好的HTML文件，
不依赖于数据库和脚本语言等技术，
内容一般不会发生变化。
客户端请求一个静态页时，
服务器直接将该文件返回给客户端，
客户端浏览器也无需进行额外的处理，
即可直接渲染显示。
不依赖于数据库和脚本语言等技术，
内容一般不会发生变化。
客户端请求一个静态页时，
服务器直接将该文件返回给客户端，
客户端浏览器也无需进行额外的处理，
即可直接渲染显示。
动态页是指在服务器上根据请求动态生成的HTML文件，
内容会根据用户请求和数据变化而发生变化。
客户端请求一个动态页时，
服务器会根据请求动态生成HTML文件，
并将其返回给客户端，
客户端浏览器需要进行额外的处理，
如执行JavaScript脚本等，
才能渲染显示页面。
内容会根据用户请求和数据变化而发生变化。
客户端请求一个动态页时，
服务器会根据请求动态生成HTML文件，
并将其返回给客户端，
客户端浏览器需要进行额外的处理，
如执行JavaScript脚本等，
才能渲染显示页面。
0 条评论
下一页
