下面是一個常用的關(guān)于 React 的面試問題列表：

創(chuàng)新互聯(lián)公司是專業(yè)的洛江網(wǎng)站建設(shè)公司，洛江接單;提供做網(wǎng)站、成都做網(wǎng)站,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行洛江網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

無論作為一個面試者，或者招聘官，下面這些問題都可以去參考。

React 的工作原理

React 會創(chuàng)建一個虛擬 DOM(virtual DOM)。當一個組件中的狀態(tài)改變時，React 首先會通過 "diffing" 算法來標記虛擬 DOM 中的改變，第二步是調(diào)節(jié)(reconciliation)，會用 diff 的結(jié)果來更新 DOM。

使用 React 有何優(yōu)點

•  只需查看 render 函數(shù)就會很容易知道一個組件是如何被渲染的
•  JSX 的引入，使得組件的代碼更加可讀，也更容易看懂組件的布局，或者組件之間是如何互相引用的
•  支持服務(wù)端渲染，這可以改進 SEO 和性能
•  易于測試
•  React 只關(guān)注 View 層，所以可以和其它任何框架(如Backbone.js, Angular.js)一起使用

展示組件(Presentational component)和容器組件(Container component)之間有何不同

展示組件關(guān)心組件看起來是什么。展示專門通過 props 接受數(shù)據(jù)和回調(diào)，并且?guī)缀醪粫凶陨淼臓顟B(tài)，但當展示組件擁有自身的狀態(tài)時，通常也只關(guān)心 UI 狀態(tài)而不是數(shù)據(jù)的狀態(tài)。

容器組件則更關(guān)心組件是如何運作的。容器組件會為展示組件或者其它容器組件提供數(shù)據(jù)和行為(behavior)，它們會調(diào)用 Flux actions，并將其作為回調(diào)提供給展示組件。容器組件經(jīng)常是有狀態(tài)的，因為它們是(其它組件的)數(shù)據(jù)源。

類組件(Class component)和函數(shù)式組件(Functional component)之間有何不同

•  類組件不僅允許你使用更多額外的功能，如組件自身的狀態(tài)和生命周期鉤子，也能使組件直接訪問 store 并維持狀態(tài)
•  當組件僅是接收 props，并將組件自身渲染到頁面時，該組件就是一個 '無狀態(tài)組件(stateless component)'，可以使用一個純函數(shù)來創(chuàng)建這樣的組件。這種組件也被稱為啞組件(dumb components)或展示組件

(組件的)狀態(tài)(state)和屬性(props)之間有何不同

State 是一種數(shù)據(jù)結(jié)構(gòu)，用于組件掛載時所需數(shù)據(jù)的默認值。State 可能會隨著時間的推移而發(fā)生突變，但多數(shù)時候是作為用戶事件行為的結(jié)果。

Props(properties 的簡寫)則是組件的配置。props 由父組件傳遞給子組件，并且就子組件而言，props 是不可變的(immutable)。組件不能改變自身的 props，但是可以把其子組件的 props 放在一起(統(tǒng)一管理)。Props 也不僅僅是數(shù)據(jù)--回調(diào)函數(shù)也可以通過 props 傳遞。

指出(組件)生命周期方法的不同

•  componentWillMount -- 多用于根組件中的應(yīng)用程序配置
•  componentDidMount -- 在這可以完成所有沒有 DOM 就不能做的所有配置，并開始獲取所有你需要的數(shù)據(jù)；如果需要設(shè)置事件監(jiān)聽，也可以在這完成
•  omponentWillReceiveProps -- 這個周期函數(shù)作用于特定的 prop 改變導(dǎo)致的 state 轉(zhuǎn)換
•  shouldComponentUpdate -- 如果你擔(dān)心組件過度渲染，shouldComponentUpdate 是一個改善性能的地方，因為如果組件接收了新的 prop， 它可以阻止(組件)重新渲染。shouldComponentUpdate 應(yīng)該返回一個布爾值來決定組件是否要重新渲染
•  componentWillUpdate -- 很少使用。它可以用于代替組件的 componentWillReceiveProps 和 shouldComponentUpdate(但不能訪問之前的 props)
•  componentDidUpdate -- 常用于更新 DOM，響應(yīng) prop 或 state 的改變
•  componentWillUnmount -- 在這你可以取消網(wǎng)絡(luò)請求，或者移除所有與組件相關(guān)的事件監(jiān)聽器

應(yīng)該在 React 組件的何處發(fā)起 Ajax 請求

在 React 組件中，應(yīng)該在 componentDidMount 中發(fā)起網(wǎng)絡(luò)請求。這個方法會在組件***次“掛載”(被添加到 DOM)時執(zhí)行，在組件的生命周期中僅會執(zhí)行一次。更重要的是，你不能保證在組件掛載之前 Ajax 請求已經(jīng)完成，如果是這樣，也就意味著你將嘗試在一個未掛載的組件上調(diào)用 setState，這將不起作用。在 componentDidMount 中發(fā)起網(wǎng)絡(luò)請求將保證這有一個組件可以更新了。

何為受控組件(controlled component)

在 HTML 中，類似 , 和 <select> 這樣的表單元素會維護自身的狀態(tài)，并基于用戶的輸入來更新。當用戶提交表單時，前面提到的元素的值將隨表單一起被發(fā)送。但在 React 中會有些不同，包含表單元素的組件將會在 state 中追蹤輸入的值，并且每次調(diào)用回調(diào)函數(shù)時，如 onChange 會更新 state，重新渲染組件。一個輸入表單元素，它的值通過 React 的這種方式來控制，這樣的元素就被稱為"受控元素"。</p><p><strong>在 React 中，refs 的作用是什么</strong></p><p>Refs 可以用于獲取一個 DOM 節(jié)點或者 React 組件的引用。何時使用 refs 的好的示例有管理焦點/文本選擇，觸發(fā)命令動畫，或者和第三方 DOM 庫集成。你應(yīng)該避免使用 String 類型的 Refs 和內(nèi)聯(lián)的 ref 回調(diào)。Refs 回調(diào)是 React 所推薦的。</p><p><strong>何為高階組件(higher order component)</strong></p><p>高階組件是一個以組件為參數(shù)并返回一個新組件的函數(shù)。HOC 運行你重用代碼、邏輯和引導(dǎo)抽象。最常見的可能是 Redux 的 connect 函數(shù)。除了簡單分享工具庫和簡單的組合，HOC***的方式是共享 React 組件之間的行為。如果你發(fā)現(xiàn)你在不同的地方寫了大量代碼來做同一件事時，就應(yīng)該考慮將代碼重構(gòu)為可重用的 HOC。</p><p><strong>練習(xí)</strong></p><ul> <li> 寫一個反轉(zhuǎn)其輸入的 HOC</li> <li> 寫一個從 API 提供數(shù)據(jù)給傳入的組件的 HOC</li> <li> 寫一個實現(xiàn) shouldComponentUpdate 來避免 reconciliation 的 HOC</li> <li> 寫一個通過 React.Children.toArray 對傳入組件的子組件進行排序的 HOC</li> </ul> <p><strong>使用箭頭函數(shù)(arrow functions)的優(yōu)點是什么</strong></p><ul> <li> 作用域安全：在箭頭函數(shù)之前，每一個新創(chuàng)建的函數(shù)都有定義自身的 this 值(在構(gòu)造函數(shù)中是新對象；在嚴格模式下，函數(shù)調(diào)用中的 this 是未定義的；如果函數(shù)被稱為“對象方法”，則為基礎(chǔ)對象等)，但箭頭函數(shù)不會，它會使用封閉執(zhí)行上下文的 this 值。</li> <li> 簡單：箭頭函數(shù)易于閱讀和書寫</li> <li> 清晰：當一切都是一個箭頭函數(shù)，任何常規(guī)函數(shù)都可以立即用于定義作用域。開發(fā)者總是可以查找 next-higher 函數(shù)語句，以查看 this 的值</li> </ul> <p><strong>為什么建議傳遞給 setState 的參數(shù)是一個 callback 而不是一個對象</strong></p><p>因為 this.props 和 this.state 的更新可能是異步的，不能依賴它們的值去計算下一個 state。</p><p><strong>除了在構(gòu)造函數(shù)中綁定 this，還有其它方式嗎</strong></p><p>你可以使用屬性初始值設(shè)定項(property initializers)來正確綁定回調(diào)，create-react-app 也是默認支持的。在回調(diào)中你可以使用箭頭函數(shù)，但問題是每次組件渲染時都會創(chuàng)建一個新的回調(diào)。</p><p><strong>怎么阻止組件的渲染</strong></p><p>在組件的 render 方法中返回 null 并不會影響觸發(fā)組件的生命周期方法</p><p><strong>當渲染一個列表時，何為 key？設(shè)置 key 的目的是什么</strong></p><p>Keys 會有助于 React 識別哪些 items 改變了，被添加了或者被移除了。Keys 應(yīng)該被賦予數(shù)組內(nèi)的元素以賦予(DOM)元素一個穩(wěn)定的標識，選擇一個 key 的***方法是使用一個字符串，該字符串能惟一地標識一個列表項。很多時候你會使用數(shù)據(jù)中的 IDs 作為 keys，當你沒有穩(wěn)定的 IDs 用于被渲染的 items 時，可以使用項目索引作為渲染項的 key，但這種方式并不推薦，如果 items 可以重新排序，就會導(dǎo)致 re-render 變慢。</p><p><strong>(在構(gòu)造函數(shù)中)調(diào)用 super(props) 的目的是什么</strong></p><p>在 super() 被調(diào)用之前，子類是不能使用 this 的，在 ES2015 中，子類必須在 constructor 中調(diào)用 super()。傳遞 props 給 super() 的原因則是便于(在子類中)能在 constructor 訪問 this.props。</p><p><strong>何為 JSX</strong></p><p>JSX 是 JavaScript 語法的一種語法擴展，并擁有 JavaScript 的全部功能。JSX 生產(chǎn) React "元素"，你可以將任何的 JavaScript 表達式封裝在花括號里，然后將其嵌入到 JSX 中。在編譯完成之后，JSX 表達式就變成了常規(guī)的 JavaScript 對象，這意味著你可以在 if 語句和 for 循環(huán)內(nèi)部使用 JSX，將它賦值給變量，接受它作為參數(shù)，并從函數(shù)中返回它。</p><p><strong>怎么用 React.createElement 重寫下面的代碼</strong></p><p>Question： </p><pre> <ol> <li>const element = (  </li> <li>  <h1 className="greeting">  </li> <li>    Hello, rdhub.cn!  </li> <li>  </h1>  </li> <li>); </li> </ol></pre><p>Answer： </p><pre> <ol> <li>const element = React.createElement(  </li> <li>  'h1',  </li> <li>  {className: 'greeting'},  </li> <li>  'Hello, rdhub.cn!'  </li> <li>); </li> </ol></pre><p><strong>何為 Children</strong></p><p>在JSX表達式中，一個開始標簽(比如<a>)和一個關(guān)閉標簽(比如</a>)之間的內(nèi)容會作為一個特殊的屬性props.children被自動傳遞給包含著它的組件。</p><p>這個屬性有許多可用的方法，包括 React.Children.map，React.Children.forEach， React.Children.count， React.Children.only，React.Children.toArray。</p><p><strong>在 React 中，何為 state</strong></p><p>State 和 props 類似，但它是私有的，并且完全由組件自身控制。State 本質(zhì)上是一個持有數(shù)據(jù)，并決定組件如何渲染的對象。</p><p>什么原因會促使你脫離 create-react-app 的依賴</p><p>當你想去配置 webpack 或 babel presets。</p><p><strong>何為 redux</strong></p><p>Redux 的基本思想是整個應(yīng)用的 state 保持在一個單一的 store 中。store 就是一個簡單的 javascript 對象，而改變應(yīng)用 state 的唯一方式是在應(yīng)用中觸發(fā) actions，然后為這些 actions 編寫 reducers 來修改 state。整個 state 轉(zhuǎn)化是在 reducers 中完成，并且不應(yīng)該有任何副作用。</p><p><strong>在 Redux 中，何為 store</strong></p><p>Store 是一個 javascript 對象，它保存了整個應(yīng)用的 state。與此同時，Store 也承擔(dān)以下職責(zé)：</p><ul> <li> 允許通過 getState() 訪問 state</li> <li> 運行通過 dispatch(action) 改變 state</li> <li> 通過 subscribe(listener) 注冊 listeners</li> <li> 通過 subscribe(listener) 返回的函數(shù)處理 listeners 的注銷</li> </ul> <p><strong>何為 action</strong></p><p>Actions 是一個純 javascript 對象，它們必須有一個 type 屬性表明正在執(zhí)行的 action 的類型。實質(zhì)上，action 是將數(shù)據(jù)從應(yīng)用程序發(fā)送到 store 的有效載荷。</p><p><strong>何為 reducer</strong></p><p>一個 reducer 是一個純函數(shù)，該函數(shù)以先前的 state 和一個 action 作為參數(shù)，并返回下一個 state。</p><p><strong>Redux Thunk 的作用是什么</strong></p><p>Redux thunk 是一個允許你編寫返回一個函數(shù)而不是一個 action 的 actions creators 的中間件。如果滿足某個條件，thunk 則可以用來延遲 action 的派發(fā)(dispatch)，這可以處理異步 action 的派發(fā)(dispatch)。</p><p><strong>何為純函數(shù)(pure function)</strong></p><p>一個純函數(shù)是一個不依賴于且不改變其作用域之外的變量狀態(tài)的函數(shù)，這也意味著一個純函數(shù)對于同樣的參數(shù)總是返回同樣的結(jié)果。</p> <br> 分享題目：不可錯過的Rect面試題，務(wù)必收藏 <br> 文章鏈接：<a href="http://uogjgqi.cn/article/djsgeci.html">http://uogjgqi.cn/article/djsgeci.html</a> </div> <div id="aikgwis" class="view-qrocde cl"> <div id="0kkiuck" class="m z"><img src="/Public/Home/images/ew.jpg"/></div> <div id="sayouyq" class="text"> <h6>掃二維碼與項目經(jīng)理溝通</h6> <p>我們在微信上24小時期待你的聲音</p> <p>解答本文疑問/技術(shù)咨詢/運營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流</p> </div> </div> <div id="mqeisoa" class="othernews cl"> <h3>其他資訊</h3> <ul> <li><a href="/article/dpehosd.html">云計算架構(gòu)訂閱制收費，SaaS魅力何在？</a></li><li><a href="/article/dpehoog.html">聊聊Spring事務(wù)失效的12種場景，太坑了</a></li><li><a href="/article/dpephhj.html">創(chuàng)客編程用什么硬件</a></li><li><a href="/article/dpehoss.html">自帶模板香港服務(wù)器?（自帶模板香港服務(wù)器怎么用)</a></li><li><a href="/article/dpehogg.html">光纜無線路由器安裝視頻教程</a></li> </ul> </div> </div> </div> <div id="qukeu8m" class="sidebar"> <div id="ks000oe" class="tuijian"> <a href="#"> <h2 class="cl"><span>行業(yè)動態(tài)</span></h2> <h3>企業(yè)網(wǎng)站建設(shè)的重要性！</h3> <p>現(xiàn)在雖然是移動互聯(lián)網(wǎng)時代，但企業(yè)網(wǎng)站依然重要，包含PC站點，移動站?？梢哉f企業(yè)網(wǎng)站關(guān)系企業(yè)的未來發(fā)展和前途，尤其對中小企業(yè)更是如此，一些中小企業(yè)老板，對自己的名片很在乎，因為這是個門面。...</p> </a> </div> <div id="e0gcyw0" class="ser sidesub"> <h2>服務(wù)項目</h2> <ul class="ebox"> <li id="wmiwyoa" class="sub sub-1"> <div> <h3>網(wǎng)站建設(shè)</h3> <p></p> <a class="btn" href="/serve/website/">查看詳情</a> </div> </li> <li id="k0eoagw" class="sub sub-1"> <div> <h3>移動端/APP</h3> <p></p> <a class="btn" href="/serve/moblie/">查看詳情</a> </div> </li> <li id="mkuigcg" class="sub sub-1"> <div> <h3>微信/小程序</h3> <p></p> <a class="btn" href="/serve/small/">查看詳情</a> </div> </li> <li id="i2o0sao" class="sub sub-1"> <div> <h3>技術(shù)支持</h3> <p></p> <a class="btn" href="/serve/tech/">查看詳情</a> </div> </li> <li id="euo2yg0" class="sub sub-1"> <div> <h3>其它服務(wù)</h3> <p></p> <a class="btn" href="/serve/othe/">查看詳情</a> </div> </li> <li id="c20kmks" class="sub sub-5"> <div> <h3>更多服務(wù)項目</h3> <p> <a>用我們的專業(yè)和誠信贏得您的信賴，從PC到移動互聯(lián)網(wǎng)均有您想要的服務(wù)！</a></p> <a class="btn" href="/serve/">獲取更多</a> </div> </li> </ul> </div> <div id="euqimuy" class="contact" id="fix"> <h2 class="cl"> <span>聯(lián)系吧</span> <a class="ditu" rel="nofollow" target="_blank">在百度地圖上找到我們</a> </h2> <h3>電話：13518219792</h3> <p>如遇占線或暫未接聽請撥：136xxx98888</p> <div id="mcosg2s" class="qq"> <a rel="nofollow" target="_blank">業(yè)務(wù)咨詢</a> <a rel="nofollow" target="_blank">技術(shù)咨詢</a> <a rel="nofollow" target="_blank">售后服務(wù)</a> </div> </div> </div> <script> //固定滾動 (function () { var oDiv = document.getElementById("fix"); var H = 120, iE6; var Y = oDiv; while (Y) { H += Y.offsetTop; Y = Y.offsetParent }; iE6 = window.ActiveXObject && !window.XMLHttpRequest; if (!iE6) { window.onscroll = function () { var s = document.body.scrollTop || document.documentElement.scrollTop; if (s > H) { oDiv.className = "contact fixed"; if (iE6) { oDiv.style.top = (s - H) + "px"; } } else { oDiv.className = "contact "; } }; } })(); </script> </div> <div id="gequ000" class="footer"> <div id="oeywaio" class="wp"> <div id="y0eq2us" class="wpss cl"> <dl class="about"> <dt>網(wǎng)站設(shè)計</dt> <dd><a target="_blank" title="做網(wǎng)站設(shè)計">做網(wǎng)站設(shè)計</a></dd><dd><a target="_blank" title="網(wǎng)站設(shè)計">網(wǎng)站設(shè)計</a></dd><dd><a target="_blank" title="溫江網(wǎng)站設(shè)計">溫江網(wǎng)站設(shè)計</a></dd><dd><a target="_blank" title="成都網(wǎng)站設(shè)計">成都網(wǎng)站設(shè)計</a></dd> </dl> <dl class="about"> <dt>網(wǎng)站制作</dt> <dd><a target="_blank" title="梓潼網(wǎng)站制作公司">梓潼網(wǎng)站制作公司</a></dd><dd><a target="_blank" title="網(wǎng)站制作公司">網(wǎng)站制作公司</a></dd><dd><a target="_blank" title="廣安網(wǎng)站制作公司">廣安網(wǎng)站制作公司</a></dd><dd><a target="_blank" title="成都網(wǎng)站制作公司">成都網(wǎng)站制作公司</a></dd> </dl> <dl class="contact"> <dt>聯(lián)系我們</dt> <dd>電話：13518219792</dd> <dd>郵箱：631063699@qq.com</dd> <dd>地址：成都青羊區(qū)錦天國際1002號</dd> <dd>網(wǎng)址：uogjgqi.cn</dd> </dl> <dl class="about" style="margin-left:50px;width:235px;"> <dt>網(wǎng)站建設(shè)</dt> <dd><a target="_blank" title="成都網(wǎng)站建設(shè)">成都網(wǎng)站建設(shè)</a></dd><dd><a target="_blank" title="營山網(wǎng)站建設(shè)">營山網(wǎng)站建設(shè)</a></dd><dd><a target="_blank" title="成都網(wǎng)站建設(shè)">成都網(wǎng)站建設(shè)</a></dd><dd><a target="_blank" title="成都商城網(wǎng)站建設(shè)">成都商城網(wǎng)站建設(shè)</a></dd> <!--成都網(wǎng)站建設(shè) 成都網(wǎng)站制作 成都做網(wǎng)站 網(wǎng)站建設(shè)公司--> </dl> <dl class="flow"> <dt></dt> <div id="k0qu0kg" class="ma cl"> <div id="kikwwag" class="m"> <img src="/Public/Home/images/ew.jpg" /> <p>微信二維碼</p> </div> </div> </dl> </div> </div> <div id="ygiaeuc" class="footer-link wp"> <ul class="wpss cl"> <li id="ekoiiw2" class="fisrt">友情鏈接</li> <li><a title="四川木線條裝飾" target="_blank">四川木線條裝飾</a></li><li><a title="成都發(fā)電機維保公司" target="_blank">成都發(fā)電機維保公司</a></li><li><a title="營業(yè)執(zhí)照代辦" target="_blank">營業(yè)執(zhí)照代辦</a></li><li><a title="金堂縣柴油發(fā)電機回收" target="_blank">金堂縣柴油發(fā)電機回收</a></li><li><a title="成都網(wǎng)站安全維護" target="_blank">成都網(wǎng)站安全維護</a></li><li><a title="網(wǎng)站seo優(yōu)化" target="_blank">網(wǎng)站seo優(yōu)化</a></li><li><a title="重慶企業(yè)網(wǎng)站建設(shè)" target="_blank">重慶企業(yè)網(wǎng)站建設(shè)</a></li><li><a title="四川綿陽機房托管" target="_blank">四川綿陽機房托管</a></li><li><a title="成都發(fā)電機長租" target="_blank">成都發(fā)電機長租</a></li><li><a title="網(wǎng)站推廣" target="_blank">網(wǎng)站推廣</a></li> </ul> </div> </div> <div id="yokw0ca" class="bot-footer"> <div id="u20im0o" class="wp"> <p class="wpss"> <em>Copyright © 2002-2023 uogjgqi.cn 快上網(wǎng)建站品牌 QQ：244261566 版權(quán)所有</em> <em>備案號：<a rel="external nofollow">蜀ICP備19037934號</a></em> </p> <p class="wpss" style="line-height:30px !important;"> </p> </div> </div> <div id="2ikeiym" class="footer-kefu"> <ul> <li id="q20cgek" class="qq"><a ><em></em>在線咨詢</a> </li> <li id="qysam0o" class="tel"><a href="tel:13518219792" target="_blank"><em></em>13518219792</a></li> <li id="i0wk0iy" class="wx"> <em></em> <div id="sey2wca" class="code"> <img src="/Public/Home/images/ew.jpg" /> <p>微信二維碼</p> </div> </li> <li id="kkgkuiu" class="m"> <em></em> <div id="soa0wu2" class="code"> <img src="/Public/Home/images/ew.jpg" /> <p>移動版官網(wǎng)</p> </div> </li> <li id="2ugimae" class="top"><em></em></li> </ul> </div> <script src="/Public/Home/js/all.js"></script> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://uogjgqi.cn/" title="av激情亚洲男人的天堂国语,日韩欧美精品一中文字幕,无码av一区二区三区无码,国产又色又爽又刺激的a片,国产又色又爽又刺激的a片">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="aicgg" class="pl_css_ganrao" style="display: none;"><code id="aicgg"></code><wbr id="aicgg"></wbr><button id="aicgg"></button><delect id="aicgg"></delect><optgroup id="aicgg"></optgroup><em id="aicgg"></em><noframes id="aicgg"></noframes><fieldset id="aicgg"></fieldset><s id="aicgg"></s><s id="aicgg"></s><dfn id="aicgg"></dfn><li id="aicgg"></li><strike id="aicgg"></strike><samp id="aicgg"></samp><menu id="aicgg"></menu><fieldset id="aicgg"></fieldset><sup id="aicgg"></sup><rt id="aicgg"></rt><wbr id="aicgg"></wbr><menu id="aicgg"></menu><tfoot id="aicgg"></tfoot><tr id="aicgg"></tr><pre id="aicgg"></pre><s id="aicgg"></s><dl id="aicgg"></dl><delect id="aicgg"></delect><noframes id="aicgg"></noframes><button id="aicgg"></button><code id="aicgg"></code><sup id="aicgg"></sup><strike id="aicgg"></strike><tfoot id="aicgg"></tfoot><center id="aicgg"></center><fieldset id="aicgg"></fieldset><ul id="aicgg"></ul><wbr id="aicgg"></wbr><delect id="aicgg"></delect><delect id="aicgg"></delect><rt id="aicgg"></rt><abbr id="aicgg"></abbr><s id="aicgg"></s><ul id="aicgg"></ul><samp id="aicgg"></samp><optgroup id="aicgg"></optgroup><pre id="aicgg"></pre><em id="aicgg"></em><kbd id="aicgg"></kbd><center id="aicgg"></center><s id="aicgg"></s><td id="aicgg"></td><em id="aicgg"></em><strong id="aicgg"></strong><optgroup id="aicgg"></optgroup><input id="aicgg"></input><delect id="aicgg"></delect><em id="aicgg"></em><abbr id="aicgg"></abbr><sup id="aicgg"></sup><td id="aicgg"></td><noframes id="aicgg"></noframes><code id="aicgg"></code><dd id="aicgg"></dd><small id="aicgg"></small><td id="aicgg"></td><dl id="aicgg"></dl><small id="aicgg"></small><small id="aicgg"></small><delect id="aicgg"></delect><xmp id="aicgg"></xmp><td id="aicgg"></td><code id="aicgg"></code><tr id="aicgg"></tr><xmp id="aicgg"></xmp><code id="aicgg"></code><center id="aicgg"></center><small id="aicgg"></small><code id="aicgg"></code><code id="aicgg"></code><dd id="aicgg"></dd><ul id="aicgg"></ul><dd id="aicgg"></dd><s id="aicgg"></s><wbr id="aicgg"></wbr><small id="aicgg"></small><tr id="aicgg"></tr><center id="aicgg"></center><li id="aicgg"></li><em id="aicgg"></em><optgroup id="aicgg"></optgroup><td id="aicgg"></td><xmp id="aicgg"></xmp><wbr id="aicgg"></wbr><code id="aicgg"></code><optgroup id="aicgg"></optgroup><kbd id="aicgg"></kbd><button id="aicgg"></button><xmp id="aicgg"></xmp><table id="aicgg"></table><optgroup id="aicgg"></optgroup><dfn id="aicgg"></dfn></div> </html> <script> $(".cont img").each(function(){ var src = $(this).attr("src"); //獲取圖片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //絕對路徑 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>