繪的實施方 式中，通信單元308經(jīng)由信號線104耦合到網(wǎng)絡102以用于與系統(tǒng)100的其它實體通信和 交互。
[0059] 顯示裝置310可以顯示由客戶端裝置108輸出以用于呈現(xiàn)給用戶114的電子圖像 和數(shù)據(jù)。顯示裝置310可以包括任何常規(guī)的顯示裝置、監(jiān)視器或屏幕，包括例如有機發(fā)光二 極管（OLED)顯示器、液晶顯示器（IXD)等。在一些實施方式中，顯示裝置310可以是能夠 從用戶114的一個或多個手指接收輸入的觸摸屏顯示器。例如，顯示裝置310可以是能夠 檢測并且解析與顯示表面接觸的多個點的電容式觸摸屏顯示器。在一些實施方式中，客戶 端裝置106可以包括用于渲染并且輸出圖像和數(shù)據(jù)以用于呈現(xiàn)在顯示裝置310上的圖形適 配器（未示出）。該圖形適配器（未示出）可以是包括單獨的處理器和存儲器（未示出） 的單獨的處理裝置或者可以與處理器302和存儲器304集成。
[0060] 輸入裝置312可以包括用于將信息輸入到客戶端裝置106中的任何裝置。在一些 實施方式中，輸入裝置312可以包括一個或多個外圍裝置。例如，輸入裝置312可以包括鍵 盤（例如，QWERTY鍵盤）、指示裝置（例如，鼠標或觸摸板）、麥克風、圖像/視頻捕獲裝置 (例如，相機）等。在一些實施方式中，輸入裝置312可以包括能夠從用戶114的一個或多 個手指接收輸入的觸摸屏顯示器。例如，可以集成輸入裝置312和顯示裝置310的功能，并 且客戶端裝置106的用戶114可以通過使用一個或多個手指接觸顯示裝置310的表面來與 客戶端裝置106交互。在這個示例中，用戶114能夠通過使用手指來接觸在鍵盤區(qū)域中的 顯示器與在觸摸屏顯示裝置310上顯示的仿真（例如，虛擬或軟）鍵盤交互。
[0061] 如圖3B中所描繪的，前端渲染引擎110可以包括流加載器320、多列布局引擎 322、響應布局模塊324、卡片伸展器326、抽象流組件328以及書簽模塊330。組件320、322、 324、326、328和/或330可以通過總線306和/或處理器302通信地耦合到彼此和/或客 戶端裝置106的其它組件304、308、310以及312。在一些實施方式中，組件320、322、324、 326、328和/或330中的一個或多個是可由處理器302執(zhí)行來提供它們的功能的指令集。 在一些實施方式中，組件320、322、324、326、328和/或330中的一個或多個被存儲在客戶 端裝置106的存儲器304中并且可由處理器302訪問和執(zhí)行來提供它們的功能。在前面的 實施方式中的任一個中，這些組件320、322、324、326、328和/或330可以被適配用于與客 戶端裝置106的處理器302和其它組件協(xié)作和通信。
[0062] 圖4是示出示例前端渲染引擎110和示例后端渲染引擎120的示例組件之間的交 互的圖。如上面參考至少圖2B和圖3B所討論的，并且如圖4中所描繪的，前端（例如，客戶 端側）渲染引擎110和后端（例如，服務器側）渲染引擎120每個包括用于執(zhí)行各種行為、 算法和/或功能的各種組件，但是應該理解，其它配置是可能的，包括例如將前端渲染引擎 110的組件（或其行為、算法和/或功能性）中的一些或全部移動到后端渲染引擎120,并 且反之亦然，和/或組合前端渲染引擎110和后端渲染引擎120的各種組件或者將它們劃 分成另外的分立元件。
[0063] 后端渲染引擎120可以被配置成檢索一組內(nèi)容項（例如，帖子），將該組內(nèi)容項組 織成初始布局，并且將該組內(nèi)容項和對應布局發(fā)送到前端渲染引擎110以用于渲染和顯示 給用戶。前端渲染引擎110可以接收該組項（例如，帖子）和初始布局并且進一步優(yōu)化和 /或重新配置初始布局以用于顯示給用戶。對于初始布局中的每個項（例如，帖子），后端 渲染引擎110可以處理表征該內(nèi)容項的元數(shù)據(jù)，包括例如但不限于排名、排名彈性、超級帖 子候選資格指示器（比特）、可丟棄指示器（比特）、內(nèi)容項質(zhì)量的量度、超級帖子質(zhì)量乘 數(shù)、排斥測量、模板塊、高度估值、固定位置指示器、唯一項id等的元數(shù)據(jù)，并且存儲經(jīng)處理 的元數(shù)據(jù)以用于由后端渲染引擎120的一個或多個組件快速檢索和/或使用以便對其執(zhí)行 它們的行為和/或功能?？梢栽诓季謱ο?24中在后端渲染引擎110的組件之間存儲和/ 或傳遞內(nèi)容項（例如，帖子）的元數(shù)據(jù)。
[0064] 內(nèi)容項的（例如，帖子的）排名可以關于其它項將該項的感知值指示給用戶。排 名可以基于項的內(nèi)容、用戶親合力、其它社交圖特征、其它信號等被預先確定。排名的彈性 可以指示給定內(nèi)容項可能偏離給定排名或分值多遠，從而可以被用來確定內(nèi)容項能夠相對 于正被顯示的其它項被移動多遠。在一些實施例中，后端渲染引擎110通過將該項的特性 (例如，排名、質(zhì)量、高度、內(nèi)容、內(nèi)容類型等）與要顯示的其它項進行比較并且基于項的特 性之間的差異或相似性的程度來測量彈性（例如，分配值）來處理給定項的排名彈性測量。 在一些情況下，前端渲染引擎110可以有利地使用彈性測量來確定項（例如，帖子）是否可 以被重新布置并且它們可以在用于顯示的布局的優(yōu)化期間被從它們的當前位置移除多遠。 超級帖子候選資格比特可以指示內(nèi)容項是否能夠被提升/變成超級帖子（例如，橫跨多個 相鄰容器）?？蓙G棄比特可以指示內(nèi)容項是否能夠從正由前端渲染引擎顯示丟棄。例如， 除非對于給定項包括可丟棄比特，否則前端渲染引擎110可以保存和顯示由后端渲染引擎 120包括在初始布局中的所有項（例如，帖子）。內(nèi)容項質(zhì)量的量度可以指示能夠被用來 確定該內(nèi)容項是否可以在大小上縮放的內(nèi)容項的內(nèi)容的質(zhì)量（例如，文本或圖像質(zhì)量等）。 超級帖子質(zhì)量乘數(shù)可以指示超級帖子的內(nèi)容的質(zhì)量，其可以被用來確定它的感知值、它是 否能夠被縮放和/或內(nèi)容項是否應該被提升為超級帖子。某些類型的項（例如，帖子）之 間的排斥的量度可以指示應該在項之間維持的最小和/或最大距離。模板塊可以包括用于 處理、定義并且呈現(xiàn)內(nèi)容項的指令（例如，標記語言）。對于內(nèi)容項的高度估值可以由后端 渲染引擎120像在本文中別處所討論的那樣計算。固定位置指示器可以指示內(nèi)容項在初始 布局中的固定位置。例如，給定內(nèi)容項可以被配置成總是出現(xiàn)在初始布局的"左上"位置或 "右上"位置處，并且固定位置指示器可以識別該要求。唯一項id可以被用來唯一地識別初 始布局中的內(nèi)容項（例如，帖子）中的每一個。布局對象424能夠由后端植染引擎120和 /或前端渲染引擎110用來確定是否以及如何渲染、調(diào)整和/或優(yōu)化內(nèi)容項的布局。
[0065] 前端渲染引擎110可以依靠后端渲染引擎120來為內(nèi)容項（例如，帖子）計算初 始布局。例如，包括（初始）布局的表示的布局響應420可以通過從后端渲染引擎120到 前端渲染引擎110來提供，并且前端渲染引擎110可以通過在布局內(nèi)重新布置內(nèi)容項（例 如，帖子）來優(yōu)化布局和/或一旦它們的實際大小已被渲染就調(diào)整項的大小。這是有利的， 因為作為技術效果，它能夠通過消除二重功能和/或結構來減小系統(tǒng)總體的復雜性。然而， 實施方式是可能的并且被其中前端渲染引擎110包括上面參考后端渲染引擎120所討論的 布局操作、結構以及功能中的一些或全部的本公開包含。
[0066] 在一些實施方式中，前端渲染引擎110可以確定應該基于正被用來查看內(nèi)容項的 視口的大小在布局中使用/激活的相鄰容器（例如，列）的數(shù)目并且即使已經(jīng)滿足預定閾 值也可以響應于觸發(fā)事件而觸發(fā)后端渲染引擎120為該組內(nèi)容項重新確定初始布局。前端 渲染引擎110還可以記錄在屏幕上每個內(nèi)容項被渲染在的位置（例如，帖子的左上角的坐 標）并且將該信息提供給后端渲染引擎120以用于如上面所描述的處理和機器學習。這具 有關于由前端渲染引擎110優(yōu)化的第一初始布局的優(yōu)化的結果的信息對于服務器特別是 后端渲染引擎120可獲得的技術效果。該信息然后可以由服務器特別是后端渲染引擎120 用在第二初始布局的后續(xù)計算中，所述服務器可能由于所述信息的可用性而實現(xiàn)第二初始 布局與第一初始布局相比的進一步改進。因此第二初始布局在相同或另一客戶端特別是前 端渲染引擎110處的后續(xù)優(yōu)化對于初始布局的優(yōu)化可能需要更少的資源，因為第二初始布 局已經(jīng)由后端渲染引擎120改進了。
[0067] 由后端渲染引擎120提供的初始布局可以由布局生成器230與后端渲染引擎120 的其它組件（包括例如但不限于多列布局引擎228、流渲染器224、流構建器222、高度估計 器226和/或獲取活動動作模塊220)協(xié)作確定。布局生成器230與這些組件相結合可以 確定根據(jù)一個或多個標準將一組內(nèi)容項組織成容器的多維（例如，二維）陣列的初始布局。 在一些實施方式中，陣列可以包括一系列列或行。例如，在縱向定向中可以按照相鄰地位于 的列組織內(nèi)容項并且在橫向定向中可以按照相鄰地位于的行組織內(nèi)容項。標準可以包括但 不限于它們的估計大?。ɡ?，高度）、大小范圍、排名、彈性的量度等。初始布局的非限制 性示例在圖9中被描繪為902,其在下面被更詳細地描述。
[0068] 布局生成器230可以接收表示并且包括要顯示給用戶的一組內(nèi)容項的元數(shù)據(jù)的 布局對象424以及布局配置406 (例如，規(guī)定視口的像其大小的特性的視口數(shù)據(jù)）作為輸 入，并且布局生成器230然后可以基于該輸入來對于布局對象424計算布局，并且返回包括 所計算的布局的表不的布局響應420。在一些實施方式中，布局生成器230可以與多列布局 引擎228協(xié)作計算布局。例如，布局生成器230可以經(jīng)由由多列布局引擎228提供的應用 編程接口（API)來管理多列布局引擎228的操作。
[0069] 布局生成器230可以被配置成基于一個或多個標準（包括但不限于候選資格比 特）來確定給定布局對象是否是超級帖子候選。超級帖子包括占用布局區(qū)域的超過一個容 器（例如，列）的流內(nèi)容項。在一些實施方式中，超級帖子可以橫跨布局的所有可見的相鄰 容器（例如，列）。可以通過流構建器222 (例如，經(jīng)由流渲染器224和多列布局引擎228) 將候選資格比特提供給布局生成器230。流構建器222可以基于內(nèi)容項的預定排名、對象 是否包含嵌入式圖像、圖像屬性（例如，大小、縱橫比、分辨率等）是否滿足某些參數(shù)、它是 否不是自身帖子、它是否不是再共享的內(nèi)容項等來確定候選資格比特。在一些實施方式中， 流構建器222可以隨著時間的推移而改變超級帖子候選資格比特。例如，如果內(nèi)容項的屬 性（包括例如內(nèi)容項的排名（例如，質(zhì)量分值））改變，則后端渲染引擎120可以相應地調(diào) 整候選資格比特以將內(nèi)容項（例如，帖子）提升為超級帖子候選或者使它從作為超級帖子 候選降級。
[0070] 例如而非限制，為了取得超級帖子候選資格，流構建器222可以被配置成需要內(nèi) 容項具有滿足或者超過某個閾值的排名，配置成包括大于或大于1260像素（px)寬的嵌入 式照片（如此照片能夠被以比較小非超級帖子對象高的分辨率渲染）并且具有從1:2到 3:4(高度：寬度）變動的縱橫比（如此不必裁剪照片），配置成不由指定來接收內(nèi)容項的用 戶產(chǎn)生，配置成不被其他用戶與指定來接收它的用戶再共享等。在一些情況下，即使內(nèi)容項 包括具有落在期望范圍外（例如，小于1:2)的縱橫比的照片，后端渲染引擎120也可以仍 然確定它為超級帖子候選（例如，如果內(nèi)容項具有足夠高的排名以具有資格）。對于落在期 望范圍外的照片，前端渲染引擎110能夠?qū)λ鶎膬?nèi)容項做出調(diào)整，所以滿足適當?shù)拇?小標準（例如，通過在照片周圍放置灰色、黑色等）。
[0071] 作為另一示例而非限制，圖11是圖示帖子在示例布局內(nèi)到超級帖子的提升的圖。 具體地，圖11示出布局的在1102之前和在1104之后的階段，所述布局包括帖子（包括超 級帖子（帖子2))可以被放入的區(qū)域1106。在階段1104之后，帖子2被提升為超級帖子 并且橫跨所有三列以及帖子4、帖子5和帖子1被放入它們最好地適合（例如，基于它們的 估計高度）的列。圖12是圖示基于候選資格的超級帖子的選擇和放置的圖。在第一階段 1202中，一組帖子（帖子1、帖子2以及帖子3)被確定用于放置在可用區(qū)域1208中。在第 二階段1204中，帖子像所示出的那樣被放置，但是對于帖子2來說存在適合作為超級帖子 或標準帖子的不足空間。在第三階段1206中，帖子3被提升為超級帖子代替帖子2,所以所 有帖子可以適應可用區(qū)域1208。可以在前端上稍后優(yōu)化帖子在階段1104和階段1206中的 總體高度以移除可能存在于它們之間的任何間隙，所以布局1104的全部項之間的間距可 以是一致的。
[0072] 布局生成器230可以基于給定內(nèi)容項的候選資格比特來決定是否將它提升為超 級帖子。在一些實施方式中，給定對象（例如，帖子）的候選資格比特可能成為指示如果它 被轉(zhuǎn)換為超級帖子則對象將有多好的分值乘數(shù)。布局生成器230可以被配置成將每個超級 帖子候選轉(zhuǎn)換/提升為超級帖子或者配置成為選擇性的并且僅選擇某些超級帖子候選為 超級帖子。例如，布局生成器230可以基于包括例如但不限于用戶的視口的大小和/或類 型（例如，窗口大小、用戶代理等）、布局中的相鄰內(nèi)容的性質(zhì)、超級帖子將在布局中創(chuàng)建的 空白的量、結果布局由于超級帖子而將具有的總體可視要求、對布局內(nèi)的超級帖子的數(shù)目 的限制（例如，必須是超級帖子之間的至少兩行、每行僅一個超級帖子等）、視口的大小和/ 或內(nèi)容限制等的一個或多個標準來轉(zhuǎn)換超級帖子候選。在一些實施方式中，布局生成器230 可以基于一個或多個用戶相關屬性（包括例如但不限于用戶的視口規(guī)范（例如，屏幕和/ 或窗口大小、用戶代理、帶寬等）、簡檔、社交圖、內(nèi)容偏好等對于第一用戶提升超級帖子候 選而不對于第二用戶提升超級帖子候選。
[0073] 在一些實施方式中，布局生成器230可以被配置成獨立地確定是否轉(zhuǎn)換或提升超 級帖子候選或者可以被配置成自動地轉(zhuǎn)換已被提名（例如，有候選資格比特）的每個超級 帖子候選。在各種實施方式中，后端渲染引擎120的另一組件（包括例如流構建器222、流 渲染器224、多列布局引擎228等）可以通過指定構造器參數(shù)、對象、子類等并且將它們傳遞 給布局生成器230來指定超級帖子候選到超級帖子的提升是否是需要的。
[0074] 在一些實施方式中，布局生成器230可以與多列布局引擎228協(xié)作來將超級帖子 放置在初始布局中。在一些實施方式中，布局生成器230可以從多列布局引擎228接收布 局對象424和布局配置406,并且布局生成器230可以進一步操縱布局（例如，經(jīng)由多列布 局引擎228的API)以提升超級帖子（例如，基于包括在布局對象424中的元數(shù)據(jù)）。
[0075] 多列布局引擎228可以被配置成基于對于內(nèi)容項的大?。ɡ?，高度、寬度等）估 值來構建并且擴增對于該組內(nèi)容項（例如，帖子）的初始布局，所述內(nèi)容項可以在從流構建 器222接收到的布局對象提供。流構建器222可以與應用引擎122交互以接收一組內(nèi)容項 并且然后與高度估計器226協(xié)作來估計每個內(nèi)容項的大小。在一些實施方式中，流