產(chǎn)品經(jīng)理的技術(shù)腦：懂一點開發(fā)基礎(chǔ)好嘮嗑
web開發(fā)基礎(chǔ)知識
1、HTML：超文本標簽語言，一種純文本類型的語言
用來設(shè)計網(wǎng)頁的標記語言
用來顯示數(shù)據(jù)
用該語言編寫的文件，以.html或者.htm為后綴
由瀏覽器解釋執(zhí)行
在HTNML界面上，可以嵌套腳本語言編寫的程序段，如JS
語法是固定的（w3c）
?
基本網(wǎng)頁結(jié)構(gòu)：
<!-- 唯一的根元素 html -->
<html>
??? <!-- 對網(wǎng)頁做基本的配置，聲明網(wǎng)頁的信息 -->
??? <head>
??????? <!-- 設(shè)置網(wǎng)頁編碼 -->
??????? <meta charset ="utf-8"/>
??????? <title>
??????????? 3654121
??????? </title>
??? </head>
??? <!-- 寫網(wǎng)頁的具體的內(nèi)容 -->
??? <body>
??????? 4654321.
??? </body>
</html>
2、CSS：指層疊樣式表 (Cascading Style Sheets),是為了解決內(nèi)容與表現(xiàn)分離的問題
在Web早期樣式和內(nèi)容是不區(qū)分的，比如可以通過<bold>標簽來顯示加粗字體。隨著頁面內(nèi)容的豐富，瀏覽器性能的提高，內(nèi)容和樣式的耦合使得HTML文件難以理解和維護。
CSS的出現(xiàn)正是為了將樣式分離到獨立的文件中。層疊樣式表（Cascading Style Sheets，CSS），又稱串樣式列表、層次結(jié)構(gòu)式樣式表文件，一種用來為結(jié)構(gòu)化文檔（如HTML文檔或XML應用）添加樣式（字體、間距和顏色等）的計算機語言，由W3C定義和維護。
在Html中引入 CSS的方法：
在<html>標簽中引入外部的樣式文件，文件中的樣式將被應用到當前HTML。如：
<link rel="stylesheet" href="./hello.css">
設(shè)置標簽的style屬性
<astyle="color: red">Strawberry</a>
在<html>的任何地方，添加<style>標簽，語法同外部CSS文件。
<style>
?? a{
???? color: red;
?? }
?</style>
3、JavaScript：網(wǎng)景公司的一個腳本語言
Html和CSS，Html是基礎(chǔ)架構(gòu)，CSS用來美化頁面，而JavaScript則是實現(xiàn)網(wǎng)頁動態(tài)效果的基石。
JavaScript是一種被嵌入HTML網(wǎng)頁之中的基于對象和事件驅(qū)動、并具有相對安全性的客戶端腳本語言，因為它不需要在一個語言環(huán)境下運行，而只需要支持他的瀏覽器即可。
在Html中引入JS的方法：
內(nèi)部引入方式：直接將javascript 代碼寫入任何地方
<scripttype=”text/javascript”>? </script>
?外部引入方式：創(chuàng)建一個.js文件，在里面書寫javascript代碼，然后在 html文件<head>標簽中通過 script標簽的 src 屬性引入該外部的 js 文件。
<scripttype="text/javascript"src="/js/jquery-1.5.1.min.js"></script>???
?
那么，問題來了。
學習了web端的技術(shù)知識，對于產(chǎn)品經(jīng)理來說，在工作上有哪些幫助呢？今天在這里就不說和技術(shù)溝通的梗了，來點落地的工作場景讓大家體會：
周一小S一上班，就被領(lǐng)導叫去了辦公室，要求小S今天要盡快完成產(chǎn)品支付功能的詳細需求。
小S回到坐位，開始馬不停蹄的寫寫寫，臨近下午下班，支付功能的詳細需求終于完成的七七八八了。
然而這時，小s發(fā)現(xiàn)支付功能中，有一個用戶綁定銀行卡的小功能，需要系統(tǒng)根據(jù)用戶銀行信息直接讀取對應的開戶銀行，對銀行業(yè)務(wù)不太熟的小s犯愁了。
需求：用戶輸入銀行卡卡號，需要驗證卡號格式，自動填充所屬銀行。
解決的問題的辦法有很多種。
但今天，咱們是要聊聊懂點技術(shù)對產(chǎn)品經(jīng)理做需求的幫助，那么，我們就來看看如何從技術(shù)角度去解決需求問題吧：
首先看一看下面這段支付寶的銀行卡號校驗接口api,
申請校驗代碼：
https://ccdcapi.alipay.com/validateAndCacheCardInfo.json?cardNo=yourcardNo&cardBinCheck=true
返回的參數(shù)：
{"bank":"GDB","validated":true,"cardType":"DC","key":"","messages":[],"stat":"ok"}
?
參數(shù)解析：
https://ccdcapi.alipay.com/validateAndCacheCardInfo.json?cardNo=yourcardNo&cardBinCheck=true
↘?cardNo：銀行卡卡號
{"bank":"GDB","validated":true,"cardType":"DC","key":"","messages":[],"stat":"ok"}
↘???"bank":"GDB"=>"GDB":"廣東發(fā)展銀行"
↘? ?"cardType":"DC"=>"DC":儲蓄卡
?
看懂了這個校驗api，需求就迎刃而解了。
api的校檢規(guī)則己經(jīng)告訴我們：只要用戶錄入銀行卡卡號進行校驗，那么檢驗接口就能夠返回我們需要的“所屬銀行”“銀行卡類型”信息了。
