个实用性技术知识点 电脑技术知识( 二 )


再举个简单的例子:
比如登录的时候,我们输入手机号和密码 。点击提交后,前端就将信息传输到服务端,查询输入的手机号之前有没有注册过,密码是否正确 。如果已经注册且密码正确,服务端就告诉前端“你可以登录啦” 。如果没有注册过或者密码错误,服务端就会告诉前端“你没注册啦”或“密码错误啦”这些都是数据的流动 。二、iOS和安卓的布局原理
了解iOS和安卓的布局原理可以帮助我们更好的适配 。
安卓的线性布局:
由上到下依次排列的布局方式叫作“线性布局”,线性布局简单说就是按照顺序从左至右或者从上到下依次在界面上排列控件——《产品经理必懂的技术那点事儿》
上下线性布局比如表单填写界面的控件上下依次排列:

个实用性技术知识点 电脑技术知识

文章插图
左右线性布局比如搜索页面的热搜词,很多时候热搜词的字数不一样 。
个实用性技术知识点 电脑技术知识

文章插图
设计师在描述换行的时候可能会标注大段文字比如:
“间距都为34,从左至右依次排列,遇到距离屏幕边界15时换行” 。
现在我们了解了布局原理,直接说一句“线性布局,边界离屏幕15”就可以啦,是不是提升了效率的同时又让研发小哥哥对你刮目相看呢 。
个实用性技术知识点 电脑技术知识

文章插图
相对布局也是经常使用的,比如说下面的相对布局案例 。
个实用性技术知识点 电脑技术知识

文章插图
三、web APP和native APP
移动App的实现有两种形态,一种是通过Web的方式实现,也就是在App内部通过加载Web网页的方式实现产品功能;另一种是Native或者叫原生的方式实现,这种方式是使用移动平台原生的控件开发而成 。
——《产品经理必懂的技术那点事儿》
web APP也就是H5,native APP也就是原生APP 。
我们经常会听到这个词汇:H5 。
H5实际上是HTML的版本号,之前还有HTML4、HTML3等;HTML称为超文本标记语言,感兴趣的小伙伴可以在书里了解更多 。
现在基于Web技术的开发基本都是基于H5技术进行的,web APP就是通过web/H5实现的界面,相当于在APP内部加载了一个网页界面 。
那么为什么需要H5呢?
我们都知道APP的更新需要重新下载安装包,安装成本不低,而H5更加灵活,只要前端更改发布后,APP里进行加载后就更新了,是不是快很多 。
比如说现在很多电商网站的活动运营页面,这些页面需要经常更换活动,如果靠下载APP更新的话, 那搞活动可太难了 。
但是如果用H5的话,今天双十一明天狂欢节天天剁手……
既然H5 这么棒,为APP里不全部使用H5 呢?
嗯,最开始我也是这么想的 。其实H5虽然很灵活,可是H5的体验上不管是流畅度还是性能上都比不上原生 。
H5 or 原生?
如果内容变更小,对流畅度和性能要求高,那么用原生 。如果内容变更大,尤其是一些运营内容,H5也许是更好的选择 。但是现在的APP很少用纯H5 或纯原生,用Hybrid APP开发更多 。
Hybrid App是一种混合开发技术 。
Hybrid App是一种混合开发技术,所谓混合开发就是指在一个产品中同时使用 Native技术和Web技术 。
根据产品使用场景的需要和技术框架设计,在不同的页面 或者同一个页面的不同模块同时使用Native和Web技术,这种通过混合技术开发实 现的产品就叫作Hybrid App 。——《产品经理必懂的技术那点事儿》
意思就是同时使用原生和H5 。
四、cookie 和 session的区别
Cookie是将信息存储在本地
而Session是将信息存储在服务器端
不知道大家有没有这样的体验:
当你用谷歌浏览器登录一个网站的时候,输完账号密码后,谷歌浏览器会提示“是否保存账号密码” 。
当你下次用你的谷歌登录这个网站的时候,输入账号就能够填充密码 。
但是当你换了一个新浏览器进入这个网站的时候,输入账号时就不能填充密码;但是只要你账号密码输入正确了,你还是能进入网站 。
谷歌存储的账号密码就是cookie;服务器存储的账号密码就是session——所以当你换了新浏览器登录的时候,浏览器不会提示你的登录密码,当你登录进去网站后你的账号信息还在 。
个实用性技术知识点 电脑技术知识

文章插图
五、“接口”是什么?
接口这个名词我想除了技术,产品经理应该接触的最多,交互设计其次,UI设计应该接触得最少,但我觉得非常有必要了解接口的概念 。


推荐阅读