国产一级片内射在线视频,日韩人妻精品无码一区二区三区,亚洲色图欧美激情四射

Sue之前分享了兩篇文章，介紹了內(nèi)容管理系統(tǒng)(CMS)關(guān)于內(nèi)容生產(chǎn)和內(nèi)容過(guò)濾的部分。那么生產(chǎn)和過(guò)濾的內(nèi)容如何呈現(xiàn)給我們的內(nèi)容消費(fèi)者呢？

【/h/】眾所周知，在客戶(hù)端開(kāi)發(fā)實(shí)現(xiàn)的版本一旦發(fā)布，如果有什么東西需要調(diào)整，就必須重新修改代碼，哪怕是很小的改動(dòng)，也需要在更新之前進(jìn)行測(cè)試，每一次更新本身都有出現(xiàn)各種問(wèn)題的風(fēng)險(xiǎn) 。
如果能提供動(dòng)態(tài)可配置的能力，通過(guò)模板化實(shí)現(xiàn)內(nèi)容的呈現(xiàn)，就能降低開(kāi)發(fā)的成本，同時(shí)也能更高效的對(duì)比測(cè)試不同的產(chǎn)品/運(yùn)營(yíng)方案。
可見(jiàn)，頁(yè)面動(dòng)態(tài)配置是內(nèi)容管理系統(tǒng)(CMS)關(guān)于如何更靈活地呈現(xiàn)內(nèi)容的解決方案。
1. 頁(yè)面拆解&組成部分在這個(gè)“時(shí)尚眼鏡專(zhuān)場(chǎng)”頁(yè)面上，蘇剪了三張圖。讓我們把它們一個(gè)一個(gè)拆開(kāi)，看看這個(gè)頁(yè)面有什么:

一個(gè)帶著黑超的王俊凱（圖片）一堆優(yōu)惠券（優(yōu)惠券領(lǐng)取/限定店鋪優(yōu)惠券使用入口模塊）“超級(jí)大牌”（知名品牌的店鋪入口模塊）“必買(mǎi)清單”（熱銷(xiāo)/推薦商品的購(gòu)買(mǎi)入口模塊）……像這樣的動(dòng)態(tài)頁(yè)面可以分為三個(gè)層次:頁(yè)面-卡片-組件。
頁(yè)面，指的是整體可滑動(dòng)頁(yè)面實(shí)體卡片，指的是頁(yè)面內(nèi)可按行劃分的一個(gè)一個(gè)獨(dú)立區(qū)塊（又稱(chēng)為”樓層”）組件，指的是卡片內(nèi)部一個(gè)獨(dú)立的、業(yè)務(wù)級(jí)別的單元它們之間的層級(jí)關(guān)系見(jiàn)下圖:

2. 實(shí)現(xiàn)原理了解了動(dòng)態(tài)頁(yè)面的組件之后，這三個(gè)組件如何協(xié)同工作才能最終呈現(xiàn)我們?cè)陧?yè)面上看到的內(nèi)容呢？
當(dāng)用戶(hù)訪(fǎng)問(wèn)一個(gè)頁(yè)面時(shí)，完整的頁(yè)面內(nèi)容最終呈現(xiàn)出來(lái)，主要通過(guò)以下三個(gè)步驟:
一系列的初始化（包括初始化卡片庫(kù)和組件庫(kù)、數(shù)據(jù)解析器、布局框架）數(shù)據(jù)的解析（包括解析卡片和組件的類(lèi)型，解析卡片和組件的基本樣式）對(duì)頁(yè)面進(jìn)行渲染（根據(jù)卡片提供的布局信息進(jìn)行布局、根據(jù)組件提供的組件信息獲取組件內(nèi)容）總結(jié)起來(lái)就是:首先根據(jù)布局分析各個(gè)組件的位置，然后分析組件的內(nèi)容(樣式、圖片、背景、鏈接等。)，最后分析對(duì)應(yīng)的自定義頁(yè)面內(nèi)容。
3. 要點(diǎn)說(shuō)明在說(shuō)動(dòng)態(tài)頁(yè)面的具體配置過(guò)程之前，我想和你多聊一聊。蘇在學(xué)習(xí)和工作的過(guò)程中總結(jié)整理出一些重點(diǎn)，然后通過(guò)這些加深整體的理解。
3.1組件不是指一行小字，一個(gè)明顯的扣子，或者帥哥美女的明星照。需要提前定義，寫(xiě)入框架(代碼) 。組件定義的標(biāo)準(zhǔn)是業(yè)務(wù)，需求是能夠承擔(dān)一定業(yè)務(wù)能力的最小組合單元。
這基本上是PM定義需求的一個(gè)通用原則。
每個(gè)組件都需要單獨(dú)設(shè)計(jì)，以定義其規(guī)則和樣式。
組件的基本樣式:組件背景、組件外緣/內(nèi)緣、組件縱橫比。此外，還可能有字體顏色、字體大小、組件之間的空間隙、對(duì)應(yīng)的跳轉(zhuǎn)鏈接等額外的自定義樣式。
不同的組件有不同的功能，代表不同類(lèi)型的內(nèi)容。
常見(jiàn)的組件類(lèi)型:搜索欄、公告、列表導(dǎo)航、富文本、標(biāo)題欄、按鈕組文本、按鈕組文本、單張圖片、圖片輪播、優(yōu)惠券等等。
3.2卡片卡負(fù)責(zé)組件的布局 ?？ㄆ恍枰季帜０澹恍枰枋隹ㄆ念?lèi)型，也在框架中注冊(cè) 。
對(duì)卡片的描述，可分成：標(biāo)題、布局和樣式等。其中最重要的部分是：布局，因?yàn)樗藘?nèi)嵌的組件模型，卡片的布局就是對(duì)包含的組件來(lái)布局。常見(jiàn)的布局方式：流式布局、瀑布流布局、吸頂布局、懸浮布局、輪播布局等。卡片的布局描述也是聲明式的，但只聲明布局方式，不提供布局細(xì)節(jié)的描述。卡片的基本樣式：卡片背景、卡片外邊距/內(nèi)邊距、卡片內(nèi)組件間距、列數(shù) 。3.3頁(yè)動(dòng)態(tài)頁(yè)面指的是動(dòng)態(tài)布局，就是以嵌套組件的形式構(gòu)建整個(gè)頁(yè)面。一個(gè)頁(yè)面內(nèi)嵌多個(gè)卡片，一個(gè)卡片嵌套多個(gè)組件。