React.js 小書 Lesson25 - 實(shí)戰(zhàn)分析：評(píng)論功能（四）

mozillazg 發(fā)布于2019-08-21 17:33 / 2057人閱讀
摘要：接下來是實(shí)戰(zhàn)環(huán)節(jié)，我們會(huì)繼續(xù)上一階段的例子，把評(píng)論功能做得更加復(fù)雜一點(diǎn)。把已經(jīng)發(fā)布的評(píng)論持久化，存放到瀏覽器的中。評(píng)論顯示發(fā)布日期，如秒前，分鐘前，并且會(huì)每隔秒更新發(fā)布日期。事件監(jiān)聽方法，。下一節(jié)中我們將介紹小書實(shí)戰(zhàn)分析評(píng)論功能五。
React.js 小書 Lesson25 - 實(shí)戰(zhàn)分析：評(píng)論功能（四）
本文作者：胡子大哈
本文原文：http://huziketang.com/books/react/lesson25
轉(zhuǎn)載請(qǐng)注明出處，保留原文鏈接以及作者信息
在線閱讀：http://huziketang.com/books/react
目前為止，第二階段知識(shí)已經(jīng)基本介紹完，我們已經(jīng)具備了項(xiàng)目上手實(shí)戰(zhàn)必備的 React.js 知識(shí)，現(xiàn)在可以把這些知識(shí)應(yīng)用起來。接下來是實(shí)戰(zhàn)環(huán)節(jié)，我們會(huì)繼續(xù)上一階段的例子，把評(píng)論功能做得更加復(fù)雜一點(diǎn)。
我們?cè)谏弦浑A段的評(píng)論功能基礎(chǔ)上加上以下功能需求：
頁面加載完成自動(dòng)聚焦到評(píng)論輸入框。
把用戶名持久化，存放到瀏覽器的 LocalStorage 中。頁面加載時(shí)會(huì)把用戶名加載出來顯示到輸入框，用戶就不需要重新輸入用戶名了。
把已經(jīng)發(fā)布的評(píng)論持久化，存放到瀏覽器的 LocalStorage 中。頁面加載時(shí)會(huì)把已經(jīng)保存的評(píng)論加載出來，顯示到頁面的評(píng)論列表上。
評(píng)論顯示發(fā)布日期，如“1 秒前”，”30 分鐘前”，并且會(huì)每隔 5 秒更新發(fā)布日期。
評(píng)論可以被刪除。
類似 Markdown 的行內(nèi)代碼塊顯示功能，用戶輸入的用 `` 包含起來的內(nèi)容都會(huì)被處理成用元素包含。例如輸入 `console.log` 就會(huì)處理成 console.log 再顯示到頁面上。



在線演示地址。
大家可以在原來的第一階段代碼的基礎(chǔ)上進(jìn)行修改，第一、二階段評(píng)論功能代碼可以在這里找到： react-naive-book-examples?？梢灾苯邮褂米钚碌臉邮轿募?index.css 覆蓋原來的 index.css。
接下來可以分析如何利用第二階段的知識(shí)來構(gòu)建這些功能，在這個(gè)過程里面可能會(huì)穿插一些小技巧，希望對(duì)大家有用。我們回顧一下這個(gè)頁面的組成：

我們之前把頁面分成了四種不同的組件：分別是 CommentApp 、CommentInput、CommentList、Comment。我們開始修改這個(gè)組件，把上面的需求逐個(gè)完成。
自動(dòng)聚焦到評(píng)論框
這個(gè)功能是很簡單的，我們需要獲取 textarea 的 DOM 元素然后調(diào)用 focus() API 就可以了。我們給輸入框元素加上 ref 以便獲取到 DOM  元素，修改 src/CommentInput.js 文件：
...
     this.textarea = textarea}
      value={this.state.content}
      onChange={this.handleContentChange.bind(this)} />
...</pre>
<p>組件掛載完以后完成以后就可以調(diào)用 <b>this.textarea.focus()</b>，給 <b>CommentInput</b>  組件加上 <b>ComponentDidMount</b> 生命周期：</p>
<pre>class CommentInput extends Component {
  static propTypes = {
    onSubmit: PropTypes.func
  }

  constructor () {
    super()
    this.state = {
      username: "",
      content: ""
    }
  }

  componentDidMount () {
    this.textarea.focus()
  }
...</pre>
<p>這個(gè)功能就完成了?，F(xiàn)在體驗(yàn)還不是很好，接下來我們把用戶名持久化一下，體驗(yàn)就會(huì)好很多。</p>
<p>大家可以注意到我們給原來的 <b>props.onSubmit</b> 參數(shù)加了組件參數(shù)驗(yàn)證，在這次實(shí)戰(zhàn)案例中，我們都會(huì)給評(píng)論功能的組件加上 <b>propTypes</b> 進(jìn)行參數(shù)驗(yàn)證，接下來就不累述。</p>
<b>持久化用戶名</b>
<p>用戶輸入用戶名，然后我們把用戶名保存到瀏覽器的 LocalStorage 當(dāng)中，當(dāng)頁面加載的時(shí)候再從 LocalStorage 把之前保存的用戶名顯示到用戶名輸入框當(dāng)中。這樣用戶就不用每次都輸入用戶名了，并且評(píng)論框是自動(dòng)聚焦的，用戶的輸入體驗(yàn)就好很多。</p>
<p>我們監(jiān)聽用戶名輸入框失去焦點(diǎn)的事件 <b>onBlur</b>：</p>
<pre>...
    <input
      value={this.state.username}
      onBlur={this.handleUsernameBlur.bind(this)}
      onChange={this.handleUsernameChange.bind(this)} />
...</pre>
<p>在 <b>handleUsernameBlur</b> 中我們把用戶的輸入內(nèi)容保存到 LocalStorage 當(dāng)中：</p>
<pre>class CommentInput extends Component {
  constructor () {
    super()
    this.state = {
      username: "",
      content: ""
    }
  }

  componentDidMount () {
    this.textarea.focus()
  }

  _saveUsername (username) {
    localStorage.setItem("username", username)
  }

  handleUsernameBlur (event) {
    this._saveUsername(event.target.value)
  }
...</pre>
<p>在 <b>handleUsernameBlur</b> 中我們把用戶輸入的內(nèi)容傳給了 <b>_saveUsername</b> 私有方法（所有私有方法都以 <b>_</b> 開頭）。<b>_saveUsername</b> 會(huì)設(shè)置 LocalStorage 中的 <b>username</b> 字段，用戶名就持久化了。這樣就相當(dāng)于每當(dāng)用戶輸入完用戶名以后（輸入框失去焦點(diǎn)的時(shí)候），都會(huì)把用戶名自動(dòng)保存一次。</p>
<p>輸入用戶名，然后到瀏覽器里里面看看是否保存了：</p>
<p><script type="text/javascript">showImg("https://segmentfault.com/img/remote/1460000011968255?w=884&h=349");</script></p>
<p>然后我們組件掛載的時(shí)候把用戶名加載出來。這是一種數(shù)據(jù)加載操作，我們說過，不依賴 DOM 操作的組件啟動(dòng)的操作都可以放在 <b>componentWillMount</b> 中進(jìn)行，所以給 <b>CommentInput</b> 添加 <b>componentWillMount</b> 的組件生命周期：</p>
<pre>...
  componentWillMount () {
    this._loadUsername()
  }

  _loadUsername () {
    const username = localStorage.getItem("username")
    if (username) {
      this.setState({ username })
    }
  }

  _saveUsername (username) {
    localStorage.setItem("username", username)
  }
...</pre>
<p><b>componentWillMount</b> 會(huì)調(diào)用 <b>_loadUsername</b> 私有方法，<b>_loadUsername</b> 會(huì)從 LocalStorage 加載用戶名并且 <b>setState</b> 到組件的 <b>state.username</b> 中。那么組件在渲染的時(shí)候（<b>render</b> 方法）掛載的時(shí)候就可以用上用戶名了。</p>
<p>這樣體驗(yàn)就好多了，刷新頁面，不需要輸入用戶名，并且自動(dòng)聚焦到了輸入框。我們 1、 2 需求都已經(jīng)完成。</p>
<b>小貼士</b>
<p>這里插入一些小貼示，大家可以注意到我們組件的命名和方法的擺放順序其實(shí)有一定的講究，這里可以簡單分享一下個(gè)人的習(xí)慣，僅供參考。</p>
<p>組件的私有方法都用 <b>_</b> 開頭，所有事件監(jiān)聽的方法都用 <b>handle</b> 開頭。把事件監(jiān)聽方法傳給組件的時(shí)候，屬性名用 <b>on</b> 開頭。例如：</p>
<pre><CommentInput
  onSubmit={this.handleSubmitComment.bind(this)} /></pre>
<p>這樣統(tǒng)一規(guī)范處理事件命名會(huì)給我們帶來語義化組件的好處，監(jiān)聽（<b>on</b>）<b>CommentInput</b> 的 <b>Submit</b> 事件，并且交給 <b>this</b> 去處理（<b>handle</b>）。這種規(guī)范在多人協(xié)作的時(shí)候也會(huì)非常方便。</p>
<p>另外，組件的內(nèi)容編寫順序如下：</p>

<p><p>static 開頭的類屬性，如 <b>defaultProps</b>、<b>propTypes</b>。</p></p>
<p><p>構(gòu)造函數(shù)，<b>constructor</b>。</p></p>
<p><p>getter/setter（還不了解的同學(xué)可以暫時(shí)忽略）。</p></p>
<p><p>組件生命周期。</p></p>
<p><p><b>_</b> 開頭的私有方法。</p></p>
<p><p>事件監(jiān)聽方法，<b>handle*</b>。</p></p>
<p><p><b>render*</b>開頭的方法，有時(shí)候 <b>render()</b> 方法里面的內(nèi)容會(huì)分開到不同函數(shù)里面進(jìn)行，這些函數(shù)都以 <b>render*</b> 開頭。</p></p>
<p><p><b>render()</b> 方法。</p></p>

<p>如果所有的組件都按這種順序來編寫，那么維護(hù)起來就會(huì)方便很多，多人協(xié)作的時(shí)候別人理解代碼也會(huì)一目了然。</p>
<p>下一節(jié)中我們將介紹《React.js 小書 Lesson26 - 實(shí)戰(zhàn)分析：評(píng)論功能（五）》。</p>           
               
                                           
                       
                 </div>
            
                     <div   id="dnkpnhlp"   class="mt-64 tags-seach" >
                 <div   id="dnkpnhlp"   class="tags-info">
                                                                                                                    
                         <a style="width:120px;" title="云服務(wù)器" href="http://www.ezyhdfw.cn/site/active/kuaijiesale.html?ytag=seo">云服務(wù)器</a>
                                             
                         <a style="width:120px;" title="GPU云服務(wù)器" href="http://www.ezyhdfw.cn/site/product/gpu.html">GPU云服務(wù)器</a>
                                                                                                                                                 
                                      
                     
                    
                                                                                               <a style="width:120px;" title="jsp評(píng)論功能開發(fā)" href="http://www.ezyhdfw.cn/yun/tag/jsppinglungongnengkaifa/">jsp評(píng)論功能開發(fā)</a>
                                                                                                           <a style="width:120px;" title="React.js" href="http://www.ezyhdfw.cn/yun/tag/React.js/">React.js</a>
                                                                                                           <a style="width:120px;" title="react.js cdn" href="http://www.ezyhdfw.cn/yun/tag/react.js cdn/">react.js cdn</a>
                                                                                                           <a style="width:120px;" title="小書" href="http://www.ezyhdfw.cn/yun/tag/xiaoshu_310374/">小書</a>
                                                         
                 </div>
               
              </div>
             
               <div   id="dnkpnhlp"   class="entry-copyright mb-30">
                   <p class="mb-15"> 文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。</p>
                 
                   <p>轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/89678.html</p>
               </div>
                      
               <ul class="pre-next-page">
                 
                                  <li id="dnkpnhlp"    class="ellipsis"><a class="hpf" href="http://www.ezyhdfw.cn/yun/89677.html">上一篇：React.js 小書 Lesson26 - 實(shí)戰(zhàn)分析：評(píng)論功能（五）</a></li>  
                                                
                                       <li id="dnkpnhlp"    class="ellipsis"><a class="hpf" href="http://www.ezyhdfw.cn/yun/89679.html">下一篇：React.js 小書 Lesson24 - PropTypes 和組件參數(shù)驗(yàn)證</a></li>
                                  </ul>
              </div>
              <div   id="dnkpnhlp"   class="about_topicone-mid">
                <h3 class="top-com-title mb-0"><span data-id="0">相關(guān)文章</span></h3>
                <ul class="com_white-left-mid atricle-list-box">
                             
                                                                                                    <li>
                                                <div   id="dnkpnhlp"   class="atricle-list-right">
                          <h2 class="ellipsis2"><a class="hpf" href="http://www.ezyhdfw.cn/yun/86974.html"><b>寫一本關(guān)于 <em>React</em>.<em>js</em> 的<em>小書</em></b></a></h2>
                                                     <p class="ellipsis2 good">摘要：因?yàn)楣ぷ髦幸恢痹谑褂?，也一直以來想總結(jié)一下自己關(guān)于的一些知識(shí)經(jīng)驗(yàn)。于是把一些想法慢慢整理書寫下來，做成一本開源免費(fèi)專業(yè)簡單的入門級(jí)別的小書，提供給社區(qū)。本書的后續(xù)可能會(huì)做成視頻版本，敬請(qǐng)期待。本作品采用署名禁止演繹國際許可協(xié)議進(jìn)行許可

React.js 小書
本文作者：胡子大哈本文原文：React.js 小書 
轉(zhuǎn)載請(qǐng)注明出處，保留原文鏈接以及作者信息
在線閱讀：http://huzi...</p>
                                                   
                          <div   id="dnkpnhlp"   class="com_white-left-info">
                                <div   id="dnkpnhlp"   class="com_white-left-infol">
                                    <a href="http://www.ezyhdfw.cn/yun/u-846.html"><img src="http://www.ezyhdfw.cn/yun/data/avatar/000/00/08/small_000000846.jpg" alt=""><span id="dnkpnhlp"    class="layui-hide64">Scorpion</span></a>
                                    <time datetime="">2019-08-21 11:39</time>
                                    <span><i class="fa fa-commenting"></i>評(píng)論0</span> 
                                    <span><i class="fa fa-star"></i>收藏0</span> 
                                </div>
                          </div>
                      </div>
                    </li> 
                                                                                       <li>
                                                <div   id="dnkpnhlp"   class="atricle-list-right">
                          <h2 class="ellipsis2"><a class="hpf" href="http://www.ezyhdfw.cn/yun/89679.html"><b><em>React</em>.<em>js</em> <em>小書</em> <em>Lesson</em>24 - PropTypes 和組件參數(shù)驗(yàn)證</b></a></h2>
                                                     <p class="ellipsis2 good">摘要：的靈活性體現(xiàn)在弱類型高階函數(shù)等語言特性上。所以近年來出現(xiàn)了類似和等技術(shù)，來彌補(bǔ)這方面的缺陷。組件參數(shù)驗(yàn)證在構(gòu)建大型的組件庫的時(shí)候相當(dāng)有用，可以幫助我們迅速定位這種類型錯(cuò)誤，讓我們組件開發(fā)更加規(guī)范。下一節(jié)中我們將介紹小書實(shí)戰(zhàn)分析評(píng)論功能四。


React.js 小書 Lesson24 - PropTypes 和組件參數(shù)驗(yàn)證
本文作者：胡子大哈本文原文：http://huziketang....</p>
                                                   
                          <div   id="dnkpnhlp"   class="com_white-left-info">
                                <div   id="dnkpnhlp"   class="com_white-left-infol">
                                    <a href="http://www.ezyhdfw.cn/yun/u-130.html"><img src="http://www.ezyhdfw.cn/yun/data/avatar/000/00/01/small_000000130.jpg" alt=""><span id="dnkpnhlp"    class="layui-hide64">zlyBear</span></a>
                                    <time datetime="">2019-08-21 17:33</time>
                                    <span><i class="fa fa-commenting"></i>評(píng)論0</span> 
                                    <span><i class="fa fa-star"></i>收藏0</span> 
                                </div>
                          </div>
                      </div>
                    </li> 
                                                                                       <li>
                                                <div   id="dnkpnhlp"   class="atricle-list-right">
                          <h2 class="ellipsis2"><a class="hpf" href="http://www.ezyhdfw.cn/yun/89690.html"><b><em>React</em>.<em>js</em> <em>小書</em> <em>Lesson</em>14 - <em><em>實(shí)戰(zhàn)</em><em>分析</em></em>：<em>評(píng)論</em><em>功能</em>（一）</b></a></h2>
                                                     <p class="ellipsis2 good">摘要：對(duì)于上面這個(gè)評(píng)論功能，可以粗略地劃分成以下幾部分評(píng)論功能的整體用一個(gè)叫的組件包含起來。每個(gè)評(píng)論列表項(xiàng)由獨(dú)立的組件負(fù)責(zé)顯示，這個(gè)組件被所使用。下一節(jié)中我們將介紹小書實(shí)戰(zhàn)分析評(píng)論功能二。


React.js 小書 Lesson14 - 實(shí)戰(zhàn)分析：評(píng)論功能（一）
本文作者：胡子大哈本文原文：http://react.huziketang.com/blog/lesson14
轉(zhuǎn)載請(qǐng)注明出處，保...</p>
                                                   
                          <div   id="dnkpnhlp"   class="com_white-left-info">
                                <div   id="dnkpnhlp"   class="com_white-left-infol">
                                    <a href="http://www.ezyhdfw.cn/yun/u-266.html"><img src="http://www.ezyhdfw.cn/yun/data/avatar/000/00/02/small_000000266.jpg" alt=""><span id="dnkpnhlp"    class="layui-hide64">QiuyueZhong</span></a>
                                    <time datetime="">2019-08-21 17:34</time>
                                    <span><i class="fa fa-commenting"></i>評(píng)論0</span> 
                                    <span><i class="fa fa-star"></i>收藏0</span> 
                                </div>
                          </div>
                      </div>
                    </li> 
                                                                                       <li>
                                                <div   id="dnkpnhlp"   class="atricle-list-right">
                          <h2 class="ellipsis2"><a class="hpf" href="http://www.ezyhdfw.cn/yun/89677.html"><b><em>React</em>.<em>js</em> <em>小書</em> <em>Lesson</em>26 - <em><em>實(shí)戰(zhàn)</em><em>分析</em></em>：<em>評(píng)論</em><em>功能</em>（五）</b></a></h2>
                                                     <p class="ellipsis2 good">摘要：修改請(qǐng)輸入用戶名請(qǐng)輸入評(píng)論內(nèi)容我們?cè)黾恿撕头謩e用于加載和保存評(píng)論列表數(shù)據(jù)。現(xiàn)在發(fā)布評(píng)論，然后刷新可以看到我們的評(píng)論并不會(huì)像以前一樣消失。非常的不錯(cuò)，持久化評(píng)論的功能也完成了。下一節(jié)中我們將介紹小書實(shí)戰(zhàn)分析評(píng)論功能六。


React.js 小書 Lesson26 - 實(shí)戰(zhàn)分析：評(píng)論功能（五）
本文作者：胡子大哈本文原文：http://huziketang.com/books/react/...</p>
                                                   
                          <div   id="dnkpnhlp"   class="com_white-left-info">
                                <div   id="dnkpnhlp"   class="com_white-left-infol">
                                    <a href="http://www.ezyhdfw.cn/yun/u-245.html"><img src="http://www.ezyhdfw.cn/yun/data/avatar/000/00/02/small_000000245.jpg" alt=""><span id="dnkpnhlp"    class="layui-hide64">Nekron</span></a>
                                    <time datetime="">2019-08-21 17:33</time>
                                    <span><i class="fa fa-commenting"></i>評(píng)論0</span> 
                                    <span><i class="fa fa-star"></i>收藏0</span> 
                                </div>
                          </div>
                      </div>
                    </li> 
                                                                                       <li>
                                                <div   id="dnkpnhlp"   class="atricle-list-right">
                          <h2 class="ellipsis2"><a class="hpf" href="http://www.ezyhdfw.cn/yun/89687.html"><b><em>React</em>.<em>js</em> <em>小書</em> <em>Lesson</em>16 - <em><em>實(shí)戰(zhàn)</em><em>分析</em></em>：<em>評(píng)論</em><em>功能</em>（三）</b></a></h2>
                                                     <p class="ellipsis2 good">摘要：但是給傳遞的評(píng)論數(shù)據(jù)并沒有傳遞給，所以現(xiàn)在發(fā)表評(píng)論時(shí)沒有反應(yīng)的。包括實(shí)現(xiàn)功能之前先理解分析需求，劃分組件。到此為止，小書的第一階段已經(jīng)結(jié)束，你可以利用這些知識(shí)點(diǎn)來構(gòu)建簡單的功能模塊了。


React.js 小書 Lesson16 - 實(shí)戰(zhàn)分析：評(píng)論功能（三）
本文作者：胡子大哈本文原文：http://huziketang.com/books/react/lesson16
轉(zhuǎn)載請(qǐng)注明出處...</p>
                                                   
                          <div   id="dnkpnhlp"   class="com_white-left-info">
                                <div   id="dnkpnhlp"   class="com_white-left-infol">
                                    <a href="http://www.ezyhdfw.cn/yun/u-1686.html"><img src="http://www.ezyhdfw.cn/yun/data/avatar/000/00/16/small_000001686.jpg" alt=""><span id="dnkpnhlp"    class="layui-hide64">Gilbertat</span></a>
                                    <time datetime="">2019-08-21 17:34</time>
                                    <span><i class="fa fa-commenting"></i>評(píng)論0</span> 
                                    <span><i class="fa fa-star"></i>收藏0</span> 
                                </div>
                          </div>
                      </div>
                    </li> 
                                                                           
                </ul>
              </div>
              
               <div   id="dnkpnhlp"   class="topicone-box-wangeditor">
                  
                  <h3 class="top-com-title mb-64"><span>發(fā)表評(píng)論</span></h3>
                   <div   id="dnkpnhlp"   class="xcp-publish-main flex_box_zd">
                                      
                      <div   id="dnkpnhlp"   class="unlogin-pinglun-box">
                        <a href="javascript:login()" class="grad">登陸后可評(píng)論</a>
                      </div>                   </div>
               </div>
              <div   id="dnkpnhlp"   class="site-box-content">
                <div   id="dnkpnhlp"   class="site-content-title">
                  <h3 class="top-com-title mb-64"><span>0條評(píng)論</span></h3>   
                </div> 
                      <div   id="dnkpnhlp"   class="pages"></ul></div>
              </div>
           </div>
           <div   id="dnkpnhlp"   class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right">
              <div   id="dnkpnhlp"   class=""> 
                <div   id="dnkpnhlp"   class="com_layuiright-box user-msgbox">
                    <a href="http://www.ezyhdfw.cn/yun/u-1125.html"><img src="http://www.ezyhdfw.cn/yun/data/avatar/000/00/11/small_000001125.jpg" alt=""></a>
                    <h3><a href="http://www.ezyhdfw.cn/yun/u-1125.html" rel="nofollow">mozillazg</a></h3>
                    <h6>男<span>|</span>高級(jí)講師</h6>
                    <div   id="dnkpnhlp"   class="flex_box_zd user-msgbox-atten">
                     
                                                                      <a href="javascript:attentto_user(1125)" id="attenttouser_1125" class="grad follow-btn notfollow attention">我要關(guān)注</a>
      
                                                                                        <a href="javascript:login()" title="發(fā)私信" >我要私信</a>
                     
                                            
                    </div>
                    <div   id="dnkpnhlp"   class="user-msgbox-list flex_box_zd">
                          <h3 class="hpf">TA的文章</h3>
                          <a href="http://www.ezyhdfw.cn/yun/ut-1125.html" class="box_hxjz">閱讀更多</a>
                    </div>
                      <ul class="user-msgbox-ul">
                                                  <li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/124660.html">GitBash教程 使用 git rebase修改歷史commit信息 | github的contr</a></h3>
                            <p>閱讀 1546<span>·</span>2021-11-24 09:39</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/124775.html">《C語言入門》簡單有序數(shù)組二分查找代碼實(shí)現(xiàn)</a></h3>
                            <p>閱讀 3757<span>·</span>2021-11-24 09:39</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/123519.html">#11.11#騰訊云：企業(yè)高配大帶寬云服務(wù)器，4核8G內(nèi)存/10M，三年僅需768元</a></h3>
                            <p>閱讀 1940<span>·</span>2021-11-16 11:54</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/121630.html">2021-09-29 學(xué)習(xí)計(jì)劃 #嵌入式</a></h3>
                            <p>閱讀 1540<span>·</span>2021-09-30 09:47</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/121193.html">Kuai Che Dao：$15.5/月/1核/1GB內(nèi)存/10GB SSD空間/2TB流量/10G</a></h3>
                            <p>閱讀 1820<span>·</span>2021-09-26 10:16</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/120516.html">啊里云服務(wù)器主機(jī)怎么還要買服務(wù)器嗎-想買一個(gè)阿里云的服務(wù)器，要怎么配置？</a></h3>
                            <p>閱讀 2398<span>·</span>2021-09-22 15:33</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/119964.html">racknerd：cpanel新加坡虛擬主機(jī)上線，最低配$17.98/年，可托管4個(gè)域，贈(zèng)送ssl證</a></h3>
                            <p>閱讀 1531<span>·</span>2021-09-14 18:01</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/119409.html">requests-html庫初識(shí) + 無資料解BUG之 I/O error : encoder er</a></h3>
                            <p>閱讀 2526<span>·</span>2021-09-07 09:59</p></li>
                                                
                      </ul>
                </div>

                   <!-- 文章詳情右側(cè)廣告-->
              
  <div   id="dnkpnhlp"   class="com_layuiright-box">
                  <h6 class="top-com-title"><span>最新活動(dòng)</span></h6> 
           
         <div   id="dnkpnhlp"   class="com_adbox">
                    <div   id="dnkpnhlp"   class="layui-carousel" id="right-item">
                      <div carousel-item>
                                                                                                                       <div>
                          <a href="http://www.ezyhdfw.cn/site/active/kuaijiesale.html?ytag=seo"  rel="nofollow">
                            <img src="http://www.ezyhdfw.cn/yun/data/attach/240625/2rTjEHmi.png" alt="云服務(wù)器">                                 
                          </a>
                        </div>
                                                <div>
                          <a href="http://www.ezyhdfw.cn/site/product/gpu.html"  rel="nofollow">
                            <img src="http://www.ezyhdfw.cn/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服務(wù)器">                                 
                          </a>
                        </div>
                                                                   
                    
                        
                      </div>
                    </div>
                      
                    </div>                    <!-- banner結(jié)束 -->
              
<div   id="dnkpnhlp"   class="adhtml">

</div>
                <script>
                $(function(){
                    $.ajax({
                        type: "GET",
                                url:"http://www.ezyhdfw.cn/yun/ad/getad/1.html",
                                cache: false,
                                success: function(text){
                                  $(".adhtml").html(text);
                                }
                        });
                    })
                </script>                </div>              </div>
           </div>
        </div>
      </div> 
    </section>
    <!-- wap拉出按鈕 -->
     <div   id="dnkpnhlp"   class="site-tree-mobile layui-hide">
      <i class="layui-icon layui-icon-spread-left"></i>
    </div>
    <!-- wap遮罩層 -->
    <div   id="dnkpnhlp"   class="site-mobile-shade"></div>
    
       <!--付費(fèi)閱讀 -->
       <div   class="dnkpnhlp"   id="payread">
         <div   id="dnkpnhlp"   class="layui-form-item">閱讀需要支付1元查看</div>  
         <div   id="dnkpnhlp"   class="layui-form-item"><button class="btn-right">支付并查看</button></div>     
       </div>
      <script>
      var prei=0;

       
       $(".site-seo-depict pre").each(function(){
          var html=$(this).html().replace("<code>","").replace("</code>","").replace('<code class="javascript hljs" codemark="1">','');
          $(this).attr('data-clipboard-text',html).attr("id","pre"+prei);
          $(this).html("").append("<code>"+html+"</code>");
         prei++;
       })
           $(".site-seo-depict img").each(function(){
             
            if($(this).attr("src").indexOf('data:image/svg+xml')!= -1){
                $(this).remove();
            }
       })
     $("LINK[href*='style-49037e4d27.css']").remove();
       $("LINK[href*='markdown_views-d7a94ec6ab.css']").remove();
layui.use(['jquery', 'layer','code'], function(){
  $("pre").attr("class","layui-code");
      $("pre").attr("lay-title","");
       $("pre").attr("lay-skin","");
  layui.code(); 
       $(".layui-code-h3 a").attr("class","copycode").html("復(fù)制代碼 ").attr("onclick","copycode(this)");
      
});
function copycode(target){
    var id=$(target).parent().parent().attr("id");
  
                  var clipboard = new ClipboardJS("#"+id);

clipboard.on('success', function(e) {


    e.clearSelection();
    alert("復(fù)制成功")
});

clipboard.on('error', function(e) {
    alert("復(fù)制失敗")
});
}
//$(".site-seo-depict").html($(".site-seo-depict").html().slice(0, -5));
</script>
  <link rel="stylesheet" type="text/css" href="http://www.ezyhdfw.cn/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css">
    <script src="http://www.ezyhdfw.cn/yun/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script>
    <script src="http://www.ezyhdfw.cn/yun/static/js/clipboard.js"></script>

<script>hljs.initHighlightingOnLoad();</script>

<script>
    function setcode(){
        var _html='';
    	  document.querySelectorAll('pre code').forEach((block) => {
        	  var _tmptext=$.trim($(block).text());
        	  if(_tmptext!=''){
        		  _html=_html+_tmptext;
        		  console.log(_html);
        	  }
    		 
    		  
    		 
      	  });
    	 

    }

</script>

<script>
function payread(){
  layer.open({
      type: 1,
      title:"付費(fèi)閱讀",
      shadeClose: true,
      content: $('#payread')
    });
}
// 舉報(bào)
function jupao_tip(){
  layer.open({
      type: 1,
      title:false,
      shadeClose: true,
      content: $('#jubao')
    });

}
$(".getcommentlist").click(function(){
var _id=$(this).attr("dataid");
var _tid=$(this).attr("datatid");
$("#articlecommentlist"+_id).toggleClass("hide");
var flag=$("#articlecommentlist"+_id).attr("dataflag");
if(flag==1){
flag=0;
}else{
flag=1;
//加載評(píng)論
loadarticlecommentlist(_id,_tid);
}
$("#articlecommentlist"+_id).attr("dataflag",flag);

})
$(".add-comment-btn").click(function(){
var _id=$(this).attr("dataid");
$(".formcomment"+_id).toggleClass("hide");
})
$(".btn-sendartcomment").click(function(){
var _aid=$(this).attr("dataid");
var _tid=$(this).attr("datatid");
var _content=$.trim($(".commenttext"+_aid).val());
if(_content==''){
alert("評(píng)論內(nèi)容不能為空");
return false;
}
var touid=$("#btnsendcomment"+_aid).attr("touid");
if(touid==null){
touid=0;
}
addarticlecomment(_tid,_aid,_content,touid);
})
 $(".button_agree").click(function(){
 var supportobj = $(this);
         var tid = $(this).attr("id");
         $.ajax({
         type: "GET",
                 url:"http://www.ezyhdfw.cn/yun/index.php?topic/ajaxhassupport/" + tid,
                 cache: false,
                 success: function(hassupport){
                 if (hassupport != '1'){






                         $.ajax({
                         type: "GET",
                                 cache:false,
                                 url: "http://www.ezyhdfw.cn/yun/index.php?topic/ajaxaddsupport/" + tid,
                                 success: function(comments) {

                                 supportobj.find("span").html(comments+"人贊");
                                 }
                         });
                 }else{
                	 alert("您已經(jīng)贊過");
                 }
                 }
         });
 });
 function attenquestion(_tid,_rs){
    	$.ajax({
    //提交數(shù)據(jù)的類型 POST GET
    type:"POST",
    //提交的網(wǎng)址
    url:"http://www.ezyhdfw.cn/yun/favorite/topicadd.html",
    //提交的數(shù)據(jù)
    data:{tid:_tid,rs:_rs},
    //返回?cái)?shù)據(jù)的格式
    datatype: "json",//"xml", "html", "script", "json", "jsonp", "text".
    //在請(qǐng)求之前調(diào)用的函數(shù)
    beforeSend:function(){},
    //成功返回之后調(diào)用的函數(shù)
    success:function(data){
    	var data=eval("("+data+")");
    	console.log(data)
       if(data.code==2000){
    	layer.msg(data.msg,function(){
    	  if(data.rs==1){
    	      //取消收藏
    	      $(".layui-layer-tips").attr("data-tips","收藏文章");
    	      $(".layui-layer-tips").html('<i class="fa fa-heart-o"></i>');
    	  }
    	   if(data.rs==0){
    	      //收藏成功
    	      $(".layui-layer-tips").attr("data-tips","已收藏文章");
    	      $(".layui-layer-tips").html('<i class="fa fa-heart"></i>')
    	  }
    	})
    	 
       }else{
    	layer.msg(data.msg)
       }


    }   ,
    //調(diào)用執(zhí)行后調(diào)用的函數(shù)
    complete: function(XMLHttpRequest, textStatus){
     	postadopt=true;
    },
    //調(diào)用出錯(cuò)執(zhí)行的函數(shù)
    error: function(){
        //請(qǐng)求出錯(cuò)處理
    	postadopt=false;
    }
 });
}
</script>
<footer>
        <div   id="dnkpnhlp"   class="layui-container">
            <div   id="dnkpnhlp"   class="flex_box_zd">
              <div   id="dnkpnhlp"   class="left-footer">
                    <h6><a href="http://www.ezyhdfw.cn/"><img src="http://www.ezyhdfw.cn/yun/static/theme/ukd//images/logo.png" alt="UCloud （優(yōu)刻得科技股份有限公司）"></a></h6>
                    <p>UCloud （優(yōu)刻得科技股份有限公司）是中立、安全的云計(jì)算服務(wù)平臺(tái)，堅(jiān)持中立，不涉足客戶業(yè)務(wù)領(lǐng)域。公司自主研發(fā)IaaS、PaaS、大數(shù)據(jù)流通平臺(tái)、AI服務(wù)平臺(tái)等一系列云計(jì)算產(chǎn)品，并深入了解互聯(lián)網(wǎng)、傳統(tǒng)企業(yè)在不同場(chǎng)景下的業(yè)務(wù)需求，提供公有云、混合云、私有云、專有云在內(nèi)的綜合性行業(yè)解決方案。</p>
              </div>
              <div   id="dnkpnhlp"   class="right-footer layui-hidemd">
                  <ul class="flex_box_zd">
                      <li>
                        <h6>UCloud與云服務(wù)</h6>
                         <p><a href="http://www.ezyhdfw.cn/site/about/intro/">公司介紹</a></p>
                         <p><a  >加入我們</a></p>
                         <p><a href="http://www.ezyhdfw.cn/site/ucan/onlineclass/">UCan線上公開課</a></p>
                         <p><a href="http://www.ezyhdfw.cn/site/solutions.html" >行業(yè)解決方案</a></p>                                                  <p><a href="http://www.ezyhdfw.cn/site/pro-notice/">產(chǎn)品動(dòng)態(tài)</a></p>
                      </li>
                      <li>
                        <h6>友情鏈接</h6>                                             <p><a >GPU算力平臺(tái)</a></p>                                             <p><a >UCloud私有云</a></p>
                                             <p><a >SurferCloud</a></p>                                             <p><a >工廠仿真軟件</a></p>                                                                                       <p><a >AI繪畫</a></p>
                                              <p><a >Wavespeed AI</a></p> 
                                             
                      </li>
                      <li>
                        <h6>社區(qū)欄目</h6>
                         <p><a href="http://www.ezyhdfw.cn/yun/column/index.html">專欄文章</a></p>
                     <p><a href="http://www.ezyhdfw.cn/yun/udata/">專題地圖</a></p>                      </li>
                      <li>
                        <h6>常見問題</h6>
                         <p><a href="http://www.ezyhdfw.cn/site/ucsafe/notice.html" >安全中心</a></p>
                         <p><a href="http://www.ezyhdfw.cn/site/about/news/recent/" >新聞動(dòng)態(tài)</a></p>
                         <p><a href="http://www.ezyhdfw.cn/site/about/news/report/">媒體動(dòng)態(tài)</a></p>                                                  <p><a href="http://www.ezyhdfw.cn/site/cases.html">客戶案例</a></p>                                                
                         <p><a href="http://www.ezyhdfw.cn/site/notice/">公告</a></p>
                      </li>
                      <li>
                          <span><img src="https://static.ucloud.cn/7a4b6983f4b94bcb97380adc5d073865.png" alt="優(yōu)刻得"></span>
                          <p>掃掃了解更多</p></div>
            </div>
            <div   id="dnkpnhlp"   class="copyright">Copyright ? 2012-2025 UCloud 優(yōu)刻得科技股份有限公司<i>｜</i><a rel="nofollow" >滬公網(wǎng)安備 31011002000058號(hào)</a><i>｜</i><a rel="nofollow" ></a> 滬ICP備12020087號(hào)-3</a><i>｜</i> <script type="text/javascript" src="https://gyfk12.kuaishang.cn/bs/ks.j?cI=197688&fI=125915" charset="utf-8"></script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://#/hm.js?290c2650b305fc9fff0dbdcafe48b59d";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DZSMXQ3P9N"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-DZSMXQ3P9N');
</script>
<script>
(function(){
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?99f50ea166557aed914eb4a66a7a70a4709cbb98a54ecb576877d99556fb4bfc3d72cd14f8a76432df3935ab77ec54f830517b3cb210f7fd334f50ccb772134a";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)
</script></div> 
        </div>
    </footer>

<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://www.ezyhdfw.cn/" title="亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站">亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站</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="pcxlk" class="pl_css_ganrao" style="display: none;"><legend id="pcxlk"><wbr id="pcxlk"><strike id="pcxlk"></strike></wbr></legend><blockquote id="pcxlk"><button id="pcxlk"><pre id="pcxlk"><th id="pcxlk"></th></pre></button></blockquote><i id="pcxlk"></i><listing id="pcxlk"><output id="pcxlk"><blockquote id="pcxlk"></blockquote></output></listing><delect id="pcxlk"></delect><abbr id="pcxlk"></abbr><meter id="pcxlk"></meter><menu id="pcxlk"></menu><center id="pcxlk"></center><ruby id="pcxlk"></ruby><strike id="pcxlk"></strike><em id="pcxlk"><noframes id="pcxlk"><table id="pcxlk"><video id="pcxlk"></video></table></noframes></em><dl id="pcxlk"></dl><style id="pcxlk"><fieldset id="pcxlk"><optgroup id="pcxlk"><em id="pcxlk"></em></optgroup></fieldset></style><noscript id="pcxlk"><em id="pcxlk"><dfn id="pcxlk"></dfn></em></noscript><menuitem id="pcxlk"></menuitem><acronym id="pcxlk"></acronym><progress id="pcxlk"><acronym id="pcxlk"></acronym></progress><u id="pcxlk"></u><div id="pcxlk"></div><form id="pcxlk"><pre id="pcxlk"><address id="pcxlk"></address></pre></form><dl id="pcxlk"><wbr id="pcxlk"><td id="pcxlk"></td></wbr></dl><ruby id="pcxlk"><samp id="pcxlk"></samp></ruby><thead id="pcxlk"><acronym id="pcxlk"></acronym></thead><b id="pcxlk"><dd id="pcxlk"></dd></b><p id="pcxlk"></p><tt id="pcxlk"></tt><span id="pcxlk"></span><strong id="pcxlk"></strong><nobr id="pcxlk"><tr id="pcxlk"></tr></nobr><fieldset id="pcxlk"><ol id="pcxlk"><i id="pcxlk"><cite id="pcxlk"></cite></i></ol></fieldset><font id="pcxlk"></font><pre id="pcxlk"></pre><strike id="pcxlk"><style id="pcxlk"></style></strike><sup id="pcxlk"></sup><delect id="pcxlk"></delect><dl id="pcxlk"><acronym id="pcxlk"><rt id="pcxlk"><fieldset id="pcxlk"></fieldset></rt></acronym></dl><s id="pcxlk"></s><tr id="pcxlk"></tr><option id="pcxlk"><pre id="pcxlk"><th id="pcxlk"></th></pre></option><var id="pcxlk"></var><div id="pcxlk"></div><dfn id="pcxlk"></dfn><abbr id="pcxlk"></abbr><s id="pcxlk"><var id="pcxlk"><strong id="pcxlk"><track id="pcxlk"></track></strong></var></s><video id="pcxlk"></video><label id="pcxlk"><tbody id="pcxlk"><output id="pcxlk"><big id="pcxlk"></big></output></tbody></label><center id="pcxlk"><big id="pcxlk"><source id="pcxlk"></source></big></center><pre id="pcxlk"></pre><input id="pcxlk"><listing id="pcxlk"><dfn id="pcxlk"></dfn></listing></input><li id="pcxlk"></li><label id="pcxlk"></label><button id="pcxlk"></button><td id="pcxlk"><dd id="pcxlk"></dd></td><dfn id="pcxlk"><thead id="pcxlk"><xmp id="pcxlk"><meter id="pcxlk"></meter></xmp></thead></dfn><bdo id="pcxlk"></bdo><optgroup id="pcxlk"><pre id="pcxlk"><s id="pcxlk"></s></pre></optgroup><kbd id="pcxlk"></kbd><tr id="pcxlk"><pre id="pcxlk"><tt id="pcxlk"></tt></pre></tr><mark id="pcxlk"><big id="pcxlk"><source id="pcxlk"><dfn id="pcxlk"></dfn></source></big></mark><address id="pcxlk"><s id="pcxlk"></s></address><tfoot id="pcxlk"></tfoot><del id="pcxlk"><sup id="pcxlk"><tfoot id="pcxlk"><fieldset id="pcxlk"></fieldset></tfoot></sup></del><strong id="pcxlk"></strong><div id="pcxlk"></div><strong id="pcxlk"><cite id="pcxlk"><strike id="pcxlk"></strike></cite></strong><small id="pcxlk"><cite id="pcxlk"><menu id="pcxlk"></menu></cite></small><menu id="pcxlk"></menu><noscript id="pcxlk"><pre id="pcxlk"><small id="pcxlk"><abbr id="pcxlk"></abbr></small></pre></noscript><bdo id="pcxlk"></bdo><meter id="pcxlk"><tt id="pcxlk"></tt></meter><nav id="pcxlk"><button id="pcxlk"></button></nav><table id="pcxlk"></table><abbr id="pcxlk"></abbr><ol id="pcxlk"></ol><var id="pcxlk"><optgroup id="pcxlk"></optgroup></var><optgroup id="pcxlk"></optgroup><wbr id="pcxlk"><dfn id="pcxlk"><form id="pcxlk"><acronym id="pcxlk"></acronym></form></dfn></wbr><button id="pcxlk"><em id="pcxlk"></em></button><sub id="pcxlk"><dl id="pcxlk"><strong id="pcxlk"></strong></dl></sub><div id="pcxlk"><tfoot id="pcxlk"><tr id="pcxlk"><dfn id="pcxlk"></dfn></tr></tfoot></div><optgroup id="pcxlk"></optgroup><input id="pcxlk"><table id="pcxlk"><video id="pcxlk"></video></table></input><thead id="pcxlk"><div id="pcxlk"></div></thead><video id="pcxlk"><blockquote id="pcxlk"></blockquote></video><bdo id="pcxlk"><table id="pcxlk"><strong id="pcxlk"><label id="pcxlk"></label></strong></table></bdo><acronym id="pcxlk"><ruby id="pcxlk"><th id="pcxlk"></th></ruby></acronym><th id="pcxlk"><kbd id="pcxlk"><xmp id="pcxlk"></xmp></kbd></th><sup id="pcxlk"></sup><var id="pcxlk"></var><thead id="pcxlk"><th id="pcxlk"><strong id="pcxlk"></strong></th></thead><dl id="pcxlk"><strong id="pcxlk"></strong></dl><ul id="pcxlk"></ul><pre id="pcxlk"></pre><sub id="pcxlk"><ol id="pcxlk"></ol></sub><ruby id="pcxlk"><b id="pcxlk"><track id="pcxlk"></track></b></ruby><tbody id="pcxlk"></tbody><nav id="pcxlk"></nav><tr id="pcxlk"><blockquote id="pcxlk"><td id="pcxlk"></td></blockquote></tr><s id="pcxlk"><table id="pcxlk"><video id="pcxlk"><meter id="pcxlk"></meter></video></table></s><b id="pcxlk"></b><tbody id="pcxlk"><dfn id="pcxlk"></dfn></tbody><xmp id="pcxlk"><legend id="pcxlk"><strong id="pcxlk"><b id="pcxlk"></b></strong></legend></xmp><sup id="pcxlk"><tfoot id="pcxlk"><i id="pcxlk"></i></tfoot></sup><pre id="pcxlk"></pre><code id="pcxlk"></code><address id="pcxlk"><meter id="pcxlk"><pre id="pcxlk"></pre></meter></address><track id="pcxlk"><sup id="pcxlk"><rt id="pcxlk"><strong id="pcxlk"></strong></rt></sup></track><form id="pcxlk"><nobr id="pcxlk"></nobr></form><option id="pcxlk"></option><ins id="pcxlk"></ins><legend id="pcxlk"></legend><strong id="pcxlk"></strong><ol id="pcxlk"><i id="pcxlk"><strong id="pcxlk"><sup id="pcxlk"></sup></strong></i></ol><mark id="pcxlk"></mark><div id="pcxlk"><dd id="pcxlk"><tbody id="pcxlk"><address id="pcxlk"></address></tbody></dd></div><center id="pcxlk"><dl id="pcxlk"><i id="pcxlk"><optgroup id="pcxlk"></optgroup></i></dl></center><u id="pcxlk"></u><tfoot id="pcxlk"><span id="pcxlk"><wbr id="pcxlk"></wbr></span></tfoot><font id="pcxlk"><ruby id="pcxlk"><tt id="pcxlk"><pre id="pcxlk"></pre></tt></ruby></font><em id="pcxlk"></em><source id="pcxlk"></source><source id="pcxlk"></source><th id="pcxlk"><style id="pcxlk"><u id="pcxlk"></u></style></th><var id="pcxlk"></var><style id="pcxlk"><abbr id="pcxlk"></abbr></style><dl id="pcxlk"><strong id="pcxlk"><li id="pcxlk"><samp id="pcxlk"></samp></li></strong></dl><noframes id="pcxlk"><ruby id="pcxlk"><blockquote id="pcxlk"><source id="pcxlk"></source></blockquote></ruby></noframes><tbody id="pcxlk"></tbody><pre id="pcxlk"></pre><var id="pcxlk"></var><dd id="pcxlk"><div id="pcxlk"><big id="pcxlk"><tbody id="pcxlk"></tbody></big></div></dd><th id="pcxlk"><div id="pcxlk"><big id="pcxlk"><pre id="pcxlk"></pre></big></div></th><thead id="pcxlk"></thead><strong id="pcxlk"><th id="pcxlk"></th></strong><address id="pcxlk"></address><menuitem id="pcxlk"></menuitem><thead id="pcxlk"><strong id="pcxlk"></strong></thead><dd id="pcxlk"></dd><table id="pcxlk"><acronym id="pcxlk"></acronym></table><blockquote id="pcxlk"><source id="pcxlk"><input id="pcxlk"></input></source></blockquote><strike id="pcxlk"></strike><delect id="pcxlk"></delect><p id="pcxlk"></p><small id="pcxlk"><style id="pcxlk"><strong id="pcxlk"></strong></style></small><fieldset id="pcxlk"></fieldset><form id="pcxlk"></form><dfn id="pcxlk"><abbr id="pcxlk"><button id="pcxlk"><progress id="pcxlk"></progress></button></abbr></dfn><ol id="pcxlk"><code id="pcxlk"><optgroup id="pcxlk"><nav id="pcxlk"></nav></optgroup></code></ol><code id="pcxlk"></code></div>
<script src="http://www.ezyhdfw.cn/yun/static/theme/ukd/js/common.js"></script>
<<script type="text/javascript">
$(".site-seo-depict *,.site-content-answer-body *,.site-body-depict *").css("max-width","100%");
</script>
</html>
亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長期優(yōu)惠，快來選購！

React.js 小書 Lesson25 - 實(shí)戰(zhàn)分析：評(píng)論功能（四）

亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長期優(yōu)惠，快來選購！

React.js 小書 Lesson25 - 實(shí)戰(zhàn)分析：評(píng)論功能（四）

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長期優(yōu)惠，快來選購！
