日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

當前位置:首頁 > 科技  > 軟件

得物效率前端微應用推進過程與思考

來源: 責編: 時間:2023-08-05 11:45:02 5142觀看
導讀一、背景效率工程隨著業務的發展,組織規模的擴大,越來越多的企業開始意識到協作效率對于企業團隊的重要性,甚至是決定其在某個行業競爭中突圍的關鍵,是企業長久生存的根本。得物效率工程運用產品、技術、數據等手段,全面提

一、背景

效率工程

隨著業務的發展,組織規模的擴大,越來越多的企業開始意識到協作效率對于企業團隊的重要性,甚至是決定其在某個行業競爭中突圍的關鍵,是企業長久生存的根本。AEw28資訊網——每日最新資訊28at.com

得物效率工程運用產品、技術、數據等手段,全面提升公司的效率。在管理效率、協同效率、跨團隊溝通效率、產研協作效率、辦公效率等各方面持續探索,高效驅動公司發展。AEw28資訊網——每日最新資訊28at.com

效率工程的業務場景

上面提到,效率工程為提升企業協作效率而生,因此會面臨大量中后臺應用場景。AEw28資訊網——每日最新資訊28at.com

這些中后臺應用體現為「PC 站點、H5 站點、飛書應用、特定機器環境」等,面向所有內部員工和部分外部用戶。AEw28資訊網——每日最新資訊28at.com

在面向多類型用戶和使用場景等條件下,效率工程技術產品在穩定性、體驗、擴展性等方面面臨的挑戰非常多。AEw28資訊網——每日最新資訊28at.com

效率工程面臨的問題

效率工程主要的業務形態是「PC 站點的大型中后臺應用」,此類應用的布局大多數是這樣的:AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

針對這類場景,有此類產品研發經驗的同學,對其面對的問題也會比較熟悉:AEw28資訊網——每日最新資訊28at.com

  1. 依賴管理方面。非 monorepo 類倉庫下,對于只有一個 package.json 對依賴管理,底層依賴如 antd 等版本升級困難,因為回歸成本很高。

      a.個別底層依賴的升級是難以避免的,尤其是涉及穩定性、可維護性、用戶體驗方面,在某個節點會爆發問題影響線上AEw28資訊網——每日最新資訊28at.com

  1. 代碼耦合度方面。微前端下,如果沒有做好抽象,基座和子應用的代碼耦合度容易偏高。
  2. 基座通常包括:Layout、權限控制等通用模塊難免的,在基座中可能包括對特定頁面的處理邏輯,這里不再舉例
  3. 業務投放成本方面。有些業務的內容區非常適合投放到多個平臺,但通常情況下中后臺應用代碼的布局和內容部分是強耦合的。單獨將內容區域投放到外部平臺,要一個個處理,成本很高。
  4. 比如某個重報表類平臺,其報表展示能力能否應用在更多平臺上,其投放能力是最重要的影響因素

經過調研后,我們引入微應用來解決目前遇到的問題:AEw28資訊網——每日最新資訊28at.com

微應用

一個基于“monorepo & 微前端 & 基座與業務分離”的、包括“文檔 & 工具”的一套體系化降低研發成本和提升用戶體驗的技術產品。AEw28資訊網——每日最新資訊28at.com

這是面向得物效率工程業務場景下,我們對微應用的定義。AEw28資訊網——每日最新資訊28at.com

系統案例:得物學習平臺

得物效率工程的學習平臺,是面向得物員工、勞務人員、鑒別師、客服等人群的大型中后臺應用,產品形態是 PC / H5 / 飛書應用等。是非常典型的適用于「微應用」推進的項目。AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

依賴管理方面

學習平臺原來是非 monorepo 結構,只用一個 package.json 做依賴管理,底層依賴 antd 等的版本極難更新,很難享受到最新版本的快樂。AEw28資訊網——每日最新資訊28at.com

代碼耦合度方面

學習平臺 Layout 和各個頁面內容部分代碼是強耦合的,Layout 中也有部分頁面的業務邏輯。AEw28資訊網——每日最新資訊28at.com

業務投放成本方面

學習平臺的多個頁面對外投放是整體性投放,需要對 Layout 做特殊處理、權限特殊處理等方式處理后,才能開始投放,投放成本高,而且投放方案不通用。AEw28資訊網——每日最新資訊28at.com

二、問題分析

Why:為什么做?為什么這樣做?

  1. 中后臺應用越來越臃腫已成為共識
  2. 中后臺需要在功能越來越多的情況下,輕量化地迭代
  3. monorepo 配合微前端,是中后臺應用輕量化迭代的有效方案

Who: 用戶是誰?

  1. 業務前端:能夠快速理解遷移方案、低成本使用配套工具完成遷移、有充分的 Q/A 文檔介紹
  2. Leader:能夠通過看板等產品、結合指標,快速判斷遷移后的工程質量,在長期維護狀態下保證工程質量不快速下降

What:做什么?

  1. 最佳實踐文檔:面向業務前端,要求通俗易懂,業務前端可以在 0.5D 內快速理解整個方案
  2. 遷移工具:提供一個工具,幫助開發者快速完成遷移
  3. 巡檢看板:查看各類指標,如依賴版本是否過期、公共模塊位置是否合理等

When:什么時候做?

  1. 一個中后臺項目子應用超過 X 個,感官越來越臃腫的情況下,可以考慮做微應用化了
  2. 想在中后臺項目前期打好基礎,便于后續迭代提效,可以考慮使用微應用了

Where:在哪里做?

  1. 解釋:很顯然這不是在說物理位置,在研發流程中,這個工具該處于什么位置
  2. 遷移中:在業務開發者本機執行遷移動作、飛書文檔完成背景介紹
  3. 遷移后:有在線的巡檢平臺可以:執行巡檢、查看巡檢報告

How:如何做?

  1. 要同時進行 monorepo 化和微前端化,工作量大、操作復雜、穩定性保障難度大
  2. 第 1 步:以 1 個項目試點,跑通流程、輸出“最佳實踐(初版)”、輸出“遷移工具(初版)”
  3. 第 2 步:以 1 個項目驗證全套方案,輸出“最佳實踐(修正版)”、輸出“遷移工具(修正版)”
  4. 第 3 步:以 1 個項目完成全套方案,輸出“最佳實踐(完整版)”、輸出“遷移工具(完整版)”
  5. 第 4 步:更多項目接入

三、明確目標

根據 SMART 原則,我們制定了如下目標(時間限制在 3 個月內):AEw28資訊網——每日最新資訊28at.com

1. 降低微應用化遷移成本,中大型應用的微應用化遷移耗時降低 30%AEw28資訊網——每日最新資訊28at.com

耗時降低計算公式:1 - (有 SOP 時微應用化遷移估時 / 無 SOP 時微應用化遷移估時)AEw28資訊網——每日最新資訊28at.com

2. 降低學習平臺維護成本,管理端和學員端公共依賴升級時的測試耗時降低 50%AEw28資訊網——每日最新資訊28at.com

耗時降低計算公式:1 - (微應用化后的測試估時 / 微應用化前的測試估時)AEw28資訊網——每日最新資訊28at.com

四、推進方案

經過以上分析,我們的推進方案在「輸出、里程碑、技術架構、測試方案、效果預估」等方面進行了確認。AEw28資訊網——每日最新資訊28at.com

輸出

 1. 面向業務開發者

    a.《效率前端微應用最佳實踐》文檔:幫助業務開發者可以在 0.5D 理解遷移所需的各類背景AEw28資訊網——每日最新資訊28at.com

    b.「微應用遷移技術產品 monopower」:幫助業務開發者完成應用 monorepo 化過程 90% 的工作量AEw28資訊網——每日最新資訊28at.com

 2. 面向 Leader

    a.「在線巡檢能力和報告」:幫助 Leader 查看項目完成微應用遷移后,工程質量是如何的,這里包括了一系列的指標AEw28資訊網——每日最新資訊28at.com

里程碑AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

如上圖,里程碑整體分為 2 個階段:AEw28資訊網——每日最新資訊28at.com

第一階段,通過業務的少量落地完成方案驗證,側重在驗證AEw28資訊網——每日最新資訊28at.com

第 1 步:以 1 個項目試點,跑通流程、輸出“最佳實踐(初版)”、輸出“遷移工具(初版)”,落地 1 ~ 2 個頁面AEw28資訊網——每日最新資訊28at.com

第 2 步:以 1 個項目驗證全套方案,輸出“最佳實踐(修正版)”、輸出“遷移工具(修正版)”,落地 3 ~ 10 個頁面AEw28資訊網——每日最新資訊28at.com

第二階段,業務全量遷移,側重在業務落地

以 1 個項目完成全套方案,輸出“最佳實踐(完整版)”、輸出“遷移工具(完整版)”,落地該應用全部頁面AEw28資訊網——每日最新資訊28at.com

技術架構AEw28資訊網——每日最新資訊28at.com

1. 迪米特法則

即最小知識原則,在 SOLID 設計原則中符合 「Single,單一職責;Open-Close:開閉原則」的思想。AEw28資訊網——每日最新資訊28at.com

我們在考慮微應用技術架構所具備的特征時,更注重簡單、可靠、閉環,也就是迪米特法則。AEw28資訊網——每日最新資訊28at.com

簡單:輸出的技術產品和文檔,需要面向真正用戶,易于理解,使用門檻低AEw28資訊網——每日最新資訊28at.com

可靠性:業內微前端產品(qiankun / wujie / micro-app / ...)對比,各自的優缺點,是否滿足業務需求AEw28資訊網——每日最新資訊28at.com

閉環:當項目進行微應用化后,定時巡檢和告警會觸發運行,定期掃描工程質量并通知到相關方AEw28資訊網——每日最新資訊28at.com

2. 整體架構

圖中綠色區域是需要開發的產品或文檔。AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

整體架構包括以下核心模塊:AEw28資訊網——每日最新資訊28at.com

    a.新增微應用倉庫AEw28資訊網——每日最新資訊28at.com

        不在老倉庫進行微應用化改造,保證穩定性。AEw28資訊網——每日最新資訊28at.com

    b.monopower cli/serverAEw28資訊網——每日最新資訊28at.com

        i.一鍵改造非 monorepo 項目為 monorepo 項目AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

        ii.掃描項目質量,并輸出報告和告警AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

    c.微應用遷移最佳實踐文檔AEw28資訊網——每日最新資訊28at.com

3. 一鍵 monorepo 化AEw28資訊網——每日最新資訊28at.com

轉換過程

  1. 對原工程做「基于 AST 或正則」的依賴分析
  2. 調整目錄結構為 monorepo
  3. 對新工程中代碼做「基于 AST 或正則」的引用路徑修正

比如,原工程中有 import utils from '@/utils',新工程可能需要變為 import utils from '@monorepo/utils'AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

技術實現

    a.對原工程做依賴解析后,會生成包含依賴樹的 json 文件存儲在本地AEw28資訊網——每日最新資訊28at.com

    b.基于 json 文件 和 monorepo 結構規范,生成新的 monorepo 化的工程結構AEw28資訊網——每日最新資訊28at.com

    c.基于 json 文件和 monorepo 結構規范,對新的 monorepo 化的工程中的引用路徑做修正AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

多次 monorepo 化AEw28資訊網——每日最新資訊28at.com

由于學習平臺的微應用化持續近 3 個月,期間會經歷多次迭代。AEw28資訊網——每日最新資訊28at.com

比如 A/B/C 3 個頁面是待微應用化的頁面,用 3 個迭代分別對 A/B/C 3 個頁面進行微應用化。AEw28資訊網——每日最新資訊28at.com

那么,A 頁面上線后,假如第二個迭代,原倉庫依然需要對  A 頁面修改,就意味著,第二個迭代要同時上線 A/B 頁面。AEw28資訊網——每日最新資訊28at.com

為了減少回歸測試成本,我們用 monopower transfer 做了一個轉換后的 diff 展示,如果 A 頁面在兩次迭代被進行了兩次 transfer,且 diff 沒有變化,就不需要回歸測試。AEw28資訊網——每日最新資訊28at.com

測試方案AEw28資訊網——每日最新資訊28at.com

1. 兩個方案

    a. 以單個路由為粒度,每次全量切換該路由的流量到微應用版本    b. 以整個工程為粒度,按照人群/流量分布為維度,定向灰度到微應用版本AEw28資訊網——每日最新資訊28at.com

2. 選定方案

最終我們用第一個測試方案。原因如下:AEw28資訊網——每日最新資訊28at.com

    a. 學習平臺是微應用推進的第一個驗證型項目,短時間內全量完成改造的難度太大AEw28資訊網——每日最新資訊28at.com

    b. 以單個路由為粒度,能夠逐步修復問題,驗證整體方案的可行性AEw28資訊網——每日最新資訊28at.com

3. 應用效果

使用第一個方案,在整個微應用落地過程中是比較順利的,平穩地將近 40 個頁面逐批次切換到微應用模式。AEw28資訊網——每日最新資訊28at.com

這里也頻繁用到了「推進方案 -- 技術架構  -- 一鍵 monorepo 化」中提到的“多次 monorepo 化”,利用 monopower transfer 的 diff 結果,來減少回歸測試成本。AEw28資訊網——每日最新資訊28at.com

效果評估

1. 學習平臺改造前后的工程結構對比

改造前:AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

改造后:AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

2. 遷移前

系統自檢:AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

3. 遷移中

遷移步驟:

    i.安裝命令行 monopowerAEw28資訊網——每日最新資訊28at.com

    ii.在當前項目執行 monopower transfer,執行 monorepo 化AEw28資訊網——每日最新資訊28at.com

    iii.逐個頁面測試AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

正向依賴分析:AEw28資訊網——每日最新資訊28at.com

比如入口文件 index.tsx,可以基于該入口文件做依賴樹的可視化分析AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

反向依賴分析:AEw28資訊網——每日最新資訊28at.com

用于分析某個文件被哪些文件引用,用于分析該文件的重要性等AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

4. 遷移后

定期巡檢,輸出巡檢報告,包括且不限于「工程化配置、代碼質量、公共依賴引用、依賴收斂、穩定性、性能、用戶體驗」等分析結果。AEw28資訊網——每日最新資訊28at.com

巡檢工具內部,可以結合靜態文件掃描和運行時模擬,對當前項目做全方位掃描,當然側重在微應用方面的健康度。AEw28資訊網——每日最新資訊28at.com

圖片AEw28資訊網——每日最新資訊28at.com

五、目標達成情況

上文中提到了「微應用」推進的目標,這里分開演示效果。AEw28資訊網——每日最新資訊28at.com

目標 1:降低微應用化遷移成本,中大型的微應用化遷移耗時降低 30%

耗時降低計算公式:1 - (有 SOP 時微應用化遷移估時 / 無 SOP 時微應用化遷移估時)AEw28資訊網——每日最新資訊28at.com

改造前AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

用 monopower transfer 對學習平臺進行 monorepo 化改造:AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

改造后AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

目標 2:降低學習平臺維護成本,管理端和學員端公共依賴升級時的測試耗時降低 50%

耗時降低計算公式:1 - (微應用化后的測試估時 / 微應用化前的測試估時)AEw28資訊網——每日最新資訊28at.com

很顯然,這是利用了 monorepo 類工程的天然優勢:依賴隔離。AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

學習平臺可以針對管理端和學員端做依賴隔離,從而可以單獨升級學員端、管理端業務的底層依賴。AEw28資訊網——每日最新資訊28at.com

六、推進的經驗教訓

變與不變

上述推進方案確認后,剩下的就是根據各個里程碑完成對應進度即可,因此在推進過程中,沒有遇到「進度」方面的問題。AEw28資訊網——每日最新資訊28at.com

當然在推進途中,隨時會面臨實際的技術問題、人員調整、業務壓力等,除了保持足夠的心理準備外,在“技術調研”階段,為關鍵鏈路做好多個方案對比和意外狀況的預案尤為重要。AEw28資訊網——每日最新資訊28at.com

比如,在微前端選型中,社區中有諸多方案可選(iframe / qiankun / wujie / micro-app 等),在初期擬定某個微前端方案后,如果中途遇到難以解決的問題,就需要及時復盤、調整到備選方案。AEw28資訊網——每日最新資訊28at.com

備選方案也要做足功課,這是我們在推進微應用落地過程中的重要經驗AEw28資訊網——每日最新資訊28at.com

Babel在實際應用中的劣勢AEw28資訊網——每日最新資訊28at.com

在上文介紹「推進方案 - 技術架構- 一鍵 monorepo 化」時,我們提到了: 在對原工程做 monorepo 化時,需要對原工程進行“依賴解析”和“代碼引用路徑修正”。其中專門強調了「基于 AST 或正則」。AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

團隊鍛煉

這部分其實是團隊管理和項目管理部分了,如果推進人是比較資深的同學是能很快地完成中大型項目的核心難點工作的,但也有不少同學有成長的意愿以及完成挑戰的能力。AEw28資訊網——每日最新資訊28at.com

那負責推進的同學,就要學會拆解、放手,讓有意愿有潛力的同學多多承擔重要工作,同時把控風險,保證項目的順利推進。AEw28資訊網——每日最新資訊28at.com

很榮幸,這個項目在推進的 3 個月內,涌現了多位成長明顯的同學,在整個項目高質量完成的結果上,貢獻了自己的力量,而且很多問題的發現、解決、通用化方案輸出是這些同學主動推動的。AEw28資訊網——每日最新資訊28at.com

推進能力模型

值得思考的是,以效率前端微應用推進為例,成功推進一個中大型項目,需要具備怎樣的能力和工作方式?AEw28資訊網——每日最新資訊28at.com

下圖能力模型是我比較喜歡參考的:AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

基于這個能力模型,衍生出的比如:主動性、技術儲備、任務分解等各類能力都是可以納入這個模型參考的。AEw28資訊網——每日最新資訊28at.com

以下是上述能力模型在具體事務上的工作技巧實踐:AEw28資訊網——每日最新資訊28at.com

  1. 閉環式推進
  2. 工作四象限

七、技術之外

本文介紹的技術方案,是效率前端微應用推進的初期設計的,推進 3 個月以來,中途經歷了各種各樣的困難,也有額外的技術小項被納入微應用推進方案,但整體的方向沒有大的變化。AEw28資訊網——每日最新資訊28at.com

除了技術方面,我有個心得:“推進的同學,需要有良好的心理素質,并能為自己尋找資源”。AEw28資訊網——每日最新資訊28at.com

良好的心理素質

「Everything is under control」,我想這是設計技術方案的同學需要慢慢具備的心理素質。AEw28資訊網——每日最新資訊28at.com

在推進過程中,你對遇到的困難是否有心理準備?比如技術方案被挑戰、研發體驗變化帶來的反彈、回滾難度是否都考慮過。“出現各類問題是很正常的”,是我在推進任何項目都有的心理準備。AEw28資訊網——每日最新資訊28at.com

為自己尋找資源

在各方對推進項目價值沒有太大異議的前提下,推進的同學需要假設任何人包括 Leader 對你需要的幫助是完全不了解的,此時,你需要作為需求方向各個具備資源或者能夠調動資源的人尋求合理的幫助。AEw28資訊網——每日最新資訊28at.com

八、后續:深水區之前端微服務化

本文從背景出發,詳細介紹了效率前端微應用推進初期設定的技術方案。在推進的 3 個月中,除了完成上述工作外,有多個很重要的技術小項、人員陸續加入。AEw28資訊網——每日最新資訊28at.com

在下一階段,得物效率前端微應用的推進將重點關注業務微服務化能力的建設。AEw28資訊網——每日最新資訊28at.com

微服務化在后端領域已經講了很久,在前端領域通常大家提到的是微前端,但本文中提到的「前端微服務化」更側重業務的多端投放能力。AEw28資訊網——每日最新資訊28at.com

比如,某個中后臺應用的報表能力很強,在其他平臺上,想接入這些報表的話,有幾個方式可以做:AEw28資訊網——每日最新資訊28at.com

  1. 該中后臺應用做對外投放能力改造,成本與該應用本身復雜度相關,投放后,方案不具備通用性
  2. 該中后臺應用采用微服務化能力提升,提升成本極低(比如引入一個微服務化增強腳本即可),子頁面中的報表即可獨立投放到其他平臺

后續要推進的即是第二個方案類似的方向,這是部分實現思路:AEw28資訊網——每日最新資訊28at.com

圖片圖片AEw28資訊網——每日最新資訊28at.com

在業務場景中,如果能夠做到「布局 與 內容」的松耦合,對于業務本身的多場景接入大有益處,這也是「微應用」推進面臨的一個深水區,值得重度投入,后續有不錯進展的話,我們會及時分享。AEw28資訊網——每日最新資訊28at.com

本文鏈接:http://m.www897cc.com/showinfo-26-100-0.html得物效率前端微應用推進過程與思考

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。郵件:2376512515@qq.com

上一篇: 分享六款相見恨晚的PPT模版網站, 祝你做出精美的PPT!

下一篇: Flowable工作流引擎的科普與實踐

標簽:
  • 熱門焦點
Top 日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不
欧美xart系列高清| 国产精品国产三级国产专播品爱网| 亚洲一区二区在线看| 亚洲色图自拍| 亚洲专区免费| 久久精品视频网| 欧美岛国激情| 国产精品videosex极品| 国产精品免费一区二区三区观看| 国产精品乱码人人做人人爱| 国产欧美综合一区二区三区| 伊人久久大香线| 亚洲精品中文字幕女同| 一区二区不卡在线视频 午夜欧美不卡'| 尤物在线观看一区| 亚洲人妖在线| 亚洲综合色视频| 久久久久久网址| 欧美精品乱码久久久久久按摩| 亚洲手机成人高清视频| 欧美怡红院视频| 欧美高清影院| 国产精品一二一区| 亚洲国产mv| 亚洲综合精品一区二区| 久久久综合免费视频| 欧美日本国产在线| 国产精品专区一| 在线欧美日韩| 亚洲图片激情小说| 奶水喷射视频一区| 国产精品网站在线播放| 亚洲国产精品成人一区二区| 亚洲天堂成人在线视频| 久久久久看片| 国产精品久久一区主播| 亚洲激情欧美激情| 久久国产综合精品| 国产精品久久久久久户外露出 | 亚洲精品社区| 久久成人综合网| 欧美日韩中文字幕日韩欧美| 亚洲电影在线看| 欧美影院成人| 国产精品福利久久久| 亚洲国产一区二区三区在线播| 欧美亚洲在线播放| 欧美日韩国产一区二区三区| 在线看日韩av| 欧美亚洲一区在线| 国产精品久久久久久久久久三级 | 欧美成人中文字幕| 国产精品自拍网站| 一本色道**综合亚洲精品蜜桃冫| 久久这里只有精品视频首页| 国产精品一区二区a| av成人福利| 欧美国产在线观看| 亚洲第一黄色网| 久久久.com| 国产精一区二区三区| 日韩一区二区高清| 欧美.日韩.国产.一区.二区| 韩国三级在线一区| 欧美一区二区在线免费播放| 国产精品白丝av嫩草影院| 99re亚洲国产精品| 欧美激情偷拍| 亚洲精品护士| 欧美激情影音先锋| 亚洲精品国久久99热| 免费不卡中文字幕视频| 一区视频在线看| 久久久免费精品视频| 国产视频观看一区| 欧美亚洲三区| 国产精品一区二区久久久久| 亚洲一区图片| 国产精品久久看| 亚洲你懂的在线视频| 国产精品成人久久久久| 中文高清一区| 国产精品久久久久三级| 亚洲欧美精品suv| 国产精品久久久久久久午夜| 亚洲一区在线免费| 国产精品素人视频| 欧美一区二区三区四区视频| 国产三级精品三级| 久久精品国产91精品亚洲| 国产一区二区日韩精品欧美精品| 国产欧美综合在线| 午夜视频在线观看一区二区三区| 国产乱理伦片在线观看夜一区| 亚洲欧美日韩一区二区| 国产区精品视频| 久久久999| …久久精品99久久香蕉国产 | 国产专区综合网| 久久久久综合网| 1204国产成人精品视频| 欧美国产日韩一区| 日韩一级大片在线| 国产精品xxxav免费视频| 亚洲男人的天堂在线观看| 国产精品影视天天线| 久久精品二区亚洲w码| 永久555www成人免费| 欧美大秀在线观看| 亚洲私人影院在线观看| 国产欧美日韩精品在线| 久久性色av| 亚洲美女福利视频网站| 国产精品美女久久久久久久 | 久久先锋影音| 亚洲精品一区二区三区婷婷月| 欧美日韩卡一卡二| 亚洲欧美日本伦理| 好吊色欧美一区二区三区视频| 欧美a级大片| 中文精品一区二区三区 | 亚洲伊人观看| 一区二区三区在线高清| 欧美精品亚洲一区二区在线播放| 亚洲小视频在线| 国产日韩成人精品| 欧美1区视频| 亚洲综合精品| 亚洲第一级黄色片| 国产精品国产亚洲精品看不卡15| 久久精品论坛| 99v久久综合狠狠综合久久| 国产欧美日韩一级| 欧美国产视频在线观看| 午夜精品视频在线观看| 亚洲福利专区| 国产精品入口福利| 欧美成人日韩| 性欧美超级视频| 亚洲精品乱码久久久久久蜜桃麻豆 | 久久综合九色欧美综合狠狠| 日韩亚洲成人av在线| 国产麻豆精品在线观看| 欧美v亚洲v综合ⅴ国产v| 亚洲欧美成人精品| 亚洲激情影院| 国产偷自视频区视频一区二区| 欧美激情免费观看| 久久成人免费网| 99综合电影在线视频| 黄色亚洲在线| 国产精品美女午夜av| 欧美不卡福利| 久久精品中文| 亚洲制服少妇| 亚洲精品综合| 在线播放豆国产99亚洲| 国产精品家庭影院| 欧美精品少妇一区二区三区| 久久久www| 亚洲欧美日韩国产中文| 日韩性生活视频| 亚洲成在线观看| 国产亚洲精品资源在线26u| 欧美日韩亚洲三区| 欧美成人综合一区| 久久人人爽人人| 久久不射电影网| 亚洲免费在线| 一区二区三区免费在线观看| 91久久国产综合久久蜜月精品| 国产亚洲欧美日韩一区二区| 欧美午夜视频网站| 欧美激情综合色| 免费看黄裸体一级大秀欧美| 久久精品国产77777蜜臀| 亚洲欧美一区二区三区极速播放| 亚洲精品影视| 亚洲国产另类久久精品| 禁断一区二区三区在线| 国产日韩视频一区二区三区| 国产精品国产三级国产aⅴ入口| 欧美激情在线| 欧美成人免费在线视频| 久久久五月婷婷| 午夜精品一区二区三区在线播放| 在线一区二区三区四区| 99精品国产一区二区青青牛奶| 亚洲日本成人网| 亚洲黄色三级| 亚洲国产欧美日韩精品| 在线电影一区| 伊人成人在线| 狠狠色噜噜狠狠色综合久| 国产亚洲精品v| 国产亚洲精品7777| 国产女精品视频网站免费| 国产精品老女人精品视频| 国产精品福利av| 国产精品视频yy9099| 国产精品视频一| 国产欧美91| 国产一区二区欧美日韩| 国产亚洲永久域名|