距離 React 最近一次版本更新已經(jīng)過去了 8 個(gè)多月。那最近 React 都在忙些啥呢？下面就來看看 React 團(tuán)隊(duì)最近正在研究的事，以及取得的進(jìn)展！
站在用戶的角度思考問題，與客戶深入溝通，找到沙灣網(wǎng)站設(shè)計(jì)與沙灣網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：網(wǎng)站建設(shè)、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名與空間、虛擬主機(jī)、企業(yè)郵箱。業(yè)務(wù)覆蓋沙灣地區(qū)。
概覽：
- React Server Components
- 資源加載
- 文檔元數(shù)據(jù)
- 離屏渲染
- Transition Tracing
React Server Components
React Server Components（RSC，服務(wù)端組件）是由 React 團(tuán)隊(duì)設(shè)計(jì)的一種新的應(yīng)用架構(gòu)。
React 團(tuán)隊(duì)正在引入一種新的組件——服務(wù)器組件，它提前運(yùn)行并且被排除在 JavaScript 包之外。服務(wù)器組件可以在構(gòu)建期間運(yùn)行，從文件系統(tǒng)讀取或獲取靜態(tài)內(nèi)容。它們還可以在服務(wù)端運(yùn)行，無需構(gòu)建 API 即可訪問數(shù)據(jù)層?？梢酝ㄟ^ props 將數(shù)據(jù)從服務(wù)端組件傳遞到瀏覽器中的交互式客戶端組件。
RSC 將以服務(wù)端為中心的多頁面應(yīng)用的簡單“請求/響應(yīng)”心智模型與以客戶端為中心的單頁應(yīng)用的無縫交互相結(jié)合，提供了兩全其美的體驗(yàn)。
自上次更新以來，React 團(tuán)隊(duì)合并了 React 服務(wù)端組件 RFC 以批準(zhǔn)該提案。通過 [React Server Module Conventions](React Server Module Conventions) 提案解決了懸而未決的問題，并與合作伙伴達(dá)成共識以遵循“use client”的約定。這些文檔還充當(dāng) RSC 兼容實(shí)現(xiàn)應(yīng)支持的規(guī)范。
最大的變化就是引入了 async / await? 作為從服務(wù)端組件獲取數(shù)據(jù)的主要方式。 除此之外，還計(jì)劃通過引入一個(gè)名為 ??use??? 的新 Hook 來支持從客戶端加載數(shù)據(jù)，該 Hook 用于解包 Promises。雖然不能在僅客戶端應(yīng)用的任意組件中支持 ??async / await??，但計(jì)劃在構(gòu)建僅客戶端應(yīng)用時(shí)添加對它的支持，類似于 RSC 應(yīng)用的結(jié)構(gòu)。
現(xiàn)在已經(jīng)解決了數(shù)據(jù)獲取的問題，并正在探索另一個(gè)方向：將數(shù)據(jù)從客戶端發(fā)送到服務(wù)器，以便可以執(zhí)行數(shù)據(jù)庫突變和實(shí)現(xiàn)表單。通過讓跨服務(wù)端/客戶端邊界傳遞服務(wù)端操作（Server Action）函數(shù)來實(shí)現(xiàn)這一點(diǎn)，然后客戶端可以調(diào)用這些函數(shù)，從而提供無縫的 RPC。Server Actions 還在 JavaScript 加載之前提供逐步增強(qiáng)的表單。
React 服務(wù)端組件已經(jīng)在 Next.js 應(yīng)用路由中發(fā)布。這展示了一個(gè)真正將 RSC 視為原語的路由的深度集成，但這并不是構(gòu)建與 RSC 兼容的路由和框架的唯一方法。RSC 規(guī)范和實(shí)現(xiàn)提供的特性有明顯的區(qū)別。React 服務(wù)端組件是指跨兼容React框架工作的組件規(guī)范。
React 團(tuán)隊(duì)通常建議使用現(xiàn)有框架，但如果需要構(gòu)建自己的自定義框架，也是可以的。構(gòu)建自己的 RSC 兼容框架并不容易，因?yàn)樾枰疃葮?gòu)建工具集成。當(dāng)前一代的構(gòu)建工具非常適合在客戶端上使用，但它們在設(shè)計(jì)時(shí)并沒有為在服務(wù)端和客戶端之間拆分單個(gè)模塊圖提供一流的支持。這就是為什么 React 團(tuán)隊(duì)現(xiàn)在直接與構(gòu)建工具開發(fā)人員合作以獲得內(nèi)置的 RSC。
資源加載
Suspense 允許指定在組件的數(shù)據(jù)或代碼仍在加載時(shí)在屏幕上顯示什么內(nèi)容。這使用戶可以在頁面加載時(shí)以及加載更多數(shù)據(jù)和代碼的路由導(dǎo)航期間逐步看到更多內(nèi)容。但是，從用戶的角度來看，在考慮新內(nèi)容是否準(zhǔn)備就緒時(shí)，數(shù)據(jù)加載和渲染并不能說明全部。默認(rèn)情況下，瀏覽器獨(dú)立加載樣式表、字體和圖像，這可能導(dǎo)致 UI 跳轉(zhuǎn)和連續(xù)的布局轉(zhuǎn)換。
React 團(tuán)隊(duì)正在努力將 Suspense 與樣式表、字體和圖像的加載生命周期完全集成，以便 React 將它們考慮在內(nèi)，以確定內(nèi)容是否已準(zhǔn)備好顯示。在不改變編寫 React 組件的方式的情況下，更新將以更加連貫的方式進(jìn)行。作為一種優(yōu)化。，還將提供一種手動方式來直接從組件中預(yù)加載字體等資源。
文檔元數(shù)據(jù)
應(yīng)用中的不同頁面可能具有不同的元數(shù)據(jù)，例如
標(biāo)簽、description 和其他特定于此頁面的 <meta> 標(biāo)簽。從維護(hù)的角度來看，將此信息放在該頁面的 React 組件中會更具可擴(kuò)展性。但是，此元數(shù)據(jù)的 HTML 標(biāo)簽需要位于文檔的 <head> 中，該文檔通常在應(yīng)用的最根組件中。</p><p>現(xiàn)在有兩種方法可以解決這個(gè)問題：</p><ul><li>渲染一個(gè)特殊的第三方組件，該組件將 <title>、<meta> 和其中的其他標(biāo)簽移動到文檔的 <head> 中。這適用于主流瀏覽器，但有許多客戶端不運(yùn)行客戶端 JavaScript，例如 Open Graph 解析器，因此該技術(shù)并不普遍適用。</li><li>將頁面分為兩部分進(jìn)行服務(wù)端渲染。首先，渲染主要內(nèi)容并收集所有此類標(biāo)簽。然后使用這些標(biāo)簽渲染 <head> 。最后，<head> 和主要內(nèi)容被發(fā)送到瀏覽端。這種方法是可行的，但這樣就不能使用 React 18 中的流式服務(wù)端渲染了，因?yàn)楸仨毜却袃?nèi)容渲染完畢才能發(fā)送 <head>。</li></ul>
<p>這就是為什么 React 要 在組件樹中的任何位置添加內(nèi)置支持來渲染 <title>、<meta>? 和元數(shù)據(jù) <link> 標(biāo)簽。它在所有環(huán)境中都以相同的方式工作，包括完全的客戶端代碼、SSR，以及未來的 RSC。</p><h2>React 優(yōu)化編譯器</h2>
<p>?React 團(tuán)隊(duì)一直在積極迭代 React Forget 的設(shè)計(jì)，這是一個(gè)針對 React 的優(yōu)化編譯器。之前曾將其稱為“自動記憶編譯器”，這在某種意義上是正確的。但是構(gòu)建編譯器幫助 React 團(tuán)隊(duì)更深入地理解了 React 的編程模型。理解 React Forget 的更好方法是將其作為一個(gè)自動響應(yīng)式編譯器。</p><p>React 的核心思想是開發(fā)人員將 UI 定義為當(dāng)前狀態(tài)的函數(shù)。使用普通的 JavaScript 值：數(shù)字、字符串、數(shù)組、對象，并使用標(biāo)準(zhǔn)的 JavaScript 語法：if/else、for 等描述組件邏輯。心智模型是 React 將在應(yīng)用狀態(tài)更改時(shí)重新渲染。這種簡單的心智模型和與 JavaScript 語義保持接近是 React 編程模型中的一個(gè)重要原則。</p><p>問題是 React 有時(shí)會響應(yīng)過度：它會重新渲染太多。例如，在 JavaScript 中沒有直接的方法來比較兩個(gè)對象或數(shù)組是否相等（具有相同的鍵和值），因此在每次渲染時(shí)創(chuàng)建一個(gè)新的對象或數(shù)組可能會導(dǎo)致 React 執(zhí)行比它嚴(yán)格需要的更多的工作。這意味著開發(fā)人員必須明確記憶組件，以免對更改響應(yīng)過度。</p><p>React Forget 的目標(biāo)是確保 React 應(yīng)用在默認(rèn)情況下具有適量的響應(yīng)：應(yīng)用僅在狀態(tài)值發(fā)生有意義的變化時(shí)才重新渲染。從實(shí)現(xiàn)的角度來看，這意味著自動記憶，但 React 團(tuán)隊(duì)認(rèn)為響應(yīng)式框架是理解 React 和 Forget 的更好方式。React 目前會在對象標(biāo)識更改時(shí)重新渲染。有了 Forget，React 會在語義值發(fā)生變化時(shí)才重新渲染——但不會產(chǎn)生深度比較的運(yùn)行時(shí)成本。</p><p>進(jìn)展而言，自上次更新以來，React 團(tuán)隊(duì)對編譯器的設(shè)計(jì)進(jìn)行了大量迭代，以與這種自動響應(yīng)式方法保持一致，并納入內(nèi)部使用編譯器的反饋。在去年年底開始對編譯器進(jìn)行一些重大重構(gòu)之后，現(xiàn)在已經(jīng)開始在 Meta 部分生產(chǎn)中使用編譯器。一旦在生產(chǎn)中證明了它的價(jià)值，就計(jì)劃將其開源。?</p><h2>離屏渲染</h2>
<p>離屏渲染是 React 即將推出的一項(xiàng)功能，用于在后臺渲染屏幕而無需額外的性能開銷。可以將其視為 CSS 屬性 ?<code>?content-visibility?</code>? 的一個(gè)版本，它不僅適用于 DOM 元素，也適用于 React 組件。在研究過程中，發(fā)現(xiàn)了各種用例：</p><ul><li>路由可以在后臺預(yù)渲染頁面，以便當(dāng)用戶導(dǎo)航到該頁面時(shí)，頁面立即可用；</li><li>選項(xiàng)卡切換組件可以保留隱藏選項(xiàng)卡的狀態(tài)，因此用戶可以在它們之間切換而不會丟失進(jìn)度。</li><li>虛擬列表組件可以在可見窗口上方和下方預(yù)渲染額外的行。</li><li>打開模態(tài)框或彈出窗口時(shí)，可以將應(yīng)用的其余部分置于“后臺”模式，以便除模式之外的所有內(nèi)容都禁用事件和更新。</li></ul>
<p>大多數(shù) React 開發(fā)人員不會直接與 React 屏幕外的 API 交互。相反，離屏渲染將被集成到路由和 UI 庫中，使用這些庫的開發(fā)人員將自動受益，而無需額外的工作。</p><p>這個(gè)功能可以讓我們在不改變編寫組件的方式的情況下在屏幕外渲染任何 React 樹。當(dāng)一個(gè)組件在屏幕外渲染時(shí)，它實(shí)際上并沒有掛載，直到組件可見——它的 effect 不會被觸發(fā)。離屏渲染的一個(gè)關(guān)鍵特性就是可以在不丟失其狀態(tài)的情況下切換組件的可見性。</p><p>自上次更新以來，React 團(tuán)隊(duì)在 Android 和 iOS 上的 React Native 應(yīng)用中測試了 Meta 內(nèi)部預(yù)渲染的實(shí)驗(yàn)版本，并取得了積極的性能結(jié)果。除此之外，還改進(jìn)了離屏渲染與 Suspense 的工作方式——在離屏樹內(nèi)暫停不會觸發(fā) Suspense 回退。剩下的工作就涉及完成向庫開發(fā)人員公開的原語。希望在今年晚些時(shí)候發(fā)布一個(gè) RFC，以及一個(gè)用于測試和反饋的實(shí)驗(yàn)性 API。</p><h2>Transition Tracing</h2>
<p>Transition Tracing API 可以檢測 React Transitions 何時(shí)變慢并調(diào)查它們變慢的原因。在上次更新后，React 團(tuán)隊(duì)完成了 API 的初始設(shè)計(jì)并發(fā)布了 RFC，基本能力也已經(jīng)實(shí)現(xiàn)，該項(xiàng)目目前處于擱置狀態(tài)。歡迎對 RFC 進(jìn)行反饋，并期待恢復(fù)其開發(fā)，為 React 提供更好的性能測量工具。這對于構(gòu)建在基于 React Transitions 的路由特別有用，比如 Next.js 應(yīng)用路由。</p><blockquote style="margin-top: 5px;margin-bottom: 5px;padding-left: 1em;margin-left: 0px">
<p><strong>參考</strong>：https://react.dev/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023</p></blockquote> <br>
當(dāng)前標(biāo)題：React團(tuán)隊(duì)最近在忙啥？ <br>
文章網(wǎng)址：<a href="http://m.5511xx.com/article/cohiojh.html">http://m.5511xx.com/article/cohiojh.html</a>
</div>
<div id="ctadj2l" class="hot_new">
<div id="wfcjpvs" class="page_title clearfix">
<h3>其他資訊</h3>
</div>
<div id="fxel3ij" class="news_list clearfix">
<ul>
<li>
<a href="/article/djsccjj.html">網(wǎng)站SEO優(yōu)化，怎么做？</a>
</li><li>
<a href="/article/djscsdj.html">Linux上的Vagrant使用入門</a>
</li><li>
<a href="/article/djsccpj.html">瞻博網(wǎng)絡(luò)設(shè)備現(xiàn)后門:萬能密碼登錄設(shè)備、可解密VPN流量</a>
</li><li>
<a href="/article/djscsoe.html">如何在MongoDB中刪除數(shù)據(jù)？(mongo刪除文檔數(shù)據(jù)庫)</a>
</li><li>
<a href="/article/djsccph.html">半路接手項(xiàng)目有多難？教你做個(gè)接盤俠高手！</a>
</li> </ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 底部信息 -->
<div id="p92bi9j" class="footer wow fadeInUp">
<div id="e9jpfct" class="rowFluid">
<div id="6olusxn" class="span12">
<div id="gpxvuvc" class="container">
<div id="8zg2uap" class="footer_content">
<div id="vvc75b8" class="span4 col-xm-12">
<div id="vv9xlsp" class="footer_list">
<div id="jap4b6c" class="span6">
<div id="1bqxvdl" class="bottom_logo"><img src="/Public/Home/images/ewm.jpg" alt="微信服務(wù)號二維碼" /></div>
</div>
<div id="tc7xelb" class="span6 col-xm-12">
<div id="nnujzgd" class="quick_navigation">
<div id="bb44qs3" class="quick_navigation_title">快速導(dǎo)航</div>
<ul>
<li><a title="重慶托管服務(wù)器" target="_blank">重慶托管服務(wù)器</a></li><li><a title="成都發(fā)電機(jī)租用公司" target="_blank">成都發(fā)電機(jī)租用公司</a></li><li><a title="綿陽服務(wù)器托管" target="_blank">綿陽服務(wù)器托管</a></li><li><a title="成都棕樹機(jī)房" target="_blank">成都棕樹機(jī)房</a></li><li><a title="珉田IDC托管" target="_blank">珉田IDC托管</a></li><li><a title="sslhqy.com" target="_blank">sslhqy.com</a></li><li><a title="seo推廣公司" target="_blank">seo推廣公司</a></li><li><a title="電信機(jī)房托管服務(wù)器" target="_blank">電信機(jī)房托管服務(wù)器</a></li><li><a title="樂山托管服務(wù)器" target="_blank">樂山托管服務(wù)器</a></li><li><a title="?？诜辣I門窗" target="_blank">?？诜辣I門窗</a></li><li><a title="成都h5網(wǎng)站建設(shè)" target="_blank">成都h5網(wǎng)站建設(shè)</a></li> </ul>
</div>
</div>
</div>
</div>
<div id="v4mixwd" class="span4 col-xm-6 col-xs-12">
<div id="ks9k39c" class="footer_list">
<div id="ulskj79" class="footer_link">
<div id="jshzemc" class="footer_link_title">友情鏈接</div>
<ul id="frientLinks">
<a title="網(wǎng)站制作" target="_blank">網(wǎng)站制作</a>
<a title="網(wǎng)站建設(shè)" target="_blank">網(wǎng)站建設(shè)</a>
<a title="成都網(wǎng)絡(luò)推廣" target="_blank">網(wǎng)絡(luò)推廣</a>
<a title="成都網(wǎng)站推廣" target="_blank">網(wǎng)站推廣</a>
<a title="成都微信小程序開發(fā)" target="_blank">小程序開發(fā)</a>
<a title="創(chuàng)新互聯(lián)網(wǎng)站欄目導(dǎo)航" target="_blank">網(wǎng)站導(dǎo)航</a>
</ul>
<div id="q9n1ttq" class="footer_link_title">網(wǎng)站建設(shè)</div>
<ul id="frientLinks">
<li><a href="/">四川平武建站</a></li>
<li><a title="創(chuàng)新互聯(lián)網(wǎng)站欄目導(dǎo)航" target="_blank">網(wǎng)站導(dǎo)航</a></li>
</ul>
</div>
</div>
</div>
<div id="lz4zfry" class="span4 col-xm-6 col-xs-12">
<div id="py6hnmi" class="footer_list">
<div id="en74bpo" class="footer_cotact">
<div id="fwmt3nf" class="footer_cotact_title">聯(lián)系方式</div>
<ul>
<li><span id="wn344ho" class="footer_cotact_type">企業(yè)：</span><span id="4xwmkzg" class="footer_cotact_content">四川綿陽平武網(wǎng)站建設(shè)工作室</span></li>
<li><span id="o7cji98" class="footer_cotact_type">地址：</span><span id="eedkrpn" class="footer_cotact_content">成都市青羊區(qū)太升南路288號</span></li>
<li><span id="2igvon8" class="footer_cotact_type">電話：</span><span id="yhnu1sp" class="footer_cotact_content"><a href="tel:18980820575" class="call">18980820575</a></span></li>
<li><span id="4crfwkr" class="footer_cotact_type">網(wǎng)址：</span><span id="r7uz1g2" class="footer_cotact_content"><a href="/" title="四川平武網(wǎng)站建設(shè)">m.5511xx.com</a></span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="1o29th8" class="copyright">
<p>公司名稱：四川綿陽平武網(wǎng)站建設(shè)工作室 聯(lián)系電話：18980820575</p>
<p><a target="_blank" rel="nofollow">網(wǎng)站備案號：蜀ICP備2024061352號-3</a></p>
<p>四川平武建站 四川平武網(wǎng)站建設(shè) 四川平武網(wǎng)站設(shè)計(jì) 四川平武網(wǎng)站制作 <a target="_blank">成都做網(wǎng)站</a></p>
</div>
</div>
</div>
</div>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://m.5511xx.com/" title="日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区">日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区</a>
<div class="friend-links">
</div>
</div>
</footer>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="tt6el" class="pl_css_ganrao" style="display: none;"><dfn id="tt6el"><ul id="tt6el"><tbody id="tt6el"></tbody></ul></dfn><nav id="tt6el"><ruby id="tt6el"><sub id="tt6el"></sub></ruby></nav><listing id="tt6el"><del id="tt6el"><tr id="tt6el"></tr></del></listing><address id="tt6el"></address><abbr id="tt6el"><b id="tt6el"><tbody id="tt6el"></tbody></b></abbr><ins id="tt6el"><label id="tt6el"><u id="tt6el"></u></label></ins><center id="tt6el"></center><small id="tt6el"></small><u id="tt6el"></u><meter id="tt6el"><dfn id="tt6el"><b id="tt6el"></b></dfn></meter><blockquote id="tt6el"></blockquote><code id="tt6el"></code><small id="tt6el"></small><sub id="tt6el"></sub><menu id="tt6el"></menu><small id="tt6el"></small><b id="tt6el"></b><label id="tt6el"><u id="tt6el"><sup id="tt6el"></sup></u></label><address id="tt6el"><strong id="tt6el"><ruby id="tt6el"></ruby></strong></address><div id="tt6el"></div><tbody id="tt6el"><table id="tt6el"><del id="tt6el"></del></table></tbody><i id="tt6el"><em id="tt6el"><blockquote id="tt6el"></blockquote></em></i><menu id="tt6el"><rp id="tt6el"><address id="tt6el"></address></rp></menu><track id="tt6el"></track><style id="tt6el"><option id="tt6el"><samp id="tt6el"></samp></option></style><label id="tt6el"><abbr id="tt6el"><sup id="tt6el"></sup></abbr></label><center id="tt6el"></center><pre id="tt6el"><nav id="tt6el"><abbr id="tt6el"></abbr></nav></pre><font id="tt6el"><dd id="tt6el"><track id="tt6el"></track></dd></font><option id="tt6el"><progress id="tt6el"><code id="tt6el"></code></progress></option><nav id="tt6el"><abbr id="tt6el"><sub id="tt6el"></sub></abbr></nav><center id="tt6el"></center><sub id="tt6el"><strong id="tt6el"><rp id="tt6el"></rp></strong></sub><tbody id="tt6el"></tbody><em id="tt6el"></em><pre id="tt6el"><div id="tt6el"><th id="tt6el"></th></div></pre><label id="tt6el"><abbr id="tt6el"><sup id="tt6el"></sup></abbr></label><dd id="tt6el"></dd><samp id="tt6el"><legend id="tt6el"><em id="tt6el"></em></legend></samp><sup id="tt6el"></sup><pre id="tt6el"></pre><abbr id="tt6el"><b id="tt6el"><span id="tt6el"></span></b></abbr><strong id="tt6el"></strong><strong id="tt6el"></strong><font id="tt6el"><dd id="tt6el"><tbody id="tt6el"></tbody></dd></font><legend id="tt6el"></legend><tbody id="tt6el"></tbody><ul id="tt6el"></ul><pre id="tt6el"></pre><span id="tt6el"><form id="tt6el"><ins id="tt6el"></ins></form></span><center id="tt6el"></center><table id="tt6el"></table><em id="tt6el"></em><small id="tt6el"></small><ins id="tt6el"></ins><sup id="tt6el"><menu id="tt6el"><tr id="tt6el"></tr></menu></sup><sub id="tt6el"></sub><bdo id="tt6el"></bdo><nav id="tt6el"></nav><u id="tt6el"></u><address id="tt6el"></address><u id="tt6el"><sup id="tt6el"><strong id="tt6el"></strong></sup></u><i id="tt6el"><em id="tt6el"><blockquote id="tt6el"></blockquote></em></i><legend id="tt6el"><track id="tt6el"><em id="tt6el"></em></track></legend><progress id="tt6el"></progress><abbr id="tt6el"></abbr><pre id="tt6el"></pre><listing id="tt6el"><em id="tt6el"><tr id="tt6el"></tr></em></listing><pre id="tt6el"></pre><ruby id="tt6el"></ruby><abbr id="tt6el"></abbr><font id="tt6el"><i id="tt6el"><track id="tt6el"></track></i></font><strong id="tt6el"><tr id="tt6el"><pre id="tt6el"></pre></tr></strong><progress id="tt6el"></progress><nav id="tt6el"><ruby id="tt6el"><sub id="tt6el"></sub></ruby></nav><ins id="tt6el"><label id="tt6el"><u id="tt6el"></u></label></ins><progress id="tt6el"></progress><style id="tt6el"></style><code id="tt6el"></code><span id="tt6el"><form id="tt6el"><ins id="tt6el"></ins></form></span><rp id="tt6el"></rp><option id="tt6el"></option><tr id="tt6el"><abbr id="tt6el"><ul id="tt6el"></ul></abbr></tr><legend id="tt6el"></legend><bdo id="tt6el"><th id="tt6el"><progress id="tt6el"></progress></th></bdo><th id="tt6el"></th><listing id="tt6el"><del id="tt6el"><tr id="tt6el"></tr></del></listing><em id="tt6el"></em><strong id="tt6el"><abbr id="tt6el"><center id="tt6el"></center></abbr></strong><ruby id="tt6el"></ruby><progress id="tt6el"><i id="tt6el"><small id="tt6el"></small></i></progress><tr id="tt6el"></tr><progress id="tt6el"><i id="tt6el"><em id="tt6el"></em></i></progress><small id="tt6el"></small><samp id="tt6el"></samp><tr id="tt6el"><bdo id="tt6el"><ul id="tt6el"></ul></bdo></tr><meter id="tt6el"></meter><ul id="tt6el"><span id="tt6el"><table id="tt6el"></table></span></ul><u id="tt6el"></u></div>
</html>
建站
咨詢
售后
建站咨詢