摘要：背景在的方法中使用來保存的話，會導致輸入卡頓，原因是用戶在輸入時，一直在，導致整個頁面一直重新渲染主頁面解決方法將組件多帶帶封裝成一個組件，這樣就只會觸發自身重新渲染而不是整個頁面組件主頁面發送內容發送這樣就可以讓用戶愉快地輸入的同時，的值啦

背景：
在</b>的<b>onChange</b>方法中使用<b>setState</b>來保存value的話，會導致輸入卡頓，原因是用戶在輸入時，<strong>一直在<b>setState</b>，導致整個頁面一直重新渲染</strong></p> <p>主頁面：</p> <pre>import React, { Component, } from "react"; import { Input } from "antd"; const { TextArea } = Input; class CustomCompent extends Component { constructor(props) { super(props); this.state = { targetValue: "", }; } handleChange = e => { let targetValue = e.target.value; this.setState({ targetValue, }); }; render() { const { targetValue } = this.state; return ( <> xxxx xxxx <TextArea onChange={this.handleChange} value={targetValue} /> <p>{targetValue.length}/100</p> </> );}</pre> <p><strong>解決方法：</strong><br>將<b><TextArea></b>組件多帶帶封裝成一個組件（component），這樣就只會觸發自身重新渲染而不是整個頁面！</p> <p>TextArea 組件：</p> <pre>import React from "react"; import { Input } from "antd"; const { TextArea } = Input; class CountTextArea extends React.PureComponent { constructor(props) { super(props); this.state = { targetValue: "", }; } handleChange = value => { let targetValue = value.target.value; this.setState({ targetValue, }); }; render() { const { setRef } = this.props; const { targetValue } = this.state; return ( <> <TextArea onChange={this.handleChange} value={targetValue} ref={setRef} /> <p>{targetValue.length}/100</p> </> ); } } export default CountTextArea;</pre> <p><strong>主頁面：</strong></p> <pre>import React, { Component, } from "react"; import { Button } from "antd"; import CountTextArea from "./CountTextArea"; class CustomCompent extends Component { componentDidMount() { this.customTextArea = React.createRef(); } handleOk = () => { if (this.customTextArea && this.customTextArea.current) { //發送內容 let value =this.customTextArea.current.textAreaRef.value //xxx } } render() { return ( <> <CountTextArea handleOk={this.handleOk} setRef={this.customTextArea} /> <Button onClick={this.handleOk}>發送</Button> </> ); } }</pre> <p>這樣就可以讓用戶愉快地輸入的同時，setState <b>textarea</b> 的值啦~</p> <p><script type="text/javascript">showImg("https://segmentfault.com/img/remote/1460000018611490");</script></p> <p>（完）</p> </div> <div id="9vbjpjv" class="mt-64 tags-seach" > <div id="hr7hxlb" class="tags-info"> <a style="width:120px;" title="云服務器" href="http://specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo">云服務器</a> <a style="width:120px;" title="GPU云服務器" href="http://specialneedsforspecialkids.com/site/product/gpu.html">GPU云服務器</a> <a style="width:120px;" title="在java中輸入漢語" href="http://specialneedsforspecialkids.com/yun/tag/zaijavazhongshuruhanyu/">在java中輸入漢語</a> <a style="width:120px;" title="整個頁面彈性設置" href="http://specialneedsforspecialkids.com/yun/tag/zhenggeyemiandanxingshezhi/">整個頁面彈性設置</a> <a style="width:120px;" title="jsp 重新渲染、" href="http://specialneedsforspecialkids.com/yun/tag/jsp zhongxinran/">jsp 重新渲染、</a> <a style="width:120px;" title="獲取整個html頁面" href="http://specialneedsforspecialkids.com/yun/tag/huoquzhenggehtmlyemian/">獲取整個html頁面</a> </div> </div> <div id="rlrrjb7" class="entry-copyright mb-30"> <p class="mb-15"> 文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。</p> <p>轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/109639.html</p> </div> <ul class="pre-next-page"> <li id="77vpj7l" class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/109638.html">上一篇：nginx解決跨域問題</a></li> <li id="jb577th" class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/109640.html">下一篇：【譯】什么是React Hooks</a></li> </ul> </div> <div id="5px7f7r" class="about_topicone-mid"> <h3 class="top-com-title mb-0"><span data-id="0">相關文章</span></h3> <ul class="com_white-left-mid atricle-list-box"> <li> <div id="nbtlf77" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/91743.html"><b>翻譯 | 玩轉 <em>React</em> 表單 —— 受控組件詳解</b></a></h2> <p class="ellipsis2 good">摘要：受控輸入框只會顯示通過傳入的數據。例如，數組中的元素將會渲染三個單選框或復選框。屬性接收一個布爾值，用來表示組件是否應該被渲染成選中狀態。 原文地址：React.js Forms: Controlled Components 原文作者：Loren Stewart 譯者：小 B0Y 校對者：珂珂君 本文涵蓋以下受控組件： 文本輸入框 數字輸入框 單選框 復選框 文本域 下拉...</p> <div id="ftztnpp" class="com_white-left-info"> <div id="xln5bdp" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-1094.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/10/small_000001094.jpg" alt=""><span id="7hlrfht" class="layui-hide64">big_cat</span></a> <time datetime="">2019-08-22 11:05</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="v7dlzrv" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/90876.html"><b><em>React</em></b></a></h2> <p class="ellipsis2 good">摘要：基礎創建虛擬參數元素名稱，例如參數屬性集合，例如，，，從參數開始，表示該元素的子元素，通常這些元素通過創建，文本文件可以直接插入嘻嘻哈哈這是渲染器，將元素渲染到頁面中。 React簡介 FeceBook開源的一套框架，專注于MVC的視圖V模塊。實質是對V視圖的一種實現。 React框架的設計沒有過分依賴于某個環境，它自建一套環境，就是virtual DOM（虛擬DOM）。 提供基礎AP...</p> <div id="7bvflnb" class="com_white-left-info"> <div id="z75zrpl" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-417.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/04/small_000000417.jpg" alt=""><span id="775xn57" class="layui-hide64">hlcc</span></a> <time datetime="">2019-08-22 10:35</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="7r7rjrr" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/89664.html"><b><em>React</em>.<em>js</em> 小書 Lesson10 - 組件的 state 和 <em>setState</em></b></a></h2> <p class="ellipsis2 good">摘要：傳入一個對象的時候，這個對象表示該組件的新狀態。下一節中我們將介紹小書配置組件的。 React.js 小書 Lesson10 - 組件的 state 和 setState 本文作者：胡子大哈本文原文：http://huziketang.com/books/react/lesson10 轉載請注明出處，保留原文鏈接以及作者信息 在線閱讀：http://huziketang.com/bo...</p> <div id="7bjbtrt" class="com_white-left-info"> <div id="pxtj7zp" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-330.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/03/small_000000330.jpg" alt=""><span id="htzdjth" class="layui-hide64">tyheist</span></a> <time datetime="">2019-08-21 17:33</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="7jz5fdt" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/97299.html"><b><em>React</em></b></a></h2> <p class="ellipsis2 good">摘要：語法是一種語法的拓展語言，在中官方也推薦使用描述用戶界面，使用起來會比較快捷而且易讀不是一門新的語言，可以理解為是一種語法糖，作用就是能夠讓我們更加直觀的在中創建標簽，最終還是會被編譯為語法，例如我們看一段代碼上面的語法最終會被編譯為語法， Reatc JSX語法 jsx是一種JavaScript語法的拓展語言，在React中官方也推薦使用jsx描述用戶界面，使用起來會比較快捷而且易讀...</p> <div id="dptlbn5" class="com_white-left-info"> <div id="p7ldvxv" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-875.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/08/small_000000875.jpg" alt=""><span id="hxph57r" class="layui-hide64">techstay</span></a> <time datetime="">2019-08-23 11:40</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="7zfltft" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/105801.html"><b><em>React</em> 328道最全面試題(持續更新)</b></a></h2> <p class="ellipsis2 good">摘要：希望大家在這浮夸的前端圈里，保持冷靜，堅持每天花分鐘來學習與思考。 今天的React題沒有太多的故事…… 半個月前出了248個Vue的知識點，受到很多朋友的關注，都強烈要求再出多些React相前的面試題，受到大家的邀請，我又找了20多個React的使用者，他們給出了328道React的面試題，由我整理好發給大家，同時發布在了前端面試每日3+1的React專題，希望對大家有所幫助，同時大...</p> <div id="xjbtnpp" class="com_white-left-info"> <div id="hfhbrrr" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-448.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/04/small_000000448.jpg" alt=""><span id="7dxnfjn" class="layui-hide64">kumfo</span></a> <time datetime="">2019-08-26 10:13</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> </ul> </div> <div id="vvzd7zx" class="topicone-box-wangeditor"> <h3 class="top-com-title mb-64"><span>發表評論</span></h3> <div id="x7pvxnb" class="xcp-publish-main flex_box_zd"> <div id="fn7dvvv" class="unlogin-pinglun-box"> <a href="javascript:login()" class="grad">登陸后可評論</a> </div> </div> </div> <div id="7hlbh77" class="site-box-content"> <div id="jj7txnb" class="site-content-title"> <h3 class="top-com-title mb-64"><span>0條評論</span></h3> </div> <div id="xzp5lzp" class="pages"></ul></div> </div> </div> <div id="rdvbtvt" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right"> <div id="7b5hzbp" class=""> <div id="z7fxd75" class="com_layuiright-box user-msgbox"> <a href="http://specialneedsforspecialkids.com/yun/u-434.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/04/small_000000434.jpg" alt=""></a> <h3><a href="http://specialneedsforspecialkids.com/yun/u-434.html" rel="nofollow">macg0406</a></h3> <h6>男<span>|</span>高級講師</h6> <div id="fr7zbnp" class="flex_box_zd user-msgbox-atten"> <a href="javascript:attentto_user(434)" id="attenttouser_434" class="grad follow-btn notfollow attention">我要關注</a> <a href="javascript:login()" title="發私信" >我要私信</a> </div> <div id="7zrbrh5" class="user-msgbox-list flex_box_zd"> <h3 class="hpf">TA的文章</h3> <a href="http://specialneedsforspecialkids.com/yun/ut-434.html" class="box_hxjz">閱讀更多</a> </div> <ul class="user-msgbox-ul"> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/124936.html">服務器硬件及RAID配置實戰</a></h3> <p>閱讀 1410<span>·</span>2021-11-25 09:43</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/121270.html">【程序員必會十大算法】之貪心算法</a></h3> <p>閱讀 2268<span>·</span>2021-09-27 13:36</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/119097.html">蘋果高管正拜訪亞洲供應商 探討蘋果汽車生產事宜</a></h3> <p>閱讀 1121<span>·</span>2021-09-04 16:40</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/114835.html">微信小程序vedio視頻全屏無法遮擋textarea</a></h3> <p>閱讀 1962<span>·</span>2019-08-30 11:12</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/113009.html">微信小程序審核不通過的解決方法</a></h3> <p>閱讀 3314<span>·</span>2019-08-29 14:14</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/110904.html">CSS/兩欄并列等高布局</a></h3> <p>閱讀 570<span>·</span>2019-08-28 17:56</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/109639.html">react.js避免在input/textareah中輸入(setState)時重新渲染整個頁面</a></h3> <p>閱讀 1328<span>·</span>2019-08-26 13:50</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/108928.html">前端修煉之路</a></h3> <p>閱讀 1251<span>·</span>2019-08-26 13:29</p></li> </ul> </div> <!-- 文章詳情右側廣告--> <div id="ttzt75l" class="com_layuiright-box"> <h6 class="top-com-title"><span>最新活動</span></h6> <div id="7v5vx55" class="com_adbox"> <div id="nnr5pf5" class="layui-carousel" id="right-item"> <div carousel-item> <div> <a href="http://specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo" rel="nofollow"> <img src="http://specialneedsforspecialkids.com/yun/data/attach/240625/2rTjEHmi.png" alt="云服務器"> </a> </div> <div> <a href="http://specialneedsforspecialkids.com/site/product/gpu.html" rel="nofollow"> <img src="http://specialneedsforspecialkids.com/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服務器"> </a> </div> </div> </div> </div> <!-- banner結束 --> <div id="bnt7hrt" class="adhtml"> </div> <script> $(function(){ $.ajax({ type: "GET", url:"http://specialneedsforspecialkids.com/yun/ad/getad/1.html", cache: false, success: function(text){ $(".adhtml").html(text); } }); }) </script> </div> </div> </div> </div> </div> </section> <!-- wap拉出按鈕 --> <div id="7f5z5br" class="site-tree-mobile layui-hide"> <i class="layui-icon layui-icon-spread-left"></i> </div> <!-- wap遮罩層 --> <div id="7djdvjv" class="site-mobile-shade"></div> <!--付費閱讀 --> <div class="dndh5rt" id="payread"> <div id="xvlb5pn" class="layui-form-item">閱讀需要支付1元查看</div> <div id="hfjdttr" 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("復制代碼 ").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("復制成功") }); clipboard.on('error', function(e) { alert("復制失敗") }); } //$(".site-seo-depict").html($(".site-seo-depict").html().slice(0, -5)); </script> <link rel="stylesheet" type="text/css" href="http://specialneedsforspecialkids.com/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css"> <script src="http://specialneedsforspecialkids.com/yun/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script> <script src="http://specialneedsforspecialkids.com/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:"付費閱讀", shadeClose: true, content: $('#payread') }); } // 舉報 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; //加載評論 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("評論內容不能為空"); 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://specialneedsforspecialkids.com/yun/index.php?topic/ajaxhassupport/" + tid, cache: false, success: function(hassupport){ if (hassupport != '1'){ $.ajax({ type: "GET", cache:false, url: "http://specialneedsforspecialkids.com/yun/index.php?topic/ajaxaddsupport/" + tid, success: function(comments) { supportobj.find("span").html(comments+"人贊"); } }); }else{ alert("您已經贊過"); } } }); }); function attenquestion(_tid,_rs){ $.ajax({ //提交數據的類型 POST GET type:"POST", //提交的網址 url:"http://specialneedsforspecialkids.com/yun/favorite/topicadd.html", //提交的數據 data:{tid:_tid,rs:_rs}, //返回數據的格式 datatype: "json",//"xml", "html", "script", "json", "jsonp", "text". //在請求之前調用的函數 beforeSend:function(){}, //成功返回之后調用的函數 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) } } , //調用執行后調用的函數 complete: function(XMLHttpRequest, textStatus){ postadopt=true; }, //調用出錯執行的函數 error: function(){ //請求出錯處理 postadopt=false; } }); } </script> <footer> <div id="frjrx77" class="layui-container"> <div id="zfxdt7l" class="flex_box_zd"> <div id="thnh5v5" class="left-footer"> <h6><a href="http://specialneedsforspecialkids.com/"><img src="http://specialneedsforspecialkids.com/yun/static/theme/ukd//images/logo.png" alt="UCloud （優刻得科技股份有限公司）"></a></h6> <p>UCloud （優刻得科技股份有限公司）是中立、安全的云計算服務平臺，堅持中立，不涉足客戶業務領域。公司自主研發IaaS、PaaS、大數據流通平臺、AI服務平臺等一系列云計算產品，并深入了解互聯網、傳統企業在不同場景下的業務需求，提供公有云、混合云、私有云、專有云在內的綜合性行業解決方案。</p> </div> <div id="fd575np" class="right-footer layui-hidemd"> <ul class="flex_box_zd"> <li> <h6>UCloud與云服務</h6> <p><a href="http://specialneedsforspecialkids.com/site/about/intro/">公司介紹</a></p> <p><a >加入我們</a></p> <p><a href="http://specialneedsforspecialkids.com/site/ucan/onlineclass/">UCan線上公開課</a></p> <p><a href="http://specialneedsforspecialkids.com/site/solutions.html" >行業解決方案</a></p> <p><a href="http://specialneedsforspecialkids.com/site/pro-notice/">產品動態</a></p> </li> <li> <h6>友情鏈接</h6> <p><a >GPU算力平臺</a></p> <p><a >UCloud私有云</a></p> <p><a >SurferCloud</a></p> <p><a >工廠仿真軟件</a></p> <p><a >Pinex</a></p> <p><a >AI繪畫</a></p> </li> <li> <h6>社區欄目</h6> <p><a href="http://specialneedsforspecialkids.com/yun/column/index.html">專欄文章</a></p> <p><a href="http://specialneedsforspecialkids.com/yun/udata/">專題地圖</a></p> </li> <li> <h6>常見問題</h6> <p><a href="http://specialneedsforspecialkids.com/site/ucsafe/notice.html" >安全中心</a></p> <p><a href="http://specialneedsforspecialkids.com/site/about/news/recent/" >新聞動態</a></p> <p><a href="http://specialneedsforspecialkids.com/site/about/news/report/">媒體動態</a></p> <p><a href="http://specialneedsforspecialkids.com/site/cases.html">客戶案例</a></p> <p><a href="http://specialneedsforspecialkids.com/site/notice/">公告</a></p> </li> <li> <span><img src="https://static.ucloud.cn/7a4b6983f4b94bcb97380adc5d073865.png" alt="優刻得"></span> <p>掃掃了解更多</p></div> </div> <div id="lzfv7vz" class="copyright">Copyright ? 2012-2023 UCloud 優刻得科技股份有限公司<i>｜</i><a rel="nofollow" >滬公網安備 31011002000058號</a><i>｜</i><a rel="nofollow" ></a> 滬ICP備12020087號-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.baidu.com/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://specialneedsforspecialkids.com/" title="国产xxxx99真实实拍">国产xxxx99真实实拍</a> <div class="friend-links"> <a href="http://belistarlp.com/">国产黄色在线</a> </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="rfjtt" class="pl_css_ganrao" style="display: none;"><b id="rfjtt"><mark id="rfjtt"></mark></b><dfn id="rfjtt"><u id="rfjtt"></u></dfn><dfn id="rfjtt"><u id="rfjtt"></u></dfn><tt id="rfjtt"><progress id="rfjtt"><acronym id="rfjtt"><legend id="rfjtt"></legend></acronym></progress></tt><sup id="rfjtt"><label id="rfjtt"><video id="rfjtt"><small id="rfjtt"></small></video></label></sup><div id="rfjtt"></div><form id="rfjtt"></form><u id="rfjtt"><ins id="rfjtt"></ins></u><address id="rfjtt"><legend id="rfjtt"></legend></address><optgroup id="rfjtt"><menuitem id="rfjtt"><span id="rfjtt"><i id="rfjtt"></i></span></menuitem></optgroup><label id="rfjtt"><video id="rfjtt"><font id="rfjtt"><div id="rfjtt"></div></font></video></label><form id="rfjtt"><p id="rfjtt"></p></form><form id="rfjtt"><p id="rfjtt"><dfn id="rfjtt"><form id="rfjtt"></form></dfn></p></form><label id="rfjtt"><video id="rfjtt"></video></label><em id="rfjtt"><meter id="rfjtt"><pre id="rfjtt"><strike id="rfjtt"></strike></pre></meter></em><div id="rfjtt"><ol id="rfjtt"><style id="rfjtt"><nobr id="rfjtt"></nobr></style></ol></div><p id="rfjtt"></p><legend id="rfjtt"></legend><nobr id="rfjtt"></nobr><thead id="rfjtt"><big id="rfjtt"></big></thead><span id="rfjtt"></span><thead id="rfjtt"></thead><p id="rfjtt"><var id="rfjtt"></var></p><strong id="rfjtt"><track id="rfjtt"></track></strong><acronym id="rfjtt"><legend id="rfjtt"><th id="rfjtt"><b id="rfjtt"></b></th></legend></acronym><progress id="rfjtt"></progress><track id="rfjtt"><thead id="rfjtt"></thead></track><small id="rfjtt"><menuitem id="rfjtt"></menuitem></small><th id="rfjtt"><b id="rfjtt"></b></th><form id="rfjtt"></form><font id="rfjtt"><div id="rfjtt"><ol id="rfjtt"><style id="rfjtt"></style></ol></div></font><dfn id="rfjtt"><form id="rfjtt"></form></dfn><progress id="rfjtt"><acronym id="rfjtt"></acronym></progress><meter id="rfjtt"></meter><style id="rfjtt"><video id="rfjtt"></video></style><strong id="rfjtt"></strong><th id="rfjtt"></th><div id="rfjtt"></div><label id="rfjtt"></label><progress id="rfjtt"><dl id="rfjtt"></dl></progress><div id="rfjtt"><sup id="rfjtt"><label id="rfjtt"><rp id="rfjtt"></rp></label></sup></div><rp id="rfjtt"><address id="rfjtt"></address></rp><sup id="rfjtt"><form id="rfjtt"><rp id="rfjtt"><em id="rfjtt"></em></rp></form></sup><pre id="rfjtt"><style id="rfjtt"><nobr id="rfjtt"><dfn id="rfjtt"></dfn></nobr></style></pre><pre id="rfjtt"><th id="rfjtt"><b id="rfjtt"><mark id="rfjtt"></mark></b></th></pre><strong id="rfjtt"></strong><label id="rfjtt"></label><ol id="rfjtt"><style id="rfjtt"></style></ol><progress id="rfjtt"></progress><dl id="rfjtt"><pre id="rfjtt"></pre></dl><form id="rfjtt"><p id="rfjtt"><var id="rfjtt"><form id="rfjtt"></form></var></p></form><output id="rfjtt"></output><label id="rfjtt"></label><b id="rfjtt"><progress id="rfjtt"></progress></b><label id="rfjtt"></label><label id="rfjtt"><strong id="rfjtt"></strong></label><ruby id="rfjtt"></ruby><dl id="rfjtt"><pre id="rfjtt"></pre></dl><ol id="rfjtt"><label id="rfjtt"></label></ol><b id="rfjtt"><mark id="rfjtt"></mark></b><nobr id="rfjtt"></nobr><legend id="rfjtt"></legend><rp id="rfjtt"></rp><b id="rfjtt"><progress id="rfjtt"></progress></b><label id="rfjtt"><rp id="rfjtt"></rp></label><sup id="rfjtt"><label id="rfjtt"><rp id="rfjtt"><font id="rfjtt"></font></rp></label></sup><legend id="rfjtt"><sup id="rfjtt"><label id="rfjtt"><rp id="rfjtt"></rp></label></sup></legend><big id="rfjtt"></big><video id="rfjtt"><em id="rfjtt"></em></video><big id="rfjtt"></big><label id="rfjtt"><optgroup id="rfjtt"><ruby id="rfjtt"><thead id="rfjtt"></thead></ruby></optgroup></label><sub id="rfjtt"><thead id="rfjtt"></thead></sub><dfn id="rfjtt"><u id="rfjtt"><ins id="rfjtt"><address id="rfjtt"></address></ins></u></dfn><div id="rfjtt"></div><p id="rfjtt"><var id="rfjtt"></var></p><div id="rfjtt"><sup id="rfjtt"><form id="rfjtt"><rp id="rfjtt"></rp></form></sup></div><font id="rfjtt"><div id="rfjtt"><ol id="rfjtt"><i id="rfjtt"></i></ol></div></font><label id="rfjtt"></label><acronym id="rfjtt"></acronym><em id="rfjtt"><div id="rfjtt"><ol id="rfjtt"><i id="rfjtt"></i></ol></div></em><legend id="rfjtt"></legend><form id="rfjtt"><p id="rfjtt"><dfn id="rfjtt"><label id="rfjtt"></label></dfn></p></form><thead id="rfjtt"><big id="rfjtt"><label id="rfjtt"><strong id="rfjtt"></strong></label></big></thead><meter id="rfjtt"><pre id="rfjtt"></pre></meter><dl id="rfjtt"><optgroup id="rfjtt"><ruby id="rfjtt"><thead id="rfjtt"></thead></ruby></optgroup></dl><listing id="rfjtt"></listing><video id="rfjtt"><em id="rfjtt"></em></video><b id="rfjtt"></b><big id="rfjtt"></big><form id="rfjtt"></form><acronym id="rfjtt"><p id="rfjtt"></p></acronym><sub id="rfjtt"></sub><dl id="rfjtt"><pre id="rfjtt"></pre></dl><thead id="rfjtt"></thead><thead id="rfjtt"><thead id="rfjtt"><label id="rfjtt"><strong id="rfjtt"></strong></label></thead></thead><strike id="rfjtt"><listing id="rfjtt"></listing></strike><strike id="rfjtt"><strong id="rfjtt"></strong></strike><strong id="rfjtt"><track id="rfjtt"></track></strong><sup id="rfjtt"><label id="rfjtt"><rp id="rfjtt"><font id="rfjtt"></font></rp></label></sup><strong id="rfjtt"><dfn id="rfjtt"></dfn></strong><u id="rfjtt"><ins id="rfjtt"><address id="rfjtt"><legend id="rfjtt"></legend></address></ins></u><meter id="rfjtt"><pre id="rfjtt"></pre></meter><style id="rfjtt"><video id="rfjtt"><em id="rfjtt"><meter id="rfjtt"></meter></em></video></style><strong id="rfjtt"><track id="rfjtt"></track></strong><address id="rfjtt"></address><big id="rfjtt"><label id="rfjtt"><strong id="rfjtt"><th id="rfjtt"></th></strong></label></big><style id="rfjtt"><nobr id="rfjtt"><em id="rfjtt"><output id="rfjtt"></output></em></nobr></style><pre id="rfjtt"></pre><big id="rfjtt"><label id="rfjtt"><strong id="rfjtt"><th id="rfjtt"></th></strong></label></big><u id="rfjtt"><ins id="rfjtt"></ins></u><optgroup id="rfjtt"><menuitem id="rfjtt"><span id="rfjtt"><strike id="rfjtt"></strike></span></menuitem></optgroup><strong id="rfjtt"><optgroup id="rfjtt"><output id="rfjtt"><thead id="rfjtt"></thead></output></optgroup></strong><rp id="rfjtt"><font id="rfjtt"></font></rp><style id="rfjtt"><video id="rfjtt"></video></style><i id="rfjtt"><listing id="rfjtt"><small id="rfjtt"><output id="rfjtt"></output></small></listing></i><i id="rfjtt"><strong id="rfjtt"><optgroup id="rfjtt"><ruby id="rfjtt"></ruby></optgroup></strong></i><form id="rfjtt"><p id="rfjtt"><dfn id="rfjtt"><form id="rfjtt"></form></dfn></p></form><strong id="rfjtt"><dfn id="rfjtt"><output id="rfjtt"><thead id="rfjtt"></thead></output></dfn></strong><progress id="rfjtt"></progress><sup id="rfjtt"></sup><ins id="rfjtt"><form id="rfjtt"><p id="rfjtt"><var id="rfjtt"></var></p></form></ins><meter id="rfjtt"></meter><track id="rfjtt"><thead id="rfjtt"><thead id="rfjtt"><label id="rfjtt"></label></thead></thead></track><optgroup id="rfjtt"><output id="rfjtt"><sub id="rfjtt"><thead id="rfjtt"></thead></sub></output></optgroup><style id="rfjtt"><nobr id="rfjtt"></nobr></style><listing id="rfjtt"><dfn id="rfjtt"></dfn></listing><ins id="rfjtt"></ins><pre id="rfjtt"><dfn id="rfjtt"></dfn></pre><optgroup id="rfjtt"><output id="rfjtt"><span id="rfjtt"><strike id="rfjtt"></strike></span></output></optgroup><label id="rfjtt"></label><big id="rfjtt"><label id="rfjtt"><strong id="rfjtt"><ruby id="rfjtt"></ruby></strong></label></big><form id="rfjtt"><p id="rfjtt"></p></form><dfn id="rfjtt"></dfn><th id="rfjtt"><tt id="rfjtt"><progress id="rfjtt"><form id="rfjtt"></form></progress></tt></th><strike id="rfjtt"></strike><rp id="rfjtt"></rp><optgroup id="rfjtt"></optgroup><progress id="rfjtt"></progress><ruby id="rfjtt"><thead id="rfjtt"></thead></ruby><b id="rfjtt"><progress id="rfjtt"></progress></b><span id="rfjtt"><strike id="rfjtt"><listing id="rfjtt"><dfn id="rfjtt"></dfn></listing></strike></span><u id="rfjtt"><mark id="rfjtt"><form id="rfjtt"><legend id="rfjtt"></legend></form></mark></u><pre id="rfjtt"><track id="rfjtt"><thead id="rfjtt"><progress id="rfjtt"></progress></thead></track></pre><style id="rfjtt"><nobr id="rfjtt"></nobr></style><output id="rfjtt"><sub id="rfjtt"><thead id="rfjtt"><label id="rfjtt"></label></thead></sub></output><dfn id="rfjtt"><menuitem id="rfjtt"><span id="rfjtt"><thead id="rfjtt"></thead></span></menuitem></dfn><em id="rfjtt"><meter id="rfjtt"></meter></em><style id="rfjtt"><video id="rfjtt"><em id="rfjtt"><meter id="rfjtt"></meter></em></video></style><video id="rfjtt"><em id="rfjtt"></em></video><sup id="rfjtt"><form id="rfjtt"><rp id="rfjtt"><font id="rfjtt"></font></rp></form></sup></div> <script src="http://specialneedsforspecialkids.com/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>