.
2、CSS:指層疊樣式表 ( Style ),是為了解決內(nèi)容與表現(xiàn)分離的問題
在Web早期樣式和內(nèi)容是不區(qū)分的網(wǎng)頁添加css樣式表的方式,比如可以通過標(biāo)簽來顯示加粗字體。隨著頁面內(nèi)容的豐富,瀏覽器性能的提高,內(nèi)容和樣式的耦合使得HTML文件難以理解和維護(hù)。
CSS的出現(xiàn)正是為了將樣式分離到獨立的文件中。層疊樣式表( Style ,CSS),又稱串樣式列表、層次結(jié)構(gòu)式樣式表文件,一種用來為結(jié)構(gòu)化文檔(如HTML文檔或XML應(yīng)用)添加樣式(字體、間距和顏色等)的計算機(jī)語言,由W3C定義和維護(hù)。
在Html中引入 CSS的方法:
那么,問題來了。
學(xué)習(xí)了web端的技術(shù)知識,對于產(chǎn)品經(jīng)理來說,在工作上有哪些幫助呢?今天在這里就不說和技術(shù)溝通的梗了,來點落地的工作場景讓大家體會:
周一小S一上班,就被領(lǐng)導(dǎo)叫去了辦公室,要求小S今天要盡快完成產(chǎn)品支付功能的詳細(xì)需求。
小S回到坐位,開始馬不停蹄的寫寫寫,臨近下午下班,支付功能的詳細(xì)需求終于完成的七七八八了。
然而這時網(wǎng)頁添加css樣式表的方式,小s發(fā)現(xiàn)支付功能中,有一個用戶綁定銀行卡的小功能,需要系統(tǒng)根據(jù)用戶銀行信息直接讀取對應(yīng)的開戶銀行,對銀行業(yè)務(wù)不太熟的小s犯愁了。
需求:用戶輸入銀行卡卡號,需要驗證卡號格式,自動填充所屬銀行。
解決的問題的辦法有很多種。
但今天,咱們是要聊聊懂點技術(shù)對產(chǎn)品經(jīng)理做需求的幫助,那么,我們就來看看如何從技術(shù)角度去解決需求問題吧:
首先看一看下面這段支付寶的銀行卡號校驗接口api,
申請校驗代碼:
返回的參數(shù):
{"bank":"GDB","":true,"":"DC","key":"","":[],"stat":"ok"}
參數(shù)解析:
↘:銀行卡卡號
{"bank":"GDB","":true,"":"DC","key":"","":[],"stat":"ok"}
↘"bank":"GDB"=>"GDB":"廣東發(fā)展銀行"
↘ "":"DC"=>"DC":儲蓄卡
看懂了這個校驗api,需求就迎刃而解了。
api的校檢規(guī)則己經(jīng)告訴我們:只要用戶錄入銀行卡卡號進(jìn)行校驗,那么檢驗接口就能夠返回我們需要的“所屬銀行”“銀行卡類型”信息了。