一、前言

产品经理为什么需要学习客户端技术呢？主要有三个方面

1、当Android工程师说TextView，ios工程师说uilable时，产品经理应该知道说的是文本框

2、当客户端出现问题时，知道去找哪个开发工程师；

3、设计原型时，了解应该采用哪些空间，调节页面的复杂程度。

二、客户端技术

2.1 客户端技术分类

主要有三种技术：APP（我们使用的应用）、网页（我们浏览的微博等）、桌面应用（我们使用的windows、mac）

具体的分类看下图：

2.2 客户端职能分类

了解客户端的职能分类，当我们发现需求，或者某个版本出现bug等问题时，我们知道找到哪个负责的工程师。

2.3 客户端技术的特点

2.3.1 Android与ios应用特点

在我们日常的体验中，一般ios应用的精致程度要比android的高，而且ios版本的发布要比android版本要早，这主要有以下几个部分的原因：

1、android手机尺寸大、适配工作量大，ios手机尺寸相对单一、适配工作适中

2、android手机硬件跨度大，应用支持情况多样，ios硬件差异小，应用支持情况统一

2.3.2 Android与ios常用控件特点

了解控件的名称，有利于我们与技术人员的交流的。

2.3.2 网页（web）技术特点

网页技术的特点是最符合互联网快速发展的特点，当我们需要发布某些活动内容，修改活动内容时，网页技术可以帮我们快速送达到用户眼前，而不需要对版本进行更新。

网页技术主要由三个部分组成：HTML、css、js。

html是网页的骨架，css是网页的衣服，js是网页效果实现，例如图片的滚动等。

2.4 如何选择不同的技术

native应用具有功能丰富的特点

h5应用具有轻量化、易维护的特点。

所以，常用的组合方式有：native(Ios、Android) + H5，兼顾了两者的优点。H5页面常见于活动页，实时的展示优惠的信息。微信公众号文章的展示等。

2.5 微信小程序

小程序给我们提供了轻量化的服务，能够帮助我们处理即时的任务，因而在这两年特别的火，了解基础小程序知识，可以让我们更好的进行工作、交流。

2.5.1小程序的技术原理

小程序是微信基于web（网页）的HTML、css、js衍生而成的。依托于微信，小程序的开发语言为WXML、wxss、wxs。

wxml是用来构建小程序页面结构的

wxss是用小程序的样式展示。相当于衣服、

wxs是用来实现页面交互的。

2.5.2 小程序的优点