首页  思维导图  详情

产品经理的技术知识之web前端技术

2023-06-04 10:31:34   2  举报





AI智能生成

产品经理要知道的技术知识（一） web 前端技术

产品经理

技术知识

前端技术

Web前端

作者其他创作

大纲/内容

web前端

前端技术是指构建和呈现网站或应用程序用户界面的技术， 主要应用于  “ APP，web，桌面软件 ” 三个主要方向

前端 技术 简介

HTML CSS JavaScript：

HTML是超文本标记语言，它被用来结构化网页内容； CSS是层叠样式表，它被用来控制页面布局和样式。 JavaScrip是脚本语言，  则负责网页的动态交互和功能实现

HTML是网页的骨架， 是显示内容的主要语言， 就像搭积木一样， 用HTML语言制作网页需要定义一些网页的基础框架 （比如导航栏、标题、段落等等）， 然后对这些框架进行填充内容， 最终形成我们看到的网页。

CSS则是层叠样式表， 让网页更加美观的技术， 它可以控制网页的样式和布局， 比如字体、颜色、背景图片、边框等。 用CSS语言可以为HTML语言中定义的各种框架添加不同的样式， 让页面更丰富多彩

JavaScript：脚本语言， 用于实现交互的效果， 例如表单验证、用户界面行为、动画效果等。 比如，当你点击某一个按钮时，可以让页面变化， 或者可以去请求后端数据并更新到页面中。 这些交互响应可以让用户更加方便地使用网页

流行的前端 开发框架举例

React ： 起源于Facebook内部项目JavaScript框架， 并在开源社区中得到广泛应用。 React的核心思想是将应用程序视为一个组件树， 每个组件都有自己的状态和属性，并且可以动态地响应状态的变化。

Angular：Angular是一个由Google开发的 JavaScript框架,提供了Model-View-Controller （模型-视图-控制器）模式， 具有良好的组件化、数据绑定、依赖注入等特点，

Vue：由中国开发者尤雨溪创建， 并在全球范围内得到广泛使用和支持。 具有轻量、易学易用、响应式数据绑定、 组件化开发和丰富的生态系统等特点

Bootstrap：用于构建移动设备优先的Web应用程序。 它基于HTML、CSS、JavaScript技术构建， 并提供了丰富的样式和组件库，

HTTP协议 和URL

HTTP协议： （HyperText Transfer Protocol，超文本传输协议） 是因特网上应用最广泛的一种网络传输协议， 所有的WWW（万维网）文件都必须遵守这个标准。 常见的应用场景包括浏览器请求Web页面、 移动APP请求API数据等。

UR：统一资源定位符， 在互联网唯一定位一个资源，访问一个网站， 打开一图片或者视频都是在访问一个唯一的URL。 URL由三部分组成： 协议（Protocol）： 比如http、https、ftp等，告诉浏览器如何访问这个资源。 域名（Domain Name）： 比如baidu.com，标识服务器所在的位置。 路径（Path）： 标识服务器上的具体资源，比如/news/index.html

HTTP请求 HTTPS get方法 post方法

HTTP请求 是指从客户端到服务器端的请求消息。 包括：消息首行中，对资源的请求方法、 资源的标识符及使用的协议

HTTPS 是一种基于HTTP协议的安全通信协议， 它将HTTP通信加密， 保护数据在网络中传输时不被窃取或篡改。

GET方法 一种向服务器请求数据的方法， 通常用于获取资源、查询信息等操作。 GET方法通过URL传送数据， 将请求参数附加在URL后面， 因此URL长度会受到限制。 GET方法不会对服务器上的数据进行修改， 而且多个相同的GET请求会返回相同的结果。

POST方法 一种向服务器提交数据的方法， 通常用于提交表单、上传文件等操作。 POST方法将请求参数放在HTTP请求的body中， 因此可以提交更多的数据量 POST方法可以对服务器上的数据进行修改， 而且每次提交都会产生一个新的记录

HTTP状态码 400、404、500、 504、505

HTTP状态码： 表示HTTP协议在处理用户请求时发生的不同类型错误。

400 （错误请求） 发送的请求有误，服务器无法理解。 比如请求参数格式不正确，缺少必要参数等情况。

404 （没找到） 表示服务器未能找到请求的资源，“页面不存在”。 比如访问一个不存在的URL地址或一个已经被删除的文件。

500（服务器内部错误） 表示服务器内部错误，无法完成请求

504 （网关超时） 通常是因为代理服务器等中间设备 在规定的时间内没有从源服务器接收到响应。 这种错误通常发生在大量用户同时访问一个网站， 并导致服务器负载过高时。

505 （HTTP协议版本不支持） 通常是因为使用的HTTP协议版本过低 或者服务器使用的协议版本过新， 导致无法建立连接。