上一节大家已经了解了：01 常用前端技术分类、02 Web技术的特点及应用、03 http协议和URL。这一节将具体讲：04 微信小程序、05 Http请求中的GET和POST是什么、06 神奇的cookie和Session、 07 静态页面和动态页面分别是什么。
看完这个就不怕给前端工程师吵架啦~赶紧mark，一分钟了解产品经理必懂的前端技术！
04 微信小程序
是什么？
各个商家可以自己开发自己的应用在微信这个app平台进行运行
建立了一个自己的生态体系，依托于微信运行，无法在app store等下载不了小程序
基于微信的关系链可以传播，比如推荐一个东西给朋友，可以实现快速的用户获取
有自己的独立开发语言
小程序可以调用微信的原生技术组件：比如地图和多媒体的支持
能够即时使用并且用完即走
基于HTML、CSS、JavaScript技术，衍生出WXML、WXSS、WXS。
WXML（weixin Markup Language）：是小程序框架设计的一套标签语言，可用来构建小程序页面结构；
WXSS（weixin Style Sheet）：是一套样式语言，用于描述WXML的组件样式；
WXS（weixin Script）：是小程序的一套脚本语言，结合WXML，可以构建出页面的机构，并处理页面交互。
小程序的开发类似于H5，不需要跨平台（ios、Android），省去了开发两个平台的工作。
【微信小程序 vs APP】
微信小程序使用场景：
处理即时性任务
好友邀请（投票、地址、介绍）
轻量级服务（共享单车、打车）
（早期处于验证阶段的产品推荐使用小程序，轻量化、跨平台、且可利用微信生态传播。）
APP使用场景：
处理复杂任务
注重体验性和多任务处理
强营销属性类产品（电商、金融、生活服务），因为小程序没办法进行实时推送
05 Http请求中的GET和POST是什么
目前大部分的互联网应用程序都是基于HTTP协议进行网络通信。
【GET】https://www.baidu.com/s?ie=utf-8&wd=唐人
方法特点：
向指定的资源获取数据，参数携带在URL中
参数长度大小有限制
请求过程参数会被记录在浏览器中：上次访问的位置都可以检索到
安全性不不高
产品动作：
查询操作
翻页操作
无需提交复杂数据且对安全性要求不高的操作：比如注册的时候就不适合用GET的方法
【POST】https://192.168.1.1/action=add
方法特点：
向目的资源提交数据，参数携带在请求体中
参数长度大小无限制
请求过程参数可加密，安全性较高
产品动作：
提交数据操作
提交复杂数据且对安全性要求较高的操作
06 神奇的cookie和Session
【Cookie】
是什么？
存于客户端本地的一个文本文件，用来记录用户个人信息和浏览历史。
Cookie存储在客户端本地
Cookie具备有效期
Cookie可以手动清除
应用场景
记住密码
浏览记录
广告推荐：抓取用户的浏览信息
【Session】
跟Cookie是对应关系，Session是服务端生成的一个访问状态，存在服务端，用来校验用户身份有效性。
Session存储在服务端
Session可设置有效期（服务端控制）
Session状态由服务端管理，客户端不可控制
【案例：个性化推荐】
在无登录状态下访问京东PC站点
搜索产品经理相关书籍
刷新首页，看到相关推荐
技术原理：通过Cookie记录下用户搜索关键词，然后每次发送新请求时携带这些搜索记录，返回相应的搜索结果。
07 静态页面和动态页面分别是什么
静态页面例子：
内容固定不变
无需单独的数据请求和加载
以说明类页面内容为主
动态页面例子：
内容会根据场景变化
需要请求和加载数据
功能类、业务逻辑类页面为主
【静态页面-讲解】
静态页面通常只需要加载渲染一次，将内容完整呈现出来即可，无需再进行数据加载。
工程师口中的静态页面有两种：
有可能是纯静态也，例如功能说明也
有可能是还没有做功能结构的“静态页”，例如没有实现功能的登录页面，也被工程师叫做“静态页”
产品经理需要区分：
需要通过结构实现功能的都不是静态页
与工程识沟通时，明确双方对静态页的理解是否一致，避免误解
【动态页面-讲解】
动态页面通常指页面内容会随场景变化而变化，页面数据需要通过服务端接口获取。
动态页面的特点：
数据动态获取
页面结构一致，数据差异化
需要进行数据加载：需要调用接口
以上就是《产品经理必懂的前端技术》课程摘要，让大家省去看视频的时间快速掌握干货！如果喜欢笔者读书笔记的话点个赞鼓励一下哟~
————————————————
链接：https://pan.baidu.com/s/12C6fYRfVN8SdZ9Mxl7JaeQ
提取码：95y4
课程全部视频，需要请自取。
————————————————
