产品经理需要了解的前后端技术知识

摹客设计云

成都/设计爱好者/3年前/98浏览

版权

产品经理需要了解的前后端技术知识

摹客设计云

今天小摹就为你总结一下身为产品经理需要了解的前后端技术知识。

前言

关于产品经理需不需要懂技术，这是一个被大家讨论了很多遍的话题了。
如果产品经理能懂一些前后端技术，那么产品的开发效率和质量将会大大提升。但是产品经理具体需要懂哪些技术知识？又需要了解到什么程度呢？
今天小摹就为你总结一下身为产品经理需要了解的前后端技术知识，请见下文！

正文

01 前端技术

HTML/CSS

HTML和CSS是前端开发的基础，HTML用于定义网页的结构，CSS用于定义网页的样式。产品经理需要了解HTML和CSS的基本语法和常用标签，以便更好地了解前端开发的工作流程和开发进度。
举例：
<h>标签：标题标签
块级元素，html中的标题标签分为六种：<h1>~<h6>，h强调的是重要性，字体依次减小，在日常开发中，一般使用<h1>~<h3>

代码示例

显示结果

JavaScript

JavaScript是一种广泛使用的脚本语言，用于开发交互式的网页和Web应用程序。产品经理需要了解JavaScript的基本语法和常用函数，以便更好地了解前端开发的技术难度和实现方式。
举例：

JavaScript中的数据类型

Vue/React/Angular

Vue、React和Angular是三种常用的JavaScript框架，它们都能够提高前端开发效率和网页性能。产品经理需要了解这些框架的基本原理和优缺点，以便更好地选择适合自己产品的前端技术方案。

响应式设计

响应式设计是一种适应不同屏幕尺寸和设备类型的网页设计方式，它能够提高网页的用户体验和SEO排名。产品经理需要了解响应式设计的基本原理和实现方式，以便更好地指导前端开发团队进行开发。

响应式网站常见特点：

同时适配PC+平板+手机等；
标签导航在接近手持终端设备时改变为经典的抽屉式导航；
网站的布局会根据视口来调整模块的大小和位置。

响应式设计的实现方式：

响应式设计的基本原理是通过媒体查询检测不同的设备屏幕尺寸做处理，在移动端的布局中，页面头部必须有meta声明viewport
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no”>

实现响应式布局的方式如下：

媒体查询
百分比
vw/wh
rem

浏览器兼容性

不同的浏览器对HTML、CSS和JavaScript的解析方式可能会有所不同，导致网页在不同浏览器上的显示效果也会有所差异。产品经理需要了解不同浏览器的兼容性问题和解决方案，以便更好地指导前端开发团队进行测试和修复。

02 后端技术

数据库

数据库运行在服务器中，我们可以对其进行增、删、改、查等工作，目前主要有两种数据库：关系型数据库和非关系数据库，前者运用更广泛，常用的关系型数据库包括MySQL、Oracle、SQL Server等，常用的非关系型数据库包括MongoDB、Redis等。产品经理需要了解数据库的基本概念和应用场景，以便更好地与后端开发团队进行数据模型设计和数据管理。

PHP/Java/Python

PHP、Java和Python是三种常用的后端编程语言，它们都能够实现复杂的业务逻辑和数据处理。产品经理需要了解这些编程语言的基本语法和应用场景，以便更好地了解后端开发的技术难度和实现方式。
RESTful API
RESTful API是一种基于HTTP协议的Web服务架构，它能够实现跨平台、跨语言、跨设备的数据交互。产品经理需要了解RESTful API的基本原理和应用场景，以便更好地与后端开发团队进行接口设计和数据交互。