上一節(jié)大家已經(jīng)了解了：01 常用前端技術(shù)分類虹蓄、02 Web技術(shù)的特點及應(yīng)用熊锭、03 http協(xié)議和URL拼缝。這一節(jié)將具體講：04 微信小程序个扰、05 Http請求中的GET和POST是什么巷波、06 神奇的cookie和Session萎津、 07 靜態(tài)頁面和動態(tài)頁面分別是什么。
看完這個就不怕給前端工程師吵架啦~趕緊mark抹镊，一分鐘了解產(chǎn)品經(jīng)理必懂的前端技術(shù)锉屈！
04 微信小程序
是什么？
各個商家可以自己開發(fā)自己的應(yīng)用在微信這個app平臺進行運行
建立了一個自己的生態(tài)體系垮耳，依托于微信運行颈渊，無法在app store等下載不了小程序
基于微信的關(guān)系鏈可以傳播遂黍，比如推薦一個東西給朋友，可以實現(xiàn)快速的用戶獲取
有自己的獨立開發(fā)語言
小程序可以調(diào)用微信的原生技術(shù)組件：比如地圖和多媒體的支持
能夠即時使用并且用完即走
基于HTML俊嗽、CSS雾家、JavaScript技術(shù)，衍生出WXML绍豁、WXSS芯咧、WXS。
WXML（weixin Markup Language）：是小程序框架設(shè)計的一套標簽語言竹揍，可用來構(gòu)建小程序頁面結(jié)構(gòu)敬飒；
WXSS（weixin Style Sheet）：是一套樣式語言，用于描述WXML的組件樣式鬼佣；
WXS（weixin Script）：是小程序的一套腳本語言驶拱，結(jié)合WXML，可以構(gòu)建出頁面的機構(gòu)晶衷，并處理頁面交互。
小程序的開發(fā)類似于H5阴孟，不需要跨平臺（ios晌纫、Android），省去了開發(fā)兩個平臺的工作永丝。
【微信小程序 vs APP】
微信小程序使用場景：
處理即時性任務(wù)
好友邀請（投票锹漱、地址、介紹）
輕量級服務(wù)（共享單車慕嚷、打車）
（早期處于驗證階段的產(chǎn)品推薦使用小程序哥牍，輕量化、跨平臺喝检、且可利用微信生態(tài)傳播嗅辣。）
APP使用場景：
處理復(fù)雜任務(wù)
注重體驗性和多任務(wù)處理
強營銷屬性類產(chǎn)品（電商、金融挠说、生活服務(wù)）澡谭，因為小程序沒辦法進行實時推送
05 Http請求中的GET和POST是什么
目前大部分的互聯(lián)網(wǎng)應(yīng)用程序都是基于HTTP協(xié)議進行網(wǎng)絡(luò)通信。
【GET】https://www.baidu.com/s?ie=utf-8&wd=唐人
方法特點：
向指定的資源獲取數(shù)據(jù)损俭，參數(shù)攜帶在URL中
參數(shù)長度大小有限制
請求過程參數(shù)會被記錄在瀏覽器中：上次訪問的位置都可以檢索到
安全性不不高
產(chǎn)品動作：
查詢操作
翻頁操作
無需提交復(fù)雜數(shù)據(jù)且對安全性要求不高的操作：比如注冊的時候就不適合用GET的方法
【POST】https://192.168.1.1/action=add
方法特點：
向目的資源提交數(shù)據(jù)蛙奖，參數(shù)攜帶在請求體中
參數(shù)長度大小無限制
請求過程參數(shù)可加密，安全性較高
產(chǎn)品動作：
提交數(shù)據(jù)操作
提交復(fù)雜數(shù)據(jù)且對安全性要求較高的操作
06 神奇的cookie和Session
【Cookie】
是什么杆兵？
存于客戶端本地的一個文本文件雁仲，用來記錄用戶個人信息和瀏覽歷史。
Cookie存儲在客戶端本地
Cookie具備有效期
Cookie可以手動清除
應(yīng)用場景
記住密碼
瀏覽記錄
廣告推薦：抓取用戶的瀏覽信息
【Session】
跟Cookie是對應(yīng)關(guān)系琐脏，Session是服務(wù)端生成的一個訪問狀態(tài)攒砖，存在服務(wù)端，用來校驗用戶身份有效性。
Session存儲在服務(wù)端
Session可設(shè)置有效期（服務(wù)端控制）
Session狀態(tài)由服務(wù)端管理祭衩，客戶端不可控制
【案例：個性化推薦】
在無登錄狀態(tài)下訪問京東PC站點
搜索產(chǎn)品經(jīng)理相關(guān)書籍
刷新首頁灶体，看到相關(guān)推薦
技術(shù)原理：通過Cookie記錄下用戶搜索關(guān)鍵詞，然后每次發(fā)送新請求時攜帶這些搜索記錄掐暮，返回相應(yīng)的搜索結(jié)果蝎抽。
07 靜態(tài)頁面和動態(tài)頁面分別是什么
靜態(tài)頁面例子：
內(nèi)容固定不變
無需單獨的數(shù)據(jù)請求和加載
以說明類頁面內(nèi)容為主
動態(tài)頁面例子：
內(nèi)容會根據(jù)場景變化
需要請求和加載數(shù)據(jù)
功能類、業(yè)務(wù)邏輯類頁面為主
【靜態(tài)頁面-講解】
靜態(tài)頁面通常只需要加載渲染一次路克，將內(nèi)容完整呈現(xiàn)出來即可樟结，無需再進行數(shù)據(jù)加載。
工程師口中的靜態(tài)頁面有兩種：
有可能是純靜態(tài)也精算，例如功能說明也
有可能是還沒有做功能結(jié)構(gòu)的“靜態(tài)頁”瓢宦，例如沒有實現(xiàn)功能的登錄頁面，也被工程師叫做“靜態(tài)頁”
產(chǎn)品經(jīng)理需要區(qū)分：
需要通過結(jié)構(gòu)實現(xiàn)功能的都不是靜態(tài)頁
與工程識溝通時灰羽，明確雙方對靜態(tài)頁的理解是否一致驮履，避免誤解
【動態(tài)頁面-講解】
動態(tài)頁面通常指頁面內(nèi)容會隨場景變化而變化，頁面數(shù)據(jù)需要通過服務(wù)端接口獲取廉嚼。
動態(tài)頁面的特點：
數(shù)據(jù)動態(tài)獲取
頁面結(jié)構(gòu)一致玫镐，數(shù)據(jù)差異化
需要進行數(shù)據(jù)加載：需要調(diào)用接口
以上就是《產(chǎn)品經(jīng)理必懂的前端技術(shù)》課程摘要，讓大家省去看視頻的時間快速掌握干貨怠噪！如果喜歡筆者讀書筆記的話點個贊鼓勵一下喲~
————————————————
鏈接：https://pan.baidu.com/s/12C6fYRfVN8SdZ9Mxl7JaeQ
提取碼：95y4
課程全部視頻恐似，需要請自取。
————————————————
